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

  
  
 
@endpush

@section('content') 




  
<div class="container">

<form action="{{ url('/') }}/receipt" method="POST">
  @csrf
 
<div class="card mb-0 ">
   <div class="card-header card-bg-color ">Details of Application</div>
   <div class="card-body">
     
      <!-- <div class="row mb-1"> -->
     
      <div class="row">

<label class="control-label col-sm-2 col-form-label text-end offset-sm-2" for="txt_app_no"><b>Application No.</b></label>
<div class="col-sm-2">
<input type="text" name="txt_app_no" id="txt_app_no" placeholder="Application No." class="form-control form-control-sm @error('txt_app_no') border border-danger @enderror" >
        <span class="text-danger" id="sp_app_no">
        
        </span>  
</div>


<!-- <label class="control-label col-sm-2 col-form-label" for="txt_app_no"><b>Application No.</b></label> -->
<label class="control-label col-sm-1 col-form-label text-end" for="txt_app_year"><b>Year</b></label>
<div class="col-sm-2">


<input type="text" name="txt_app_year" id="txt_app_year" placeholder="Application Year" class="form-control form-control-sm" value="{{ request()->input('app_no', date('Y')) }}" >
       <span class="text-danger" id="sp_app_year">
       
        </span>  
</div>
</div>
      
      <!-- <div class="col-sm-3 mb-1 offset-sm-3">
      <label class="control-label" for="txt_app_no"><b>Application No.</b></label>
      <input type="text" name="txt_app_no" id="txt_app_no" placeholder="Application No." class="form-control form-control-sm @error('txt_app_no') border border-danger @enderror" >
        <span class="text-danger" id="sp_app_no">
        
        </span>  
    </div>
    <div class="col-sm-3 mb-1">
    <label class="control-label" for="txt_app_year"><b>Year</b></label>
    <input type="text" name="txt_app_year" id="txt_app_year" placeholder="Application Year" class="form-control form-control-sm">
       <span class="text-danger" id="sp_app_year">
       
        </span>  
  </div> -->
      <!-- </div> -->
      <div class="row mb-3 mt-1">
       
       <div class="col-sm-12 text-center">
       
       <button type="button" class="btn btn-primary btn-sm" name="btn_submit" id="btn_submit">Submit</button>
        
       </div>
       </div>

       <div id="dv_result"></div>
        
      </div>
       

    </div>
   
    

    

    
      

</form>

 
</div>

<script type="text/javascript">
    $(document).ready(function(){
        $(document).on('click', '#btn_submit', function () {
         var txt_app_no=$('#txt_app_no').val();
         var txt_app_year=$('#txt_app_year').val();
         $('#sp_app_no').text('');
          $('#sp_app_year').text('');
            $.ajax({
              url: "/hccopying/get_court_fee",
              type: 'POST',
              cache: false,
              async: true,
              data: { txt_app_no: txt_app_no,txt_app_year:txt_app_year },
             
              headers: {
                  'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
              },
              success: function (data, status) {
                 
                if(data.message=='Validate')
                 {
                     var json_error=data.errors;
                     $('#sp_app_no').text(json_error.txt_app_no);
                     $('#sp_app_year').text(json_error.txt_app_year);
                    
                 }
                 else 
                 {
                    $('#dv_result').html(data);
                 }
  
                  },
              error: function (xhr) {
                  alert("Error:" + xhr.status + ' ' + xhr.statusText);
              }
          });
        });
    

    $(document).on('click','#btn_save',function(){
        var txt_app_no=$('#txt_app_no').val();
         var txt_app_year=$('#txt_app_year').val();

        var txt_courtfee_amt=$('#txt_courtfee_amt').val();
        var txt_courtfee_date=$('#txt_courtfee_date').val();

         $('#sp_app_no').text('');
          $('#sp_app_year').text('');
          $('#sp_txt_courtfee_amt').text('');
          $('#sp_txt_courtfee_date').text('');
            $.ajax({
              url: "/hccopying/update_court_fee",
              type: 'POST',
              cache: false,
              async: true,
              data: { txt_app_no: txt_app_no,txt_app_year:txt_app_year,txt_courtfee_amt:txt_courtfee_amt,txt_courtfee_date:txt_courtfee_date },
             
              headers: {
                  'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
              },
              success: function (data, status) {
                 
                if(data.message=='Validate')
                 {
                     var json_error=data.errors;
                     $('#sp_app_no').text(json_error.txt_app_no);
                     $('#sp_app_year').text(json_error.txt_app_year);
                     $('#sp_txt_courtfee_amt').text(json_error.txt_courtfee_amt);
                     $('#sp_txt_courtfee_date').text(json_error.txt_courtfee_date);
                    
                 }
                 else 
                 {
                   alert(data.status);
                 }
  
                  },
              error: function (xhr) {
                  alert("Error:" + xhr.status + ' ' + xhr.statusText);
              }
          });
        });
    });
</script>
@endsection