@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">
                          <b>NAME - </b> {{ @Auth::user()->CandidateName }} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                          <b>Application Number - </b> {{ @Auth::user()->ApplicationNumber }} &nbsp;&nbsp;&nbsp;&nbsp; 
                        
                    </div>
                    <div class="text-center">
                        <b>Payment - </b>  ₹ {{ getTotalFeeAmount() }}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                             @php $postID = getPostIdCandidate(); @endphp
                             @php $postID = getPostIdCandidate(); @endphp
                             <b>Apply For POST - </b> {{ getPostNameApplied($postID); }} &nbsp;&nbsp;&nbsp;&nbsp; 
                    </div>
                    <br>
                        <table class="table table-bordered">
                            <tbody>
                            <tr>
                                <th width="5%">1.</th>
                                <td width="95%">
                                    <button type="button" id="hdfcPayment" class="sm-2 btn btn-primary" data-id="2" data-modulename="Payment" data-activityname="Payment-HDFC">HDFC</button>                            </td>
                            </tr>
                            </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> {{ getTotalFeeAmount() }}</p>
                @php $postID = getPostIdCandidate(); @endphp
                <p><strong>Apply For POST - </strong> {{ getPostNameApplied($postID); }}</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>

@endsection

@push('js')

<script>
    $(document).ready(function() {
        $('.close').click(function() {
            $("#HDFCModel").modal('hide');
        });
      
        $('#hdfcPayment').click(function() {
            $(".loader").show();
            var ID = $('#hdfcPayment').data('id');
            // alert(ID);
            $.ajax({
                type: 'post',
                url: "{{ route('fetch-payment-details') }}",
                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');
                    }
                }

            })
        });
      
       
    });
</script>
@endpush