@extends('layouts.app')
    @section('title')
    All Brands
    @endsection

    @section('content')

    <div class="card card-white mb-4">
        <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
            <h6 class="m-0 font-weight-normal text-head-color"> Payment</h6>
        </div>
        <div class="formwizard">
            <div class="form-header d-flex mb-4"> <span class="stepIndicator finish">Registration</span> <span class="stepIndicator active">Application</span> <span class="stepIndicator">Payment</span> </div>
        </div>
        <div class="row mb-3 justify-content-center">
            <div class="col-sm-7 text-center" style="min-height:180px">
                <div class="text-center">
                    <table class="table table-bordered">
                        <tr>
                            <th>Candidate Name</th>
                            <td>{{ @Auth::user()->CandidateName }}</td>
                        </tr>
                        <tr>
                            <th>Application Number</th>
                            <td>{{ @Auth::user()->ApplicationNumber }}</td>
                        </tr>
                        <tr>
                            <th>Payment</th>
                            <td> ₹ {{ $payableAmount }}</td>
                        </tr>
                        <tr>
                            <th colspan="2">Apply For POST </th>
                        </tr>
                        @if(count($CandidatePostApplied) >0)
                          @php $sno = 1; @endphp
                         
                          @foreach($CandidatePostApplied as $PostApplied)
                          <tr>
                             <th> {{ $sno }}</th>
                             <th> {{$PostApplied['PostName']}} </th>
                             @php $sno++; @endphp
                          </tr>
                          @endforeach
                         
                        @endif
                    </table>
                </div>
                <br>
              
                        <table class="table table-bordered">
                            <tbody>
                                   @if( !empty($paymentgatewaylist) && is_array($paymentgatewaylist))
                                     @foreach ($paymentgatewaylist as $key=>$data)
                                    <tr>
                                        <th width="5%"> {{++$key}} </th>
                                        <td width="95%">
                                        <input type='hidden' name='payment_gateway_id' value='{{$data->ID}}' >
                                        <button type="submit" id="{{$data->GatewayCode}}Payment" class="sm-2 btn btn-primary" data-id="{{$data->ID}}" data-modulename="Payment" data-activityname="Payment-{{$data->GatewayName}}">{{$data->GatewayName}}</button></td>
                                    </tr>
                                      @endforeach
                                    @endif
                            </tbody>
                        </table>
                 
            </div>
        </div>
    </div>

    <!-- HDFC Modal -->
    <div class="modal fade" id="HDFCModel" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true" style="top:200px">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="exampleModalLabel">Payment Details</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <p><strong>Name - </strong> {{ @Auth::user()->CandidateName }}</p>
                    <p><strong>Application No. - </strong> {{ @Auth::user()->ApplicationNumber }}</p>
                    <p><strong>Amount - </strong> {{ $payableAmount }}</p>
                </div>
                <div class="modal-footer">
                    <form action="{{ config('constants.HDFC_Config.HDFC_Production_URL') }}" method="post" style="margin:0 auto;padding-bottom:50px">
                        <input type="hidden" name="encRequest" id='putdata' value="">
                        <input type="hidden" name="access_code" value="{{ config('constants.HDFC_Config.HDFC_Access_CODE') }}">
                        <button type="submit" class="sm-2 btn btn-primary center" data-modulename='Payment' data-activityname='Payment-HDFC-PAY'>Pay Now</button>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <!-- SBI Modal -->
<div class="modal fade" id="SBIModel" tabindex="-1" aria-labelledby="exampleModalLabel1" aria-hidden="true" style="top:200px">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="exampleModalLabel1">Payment Details</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                    <p><strong>Name - </strong> {{ @Auth::user()->CandidateName }}</p>
                    <p><strong>Application No. - </strong> {{ @Auth::user()->ApplicationNumber }}</p>
                    <p><strong>Amount - </strong> {{ $payableAmount }}</p>
            </div>
            <div class="modal-footer">
                <form action="{{ config('constants.SBI_Config.SBI_API_URL') }}" method="post" style="margin:0 auto;padding-bottom:50px">
                    <input type="hidden" name="encdata" id='encdata' value="">
                    <input type="hidden" name="merchant_code" value="{{ config('constants.SBI_Config.merchant_code') }}">
                    <button type="submit" class="sm-2 btn btn-primary center userActivityBtn" data-modulename='Payment' data-activityname='Payment-SBI-PAY'>Pay Now</button>
                </form>
            </div>
        </div>
    </div>
