@extends('payment.layout')

@section('styles')
    <script src="{{env('BRW_BKASH_SCRIPT_URL_'.env('BRW_BKASH_MODE'), '')}}"></script>

    <script type="text/javascript">
         $(document).ready(function () {
            var paymentConfig = {
                tokenCheckoutURL: "{{ route('payment.gateway.bkash.request',['token', $uKey]) }}",
                createCheckoutURL: "{{ route('payment.gateway.bkash.request',['create', $uKey])}}",
                executeCheckoutURL: "{{ route('payment.gateway.bkash.request',['execute', $uKey]) }}",
                responseReturnURL: "{{ route('payment.gateway.bkash.response', $uKey) }}",
            };

            var paymentRequest = {
                amount: "{{$data->amount}}",
                invoice: "{{$data->invoice_no}}"
            };

            $.ajax({
                url: paymentConfig.tokenCheckoutURL,
                type: 'POST',
                contentType: 'application/json',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                beforeSend: function(){
                    $('#loader').delay(100).fadeIn(500);
                },
                success: function (data) {
                    if (data.hasOwnProperty('code') && data.code == '1') {
                        bKash.init({
                            paymentMode: 'checkout',
                            paymentRequest: paymentRequest,
                            createRequest: function (request) {
                                $.ajax({
                                    url: paymentConfig.createCheckoutURL,
                                    type: 'POST',
                                    headers: {
                                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                                    },
                                    data: {
                                        amount: paymentRequest.amount,
                                        invoice: paymentRequest.invoice
                                    },
                                    beforeSend: function(){
                                        $('#loader').delay(100).fadeIn(500);
                                    },
                                    success: function (data) {
                                        $('#loader').delay(100).fadeOut(500);
                                        if (data && data.paymentID != null) {
                                            paymentID = data.paymentID;
                                            bKash.create().onSuccess(data);

                                        }else{
                                            bKash.create().onError();
                                            $('#loader').delay(100).fadeOut(500);
                                            $('#retry').delay(100).fadeIn(500);
                                            window.location.href = paymentConfig.responseReturnURL;
                                        }
                                    },
                                    error: function () {
                                        bKash.create().onError();
                                        $('#loader').delay(100).fadeOut(500);
                                        $('#retry').delay(100).fadeIn(500);
                                        // location.reload();
                                    }
                                });

                            },
                            executeRequestOnAuthorization: function () {
                                $.ajax({
                                    url: paymentConfig.executeCheckoutURL,
                                    type: 'POST',
                                    data: {paymentID: paymentID},
                                    headers: {
                                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                                    },
                                    beforeSend: function(){
                                        $('#loader').delay(100).fadeIn(500);
                                    },
                                    success: function (data) {
                                        // $('#loader').delay(100).fadeOut(500);
                                        bKash.execute().onError();
                                        window.location.href = paymentConfig.responseReturnURL;
                                    },
                                    error: function () {
                                        bKash.execute().onError();
                                        window.location.href = paymentConfig.responseReturnURL;
                                    }
                                });
                            },
                            onClose: function () {
                                window.location.href = paymentConfig.responseReturnURL;
                            }
                        });
                    } else {
                        console.log('Error: Failed to grant token. ', data.msg);
                        $('#loader').delay(100).fadeOut(500);
                        $('#retry').delay(100).fadeIn(500);
                        location.reload();
                    }
                }
            });

            $('#bKash_button').removeAttr('disabled');
            var intrvalTime = setInterval(function () {
                if (!$('#bKash_button').prop("disabled")) {
                    $("#bKash_button").trigger("click");
                    clearInterval(intrvalTime);
                }
            }, 3500);

            $('#cancel').click(function (event) {
                event.preventDefault();
                // window.location.href = paymentConfig.responseReturnURL+'?code=153&msg=Payment has been canceled';
            });
        });

    </script>
@endsection

@section('content')
    <div class="text-center" style="padding-top: 5%">
        <h2 class="font-weight-bold text-primary" style="border-bottom: 1px solid rgb(204, 204, 204);">
            bKash Payment Gateway
        </h2>

        <h4 class="font-weight-bold cus-font-col-3 ">
            <b>Invoice No.:</b> {{$data->invoice_no}}   <b>Total Amount:</b> BDT&nbsp; {{$data->amount}}
        </h4>
    </div>


    <div class="container">
        <div class="row-fluid">
            <div class="span12 text-center">
                <img class="rounded mx-auto d-block" src="{{ asset('assets/images/lodings.gif') }}" id='loader' style="width: 30%;">
                <button id="bKash_button" disabled="disabled" style="display: none;"></button>
                <div style="display:none" id="retry">
                    <p>Payment with
                        <a href="javascript:void(0);" onClick="window.location.reload();">bKash</a>
                        or <a href="#" id="cancel">cancel</a>.
                    </p>
                </div>
            </div>
        </div>
    </div>
@endsection


@section('script')
@endsection