@extends('layouts.guest-layouts.guest-payment', ['pageTitle' => 'Transaction Successful'])

@section('content')
    <div class="content billing">
        <div class="search-bill">
            <p class="title ">Transaction Details</p>
            <hr>
            <table class="table table-borderless table-bordered-bottom">
                <caption></caption>
                <tbody>
                <tr>
                    <td>Payment Code</td>
                    <td class="text-right">#{{ $invoice->payment_code}}</td>
                </tr>
                <tr>
                    <td>Payer's Name</td>
                    <td class="text-right">{{ $transaction->customer_first_name .' ' . $transaction->customer_last_name }}</td>
                </tr>
                <tr>
                    <td>Payer's Email</td>
                    <td class="text-right">{{ $transaction->customer_email }}</td>
                </tr>
                @if($transaction->transaction_status_id === \App\Models\PaymentStatus::PENDING)
                    <tr>
                        <td>Amount Expected</td>
                        <td class="naira-prefix text-right text-danger">{{ number_format($transaction->amount_expected, 2) }}</td>
                    </tr>
                @endif
                <tr>
                    <td>Amount Paid</td>
                    <td class="naira-prefix text-right">{{ number_format($transaction->amount_paid, 2) }}</td>
                </tr>
                <tr>
                    <td>Transaction Status</td>
                    <td class="text-right @if($transactionPending) text-warning @else text-success @endif">{{ $responseMessage }}</td>
                </tr>
                <tr>
                    <td>Transaction Reference Number</td>
                    <td class="text-right">{{ $transaction->transaction_reference_number }}</td>
                </tr>
                @if(isset($verificationDetails['RRR']))
                    <tr>
                        <td>Remita Retrieval Reference</td>
                        <td class="text-right">{{ $verificationDetails['RRR'] }}</td>
                    </tr>
                @endif
                <tr class="border-bottom">
                    <td>Transaction Date</td>
                    @php $trTime = $transaction->initiation_time ?? $transaction->created_at; @endphp
                    <td class="text-right">{{ $trTime->toDateTimeString() }}</td>
                </tr>
                @if($transaction->payment_provider_id == \App\Models\PaymentProvider::WEMA_BANK)
                    <tr class="@if($transactionPending) alert-warning @else alert-success @endif">
                        <td>Payment Method</td>
                        <td class="text-right">Bank Transfer</td>
                    </tr>
                    <tr class="@if($transactionPending) alert-warning @else alert-success @endif">
                        <td>Bank</td>
                        <td class="text-right">Wema Bank</td>
                    </tr>
                    <tr class="@if($transactionPending) alert-warning @else alert-success @endif">
                        <td>Account Number</td>
                        <td class="text-right">{{ $transaction->wemaAcctNumber->account_number}}</td>
                    </tr>
                @endif
                </tbody>
            </table>
        </div>
        <div class="remita">
            <img src="{{ asset('images/payment-providers-logos.png') }}" alt="Payment Providers Logos">
        </div>
    </div>
@stop

@section('more-scripts')
    @if($returnURL)
    <script>
        (function ($) {
            $(document).ready(function () {
                {{--@dd(compact('returnURL'))--}}
                const returnURL = '{!! $returnURL !!}';
                Swal.fire({
                    // position: 'top-end',
                    title: 'Transaction {{ $responseMessage }}',
                    text: 'Redirecting to merchant....',
                    showConfirmButton: false,
                    timer: 5000,
                    willOpen: () => {
                        Swal.showLoading()
                    },
                    willClose: () => {
                        location.href = returnURL;
                    }
                });

            });
        })(jQuery);
    </script>
    @endif
@stop