</div>

    @endsection
    @push('js')
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
    <script type="text/javascript" src="https://www.paynimo.com/Paynimocheckout/server/lib/checkout.js"></script>

        <script>
            $(document).ready(function() {
                $('.close').click(function() {
                    $("#HDFCModel").modal('hide');
                    $("#SBIModel").modal('hide');
                });
            });

            $('#hdfcPayment').click(function() {
                $(".loader").show();
                var ID = $('#hdfcPayment').data('id');
                $.ajax({
                    type: 'post',
                    url: "{{ route('paymentInitialize') }}",
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    data: {
                        payment_gateway_id: ID
                    },
                    success: function(response) {
                        if (response) {
                            $('#putdata').val(response);
                            $(".loader").hide();
                            $("#HDFCModel").modal('show');
                        } else {
                            $(".loader").hide();
                            $("#errorModel").modal('show');
                        }
                    }
                })
            });

            $('#iciciPayment').click(function() {
            var ID = $('#iciciPayment').data('id');
            $.ajax({
                type: "POST",
                url: "{{ route('paymentInitialize') }}",
                headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                data: { payment_gateway_id: ID },
                beforeSend: function(msg){
                    $(".loader").show();
                },
                always: function(msg){
                    $(".loader").hide();
                },
                success: function (response) {
                    $(".loader").hide();
                    var obj = JSON.parse(response);
                    console.log(obj);
                    
                        function handleResponse(res)
                        {
                            if (typeof res != 'undefined' && typeof res.paymentMethod != 'undefined' && typeof res.paymentMethod.paymentTransaction != 'undefined' && typeof res.paymentMethod.paymentTransaction.statusCode != 'undefined' && res.paymentMethod.paymentTransaction.statusCode == '0300') {
                        // success block
                            } else if (typeof res != 'undefined' && typeof res.paymentMethod != 'undefined' && typeof res.paymentMethod.paymentTransaction != 'undefined' && typeof res.paymentMethod.paymentTransaction.statusCode != 'undefined' && res.paymentMethod.paymentTransaction.statusCode == '0398') {
                        // initiated block
                            } else {
                        // error block
                            }   
                        };

                        var configJson = 
                        {
                            'tarCall': false,
                            'features': {
                                'showPGResponseMsg': true,
                                'enableNewWindowFlow': false,   //for hybrid applications please disable this by passing false
                                'enableAbortResponse': true,
                                'enableExpressPay': false,  //if unique customer identifier is passed then save card functionality for end  end customer
                                'enableInstrumentDeRegistration': false,  //if unique customer identifier is passed then option to delete saved card by end customer
                                'enableMerTxnDetails': true,
                                'siDetailsAtMerchantEnd': false,
                                'enableSI': false,
                                'hideSIDetails': false,
                                'enableDebitDay': false,
                                'expandSIDetails': false,
                                'enableTxnForNonSICards': false,
                                'showSIConfirmation': false,
                                'showSIResponseMsg': false,
                            },
                            
                            'consumerData': {
                                'deviceId': 'WEBSH2',
                                //possible values 'WEBSH1', 'WEBSH2' and 'WEBMD5'
                                //'debitDay':'10',
                                'token': obj['hash'],
                                'returnUrl': obj['data'][12],
                                /*'redirectOnClose': 'https://www.tekprocess.co.in/MerchantIntegrationClient/MerchantResponsePage.jsp',*/
                                'responseHandler': handleResponse,
                                'paymentMode': '',
                                'checkoutElement': '',
                                'merchantLogoUrl': '',  //provided merchant logo will be displayed
                                'merchantId': obj['data'][0],
                                'currency': obj['data'][15],
                                'consumerId': obj['data'][8],  //Your unique consumer identifier to register a eMandate/eNACH
                                'consumerMobileNo': obj['data'][9],
                                'consumerEmailId': obj['data'][10],
                                'txnId': obj['data'][1],   //Unique merchant transaction ID
                                'items': [{
                                    'itemId': obj['data'][14],
                                    'amount': obj['data'][2],
                                    'comAmt': '0'
                                }],
                                //'cartDescription': '}{custArr:'+obj['data'][13]+','+obj['data'][8],
                                'cartDescription': '}{custArr:'+obj['data'][8]+','+obj['data'][19],
                                'merRefDetails': [
                                    {"name": "Txn. Ref. ID", "value": obj['data'][1]}
                                ],
                                'customStyle': {
                                    'PRIMARY_COLOR_CODE': '',   //merchant primary color code
                                    'SECONDARY_COLOR_CODE': '',   //provide merchant's suitable color code
                                    'BUTTON_COLOR_CODE_1': '',   //merchant's button background color code
                                    'BUTTON_COLOR_CODE_2': ''   //provide merchant's suitable color code for button text
                                },
                                'accountNo': obj['data'][11],    //Pass this if accountNo is captured at merchant side for eMandate/eNACH
                                'accountHolderName': obj['data'][16],  //Pass this if accountHolderName is captured at merchant side for ICICI eMandate & eNACH registration this is mandatory field, if not passed from merchant Customer need to enter in Checkout UI.
                                'ifscCode': obj['data'][17],        //Pass this if ifscCode is captured at merchant side.
                                'accountType': obj['data'][18],  //Required for eNACH registration this is mandatory field
                                'debitStartDate': obj['data'][3],
                                'debitEndDate': obj['data'][4],
                                'maxAmount': obj['data'][5],
                                'amountType': obj['data'][6],
                                'frequency': obj['data'][7]  //  Available options DAIL, WEEK, MNTH, QURT, MIAN, YEAR, BIMN and ADHO
                            }
                        };
                        
                        //console.log(configJson);       

                        $.pnCheckout(configJson);
                        if(configJson.features.enableNewWindowFlow)
                        {
                            pnCheckoutShared.openNewWindow();
                        }
                },
                error: function (errormessage) {
                    $(".loader").hide();
                }
            });
            
            
            });

            $('#sbiPayment').click(function() {
            $(".loader").show();
            var ID = $('#sbiPayment').data('id');
            $.ajax({
                type: 'post',
                url: "{{ route('paymentInitialize') }}",
                headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                data:{
                        payment_gateway_id: ID
                     },
                success: function(response) {
                    if (response) {
                        $('#encdata').val(response);
                        $(".loader").hide();
                        $("#SBIModel").modal('show');
                    } else {
                        $(".loader").hide();
                        $("#errorModel").modal('show');
                    }
                }

            })
        });

        $('#canaraPayment').click(function(e) {
            e.preventDefault();
             $('.overlay2').show();
            var ID = $('#canaraPayment').data('id');
            $.ajax({
                type: 'post',
                url: "{{ route('paymentInitialize') }}",
                headers: {
                       'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                 },
                data: {
                    payment_gateway_id: ID
                },
                dataType: "json",
                success: function(response) {//alert(response.status);

                     if (response.status === 200) {
                        console.log(response.status)                
                        var flow_config = {
                        merchantId: "