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

@section('title', 'Checker Modify')


@push('scripts')
<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/plugins/bootstrap-datepicker/dist/css/bootstrap-datepicker.css') }}" rel="stylesheet" />
<script src="{{ asset('assets/plugins/bootstrap-datepicker/dist/js/bootstrap-datepicker.js') }}"></script>


<link href="{{ asset('assets/dcopying/css/custom.css')}}" rel="stylesheet" />


<link href="{{ asset('assets/plugins/datatables.net-bs5/css/dataTables.bootstrap5.min.css')}}" rel="stylesheet" />
<link href="{{ asset('assets/plugins/datatables.net-responsive-bs5/css/responsive.bootstrap5.min.css')}}" rel="stylesheet" />
<script src="{{ asset('assets/plugins/datatables.net/js/jquery.dataTables.min.js')}}"></script>
<script src="{{ asset('assets/plugins/datatables.net-bs5/js/dataTables.bootstrap5.min.js')}}"></script>
<script src="{{ asset('assets/plugins/datatables.net-responsive/js/dataTables.responsive.min.js')}}"></script>
<script src="{{ asset('assets/plugins/datatables.net-responsive-bs5/js/responsive.bootstrap5.min.js')}}"></script>


<script type="text/javascript" src="{{ asset('/assets/dcopying/js/custom.js') }}"></script>


@endpush



@section('content')



<div class="panel">

<div class="panel-heading card-bg-color">
<h4 class="panel-title"><i class="fa-solid fa-list"></i> Applications</h4>

</div>

    <div class="panel-body">
      <form method="POST" id="datatable_form" action="">
 
 <div class="row g-3 align-items-center mb-1">
 
  <div class="col-md-8">
    <input type="text" id="search" name="search_key" class="form-control" placeholder="Search..">
  </div>
  <div class="col-auto">
         <button class="btn btn-primary mx-2" type="button" data-bs-toggle="collapse" data-bs-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
    Search More
  </button>
       <button type="submit" class="btn btn-primary"><i class="fa-solid fa-magnifying-glass"></i></button>
  </div>

</div>

 
  


<div class="collapse mt-2" id="collapseExample">
  <div class="card card-body">
   <div class="row">
     <div class="col">
      <div class="mb-3">
          <label for="from_date" class="form-label">Application No</label>
  <input type="text" class="form-control" id="app_no" name="app_no" placeholder="Application No">
</div>
    </div>
     <div class="col">
      <div class="mb-3">
          <label for="from_date" class="form-label">Application Year</label>
  <input type="text" class="form-control" id="app_year" name="app_year" placeholder="Application Year">
</div>
    </div>
    <div class="col">
      <div class="mb-3">
          <label for="from_date" class="form-label">Date of Received</label>
  <input type="text" class="form-control date" id="from_dt" name="from_dt" placeholder="Date of Application Recived" readonly="">
</div>
    </div>
     <div class="col">
      <div class="mb-3">
          <label for="to_date" class="form-label">Date of Delivery</label>
  <input type="text" class="form-control date" id="to_dt" placeholder="Date of Delivery" name="to_dt" readonly="">
</div>
    </div>
       <div class="col">
      <div class="mb-3">
          <label for="case_status" class="form-label">Case Status</label>
        <select class="form-control" name="status">
          <option value="">All</option>
          <option value="D">Disposed</option>
          <option value="P">Pending</option>
        </select>
  
</div>
    </div>
      <div class="col">
      <div class="mb-3">
          <label for="case_status" class="form-label">Application Type</label>
        <select class="form-control" name="app_type">
          <option value="">All</option>
          <option value="express">Express</option>
          <option value="ordinary">Ordinary</option>
        </select>
  
</div>
    </div>
       <div class="col">
      <div class="mb-3">
          <label for="case_status" class="form-label">Certify Copy Status</label>
        <select class="form-control" name="copy_is">
          <option value="">All</option>
    <option value="Completed">Completed</option>
    <option value="Incompleted">Incompleted</option>
        </select>
  
</div>
    </div>
   </div>
  </div>
</div>


  
</form>

    	 <table id='dt_table'  class="table table-striped table-bordered align-middle">
      <thead>
         <tr>
         	<th>S.No.</th>
            <th>Application No</th>
			<th>Year</th>
			<th>Case No</th>
			<th>CNR No.</th>			
			<th>Applicant</th>
			<th>Mobile</th>
			<th>App_type</th>
			<th>Recived Date</th>		
			<th>Delivery</th>
			<th>status</th>
			<th>Action</th>
			
         </tr>
      </thead>
   </table>


	</div>
</div>


<!-- Modal -->
<div class="modal fade" id="viewApplication" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-xl">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Application</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body min-h">
        <div class="modal_loader_div" style="display: none;"></div>
        <div class="modal-body-inner"></div>
      
      </div>
      
    </div>
  </div>
</div>

<!-- Modal -->
<div class="modal fade" id="withdrawApplication" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-xl">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Application Withdrawal</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body min-h">
        <div class="modal_loader_div" style="display: none;"></div>
        <div class="modal-body-inner"></div>
      
      </div>
      
    </div>
  </div>
