@extends('layouts.default', ['appTopMenu' => true])

@section('title', 'Advocate Application Payment')

@section('content')


<style type="text/css">
	.pre-scrollable {
		max-height: 340px;
		overflow-y: scroll;
	}
</style>
<div class="position-relative">
	<!-- begin breadcrumb -->
	<div class="loader_div" style="display: none;"></div>
	

	<div class="panel">

		<div class="panel-heading card-bg-color">
			<h4 class="panel-title">Application Payment</h4>

		</div>


		<div class="panel-body">
		<input type="hidden" value ="{{$application->id}}" name="temp_id"  id="temp_id" />

        @php
      $per_page_charge=0;
	  $aplong_charge=0;
	@endphp
<script type="text/javascript" src="{{ asset('/assets/dcopying/toastr/toastr.min.js') }}"></script>
<link href="{{ asset('/assets/dcopying/toastr/toastr.min.css') }}" rel="stylesheet" />
<link href="{{ asset('/assets/dcopying/css/custom.css') }}" rel="stylesheet" />


<div class="row mb-2">
	<div class="col-md-12">
		 <h3 id="associating-form-text-with-form-controls" class="text-primary">Application</h3>

<div class="row">
	<div class="col-md-6">
		<span class="fw-bolder fs-5">Case No. : </span>  {{$application->str_case_no}} 
	</div>
	<div class="col-md-6">
		<span class="fw-bolder fs-5">Application Type : </span> {{$application->app_type}}
	</div>
</div>
      
      <div class="row">
    <div class="col-md-6">
        <span class="fw-bolder fs-5">Application Received : </span> {{YYYYMMDDtoDateFormat($application->rec_dt)}}
   
    </div>
    <div class="col-md-6">
         <span class="fw-bolder fs-5">Application Expt. Delivery : </span> {{YYYYMMDDtoDateFormat($application->del_dt)}}
    </div>
</div>


   <div class="row">
    <div class="col-md-6">
         <span class="fw-bolder fs-5">Pages : </span> {{$application->page}}
         
    </div>
    <div class="col-md-6">
    
    <span class="fw-bolder fs-5">No of Copy : </span> {{$application->no_of_copy}}
   
    </div>
</div>

<div class="row">
	<div class="col-md-6">
		<span class="fw-bolder fs-5">Application Charge : </span> 
		{{($application->app_form_fee)}} 
   </div>
    <div class="col-md-6">
    
    <span class="fw-bolder fs-5">Per Page Charge : </span> 
	@if($application->app_type == "Express")
    {{$express_charge}}
		
	@else
    {{$ordinary_charge}}
         
	@endif
   
    </div>
</div>
  

<div class="row">
    <div class="col-md-6">
         <span class="fw-bolder fs-5">Total Copying Charge : </span> 
		 {{($application->rec_amt)}} 
    </div>
  
</div>

 
  




</div>

	
	
</div>
<hr/>
<div class="row mb-2">
	<div class="col-md-12">
				
        <h3 id="associating-form-text-with-form-controls" class="text-primary">Applicant Details</h3>

		<div class="row">
			<div class="col">
			<span class="fw-bolder fs-5">Applicatant : </span>{{$application->applicant}}
			</div>
  
		</div>
		<div class="row">
			<div class="col">
			<span class="fw-bolder fs-5">Address : </span> {{$application->app_add}}
 </div>
		</div>
		<div class="row">
			<div class="col">
			 
   <span class="fw-bolder fs-5">Mobile No. : </span> {{$application->mobile}}
    </div>
		</div>	
      <div class="row">
      <div class="col">
       
   <span class="fw-bolder fs-5">Email Id. : </span> {{$application->email}}
    </div>
    </div>  
	</div>
</div>
	
<hr/>

<div class="row my-2">

<div class="col-md-12">

<button class="btn btn-primary" id="payment_submit">
	Make Payment <i class="fa-solid fa-indian-rupee-sign"></i> {{$application->rec_amt}}
</button>
</div>
</div>

    
  
	
		</div>


	</div>


</div>




<!-- end panel -->
@endsection
@push('scripts')
<script type="text/javascript">

 
$(document).ready(function(){
	 $.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
}); 

function getEncrypted() {

        {
//                 alert("payment button working");
            var result = true;

            if (result == true)
            {
                event.preventDefault();
				var temp_id =$("#temp_id").val();

                //formData.append("hd_ud", $('#hd_ud').val());
 
                return $.ajax({
                    url: "{{ url ('advocate/copying/encryption')}}",
                    type: 'POST',
                    data: {temp_id:temp_id},
                    success: function (data)
                    {
                        //  alert(data);
//                        document.getElementById("f1").reset();
                        //  window.location.href = "form";
                    },
                });
                return false;
            } 
        }

    }


    function postToTreasury(dataFromFirstRequest) {
        var dataToSend = {
            ctp_data: dataFromFirstRequest,
            merchant_code: "LAW",
        };

        var form = $("<form></form>");
        form.attr("method", "post");
        form.attr("action", "https://mptreasury.gov.in/MPCTP/IntegrationAgentGMT");

        $.each(dataToSend, function (name, value) {
            var input = $("<input type='hidden'>");
            input.attr("name", name);
            input.val(value);
            form.append(input);
        });
        form.appendTo("body");
        form.submit();
    }


    $('body').on('click', '#payment_submit', function () {
        getEncrypted()
                .then(function (response) {
                    return postToTreasury(response.trim().replace(/\n|\r/g, ""));
                })
                .done(function (response) {
                    console.log(response);
                })
;
    });


});



</script>
@endpush