@extends('layout.front.front_copying')

	
@php 
  $per_page_charge=0;
  $aplong_charge=0;
@endphp
@csrf
@push('head')

<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" />
@endpush
@section('content')
<section id="blog" class="blog">
  <div class="container-fluid aos-init aos-animate" data-aos="fade-up">



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

<div class="row fs-5">
	<div class="col-md-8">
		 <h5 id="associating-form-text-with-form-controls" class="text-primary">Application</h5>

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


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


  

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

 
  




</div>
	<div class="col-md-4">
				
        <h5 id="associating-form-text-with-form-controls" class="text-primary">Applicant Details</h5>

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

<h5>Forward Application to Applicant</h5>
<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>
</section>
@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 ('highcourt/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