</div>



	<!-- end panel -->
@endsection

@push('scripts')

<script>
  $(".date").datepicker({
    todayHighlight: true,
    autoclose: true,
    format:'dd-mm-yyyy'
  });

function form_to_json(selector) {
  var ary = $(selector).serializeArray();
  console.log(ary);
  var obj = {};
  for (var a = 0; a < ary.length; a++) obj[ary[a].name] = ary[a].value;
  return obj;
}
 
   $(document).ready(function () {
backDropModal('viewApplication','withdrawApplication');
           initDatatable('dt_table',"{{ url('dcopying/application/ajax_dttable') }}",form_to_json('#datatable_form'),[],50,[{ "bSortable": false, "aTargets": [ -1 ] ,'sClass': 'dt-body-right'}],false,[]);

           


    });


$(document).on('submit','#datatable_form',function(e){
  initDatatable('dt_table',"{{ url('dcopying/application/ajax_dttable') }}",form_to_json('#datatable_form'),[],50,[{ "bSortable": false, "aTargets": [ -1 ] ,'sClass': 'dt-body-right'}],false,[]); 
 e.preventDefault();
})




   $("#viewApplication").on("show.bs.modal", function(e) {
    var link = $(e.relatedTarget);
   let recordid=link.data('recordId');
     $.ajax({
                    url:"{{ url('dcopying/application/updatewithdrawalbackapplication') }}",
                    type: "POST",
                    data: {"recordid" : recordid},
                    dataType: 'json', 
                      headers: {
                   'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                 },                  
                    beforeSend: function () {
                        $('#viewApplication .modal-body .modal-body-inner').html(""); 
                        $('#viewApplication .modal-body .modal_loader_div').css("display", "block"); 
                   
                    },
                    success: function (data)
                    {
                          $('#viewApplication .modal-body .modal-body-inner').html(data.page); 
                          $('#viewApplication .modal-body .modal_loader_div').fadeOut(400);
                    },
                    error: function (xhr) { // if error occured
                    alert("Error");
                 
                    },
                    complete: function () {
            
                    }
            });
});


   $("#viewApplication").on("hidden.bs.modal", function(e) {
       $('#viewApplication .modal-body .modal-body-inner').html(""); 
   });



   $("#withdrawApplication").on("show.bs.modal", function(e) {
    var link = $(e.relatedTarget);
   let recordid=link.data('recordId');
  getwithdrawalapplication(recordid);
});


let getwithdrawalapplication=(recordid)=>{
      $.ajax({
                    url:"{{ url('dcopying/application/getwithdrawalapplication') }}",
                    type: "GET",
                    data: {"recordid" : recordid},
                    dataType: 'json', 
                                    
                    beforeSend: function () {
                        $('#withdrawApplication .modal-body .modal-body-inner').html(""); 
                        $('#withdrawApplication .modal-body .modal_loader_div').css("display", "block"); 
                   
                    },
                    success: function (data)
                    {
                          $('#withdrawApplication .modal-body .modal-body-inner').html(data.page); 
                          $('#withdrawApplication .modal-body .modal_loader_div').fadeOut(400);
                    },
                    error: function (xhr) { // if error occured
                    alert("Error");
                 
                    },
                    complete: function () {
            
                    }
            });
}


  $(document).on("submit", "form#withdrawal_application", function(e){
        e.preventDefault();      
        let _this=$(this);  

        $.ajax({
            url:_this.attr("action"),
            type:_this.attr("method"),
            dataType: "JSON",
            data:  $(this).serialize(),
             headers: {
                   'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                 },
                   beforeSend: function() {
             
            _this.closest('form').find(':submit').button('loading');
            },
           
            success: function (response)
            {
              successMsg(response.msg);
          
_this.closest('form').find(':submit').button('reset');
            },
            error: function (xhr)
            {
_this.closest('form').find(':submit').button('reset');

            },
            complete: function() {
       _this.closest('form').find(':submit').button('reset');
    }
        });        
    });



   $("#withdrawApplication").on("hidden.bs.modal", function(e) {
       $('#withdrawApplication .modal-body .modal-body-inner').html(""); 
   });



  $(document).on('click','.button-revoke',function(){
    let btn_revoke=$(this);

     $.ajax({
          url:"{{ url('dcopying/application/updatewithdrawalbackapplication') }}",
            type:'POST',
            dataType: "JSON",
            data:  {'application_id':btn_revoke.data('applicationId')},
             headers: {
                   'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                 },
                   beforeSend: function() {
             
            btn_revoke.closest('form').find(':submit').button('loading');
            },
           
            success: function (response)
            {
              successMsg(response.msg);
          
btn_revoke.closest('form').find(':submit').button('reset');
            },
            error: function (xhr)
            {
btn_revoke.closest('form').find(':submit').button('reset');

            },
            complete: function() {
       btn_revoke.closest('form').find(':submit').button('reset');
    }
        });  
  });

</script>

@endpush