@if(isset($userRequest->id))

    @php($loggedUser = $userRequest->user)
    @php($egyptianPoundPayment = $loggedUser && $userRequest->user->isPayingInEgyptianPound() && $userRequest->currency == 'EGP')
    @php($home = $loggedUser ? route('dashboard') : route("home"))
    @php($confirm = $loggedUser ? "btn btn-primary btn-md" : "btn float-" . right() . " btn-bggreen")

        <!-- show the payment options only in case of anonymous user or login user but will pay in EGP -->
        @if(!$loggedUser || $egyptianPoundPayment)
            <br>

            <style>
                .provider {
                    background: #4266b2;
                    color: white;
                    margin: 10px;
                }
            </style>

            <div>
                @if (\App\Setting::value("bankmisr_provider"))
                    <button type="button" id="pay_with_bank_misr_credit_card" class="btn provider">
                        <img src="/img/bankmisr.png" alt="Bank Misr" style="width: 60px; height: 60px;">
                        <br>
                        PAY with Credit Card
                    </button>
                @endif

                @if (\App\Setting::value("bankmisr_provider_cash"))
                    <button type="button" id="pay_with_bank_misr_cash" class="btn provider">
                        <img src="/img/bankmisr.png" alt="Bank Misr" style="width: 60px; height: 60px;">
                        <br>
                        PAY with Cash
                    </button>
                @endif

                @if (\App\Setting::value("fawry_provider"))
                    <button type="button" id="pay_with_fawry" class="btn provider">
                        <img src="/img/fawry.jpeg" alt="Bank Misr" style="width: 60px; height: 60px;">
                        <br>
                        PAY with Fawry
                    </button>
                @endif

                @if (\App\Setting::value("student_credit_provider"))
                    @if(!isset($website))
                        <button type="button" id="pay_with_student_credit" class="btn provider">
                            <img src="img/credit.jpeg" alt="Student Credit" style="width: 60px; height: 60px;">
                            <br>
                            @lang('tr.Pay with my credit')
                        </button>
                    @endif
                @endif
            </div>
            <!--
            <hr>
            <div>
                <a target="_blank" href="https://nasu.edu.eg/more/terms_conditions">Terms and Conditions</a>&nbsp;|&nbsp;
                <a target="_blank" href="https://nasu.edu.eg/more/privacy">Privacy Policy</a>&nbsp;|&nbsp;
                <a target="_blank" href="https://nasu.edu.eg/more/refund">Refund Policy</a>
            </div>
            -->
        @else
            <!-- show only the payment request id for non-egp payments -->
            <a id='btn' onclick='printDiv();' href="#" class="btn btn-primary float-right" style="margin-right: 5px;">
                @lang('tr.Print')
            </a>
        @endif

        <script src="https://banquemisr.gateway.mastercard.com/static/checkout/checkout.min.js" data-error="errorCallback" data-cancel="cancelCallback"></script>
        <script src="ext/js/jquery.min.js"></script>
        <script type="text/javascript">

            redirectTo = '{{ $home }}';

            $(document).ready(function () {

                $('#pay_with_fawry').click(function(){
                    $(".wait").show();
                    $(".provider").hide();
                    window.location.href = '{{ route('fawry_pay', ['userRequest' => $userRequest->id]) }}';
                });

                $('#pay_with_bank_misr_cash').click(function () {
                    $(".wait").show();
                    $(".provider").hide();
                    window.location.href = '{{ route('bank_misr_pay_cash', ['userRequest' => $userRequest->id]) }}';
                });

                $('#pay_with_student_credit').click(function () {
                    $(".wait").show();
                    $(".provider").hide();

                    var url = '{{ route('pay_with_student_credit', ['userRequest' => $userRequest->id]) }}';
                    var submitToken = '{{ csrf_token() }}';

                    $.post(url, {'_token': submitToken}, function (data, status) {
                        if (data.state == 'accepted') {
                            infoBox(data.msg, function () {
                                window.location.href = window.redirectTo;
                            });
                        } else {
                            errorBox(data.msg);
                        }
                        $('#pay_with_student_credit').prop('disabled', false);
                    }).fail(function (error) {
                        var message = '@lang('tr.General Error')';
                        errorBox(message);
                        $('#pay_with_student_credit').prop('disabled', false);
                        $(".wait").hide();
                        $(".provider").show();
                    });
                });

                $('#pay_with_bank_misr_credit_card').click(function () {
                    $(".wait").show();
                    $(".provider").hide();

                    var refreshUrl = '{{ route('bank_misr_refresh_session', ['userRequest' => $userRequest->id]) }}';
                    $.post(refreshUrl, { "_token": '{{ csrf_token() }}' },
                        function (response) {
                            if (response.sessionId) {
                                console.log(response.sessionId);
                                Checkout.configure({
                                    session: { id: `${response.sessionId}` }
                                }).then(function () {
                                    Checkout.showPaymentPage();
                                });
                            } else {
                                $(".wait").hide();
                                $(".provider").show();
                                errorBox("Failed to refresh session. Try again.");
                            }
                        }).fail(function (response) {
                            $(".wait").hide();
                            $(".provider").show();
                            errorBox("Failed to refresh session. Try again.");
                        })
                });

                $('#pay_with_efinance_credit').click(function () {
                    $(".wait").show();
                    $(".provider").hide();
                    window.location.href = '{{ route('efinance_pay', ['userRequest' => $userRequest->id, 'mechanismType' => 'Card']) }}';
                });

                $('#pay_with_efinance_channel').click(function () {
                    $('#pay_with_efinance_channel').attr('disabled', true)
                    window.location.href = '{{ route('efinance_pay', ['userRequest' => $userRequest->id, 'mechanismType' => 'Channel']) }}';
                });
            });

            function errorCallback() {
                errorBox('Your Session has been expired', function () {
                    window.location.href = '{{route('my_services')}}';
                });
            }

            function completeCallback(data) {
                var url = '{{ route('bank_misr_trans_credit_card') }}';
                var submitToken = '{{ csrf_token() }}';

                $.post(url, {
                    '_token': submitToken,
                    'number': data,
                    'MerchantReference': "{{$userRequest->merchant_reference_no}}"
                }, function (data) {

                    if (data.success == true) {
                        message = '@lang('tr.Your payment was successful')';
                        infoBox(message, function () {
                            window.location.href = window.redirectTo;
                        });
                    } else {
                        message = '@lang('tr.Your payment rejected.')';
                        errorBox(message);
                    }
                }).fail(function (error) {
                    var message = '@lang('tr.General Error')';
                    errorBox(message);
                });
            }

            function cancelCallback() {
                location.reload();
            }

            function printDiv(){
                $('.main_contetnt').printThis({
                    debug: false,               // show the iframe for debugging
                    importCSS: true,            // import parent page css
                    importStyle: true,          // import style tags
                    printContainer: true,       // print outer container/$.selector
                    removeInline: false,        // remove inline styles from print elements
                    printDelay: 333,            // variable print delay
                    header: null,               // prefix to html
                    footer: null,               // postfix to html
                    base: false,                // preserve the BASE tag or accept a string for the URL
                    formValues: true,           // preserve input/form values
                    canvas: false,              // copy canvas content
                    doctypeString: '',       // enter a different doctype for older markup
                    removeScripts: false,       // remove script tags from print content
                    copyTagClasses: false,      // copy classes from the html & body tag
                    beforePrintEvent: null,     // function for printEvent in iframe
                    beforePrint: null,          // function called before iframe is filled
                    afterPrint: null            // function called before iframe is removed
                });
            }
        </script>
    @else
    The user request is not defined
@endif