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

@section('title', 'Digitization')

@section('content')


<div class="panel">

  <div class="panel-heading card-bg-color text-white">
    <h4 class="panel-title"><i class="fa-solid fa-print"></i> Payment</h4>

  </div>

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

          <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>

    <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>
@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_offline/encryption')}}",
            type: 'POST',
            data: {
              temp_id: temp_id
            },
            success: function(data) {

            },
          });
          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