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

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

@section('content')


<div class="panel">

<div class="panel-heading card-bg-color">
<h4 class="panel-title"><i class="fa-solid fa-magnifying-glass"></i> Dispatch</h4>

</div>

<div class="panel-body">
<div class="row">
	<div class="col-md-2"></div>
	<div class="col-md-2"></div>
	<div class="col-md-2"></div>
	<div class="col-md-2"></div>
</div>

	<form method="POST" action="{{route('application.getDispatchedApplicationByRecivedDate')}}" id="form_request_search">
		 {{ csrf_field() }}
		<div class="row d-flex justify-content-center">	
			<div class="col-md-4">
	<div class="form-group row">
<label class="form-label col-form-label col-lg-4">Date From</label>
<div class="col-lg-7">
<div class="input-group date" data-date-format="dd-mm-yyyy">
<input type="text" class="form-control" name="date_from" placeholder="Select Date" id="date_from">
<span class="input-group-text input-group-addon"><i class="fa fa-calendar"></i></span>
</div>
</div>
</div>
			</div>
	<div class="col-md-4">
	<div class="form-group row">
<label class="form-label col-form-label col-lg-4">Date To</label>
<div class="col-lg-7">
<div class="input-group date"  data-date-format="dd-mm-yyyy">
<input type="text" class="form-control" name="date_to" placeholder="Select Date" id="date_to">
<span class="input-group-text input-group-addon"><i class="fa fa-calendar"></i></span>
</div>
</div>
</div>
			</div>

	
<div class="col-md-2 align-items-center">
	<label for="exampleInputPassword1" class="form-label"></label>
	<button class="btn btn-primary button-loader" data-loading-text="<i class='fa-solid fa-circle-notch fa-spin'></i> Searching..." type="submit">Search</button>
</div>	
	</div>  
</form>
	</div>
</div>

<div class="application_data">
	
</div>



	<!-- end panel -->
@endsection





@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>
<script type="text/javascript" src="{{ asset('/assets/dcopying/js/custom.js') }}"></script>



<script>
  $(".date").datepicker({
    todayHighlight: true,
    autoclose: true,
    dateFormat:'dd-mm-yyyy'
  });
</script>
<script type="text/javascript">



	$(document).on('click','.checkbox',function(){
		let _this=$(this);
		let check_val=0;
	
		
           let check = _this.is(":checked");

            if(check) {
              check_val=1;
        if(!confirm('Are you sure you want to Send request?')){         
            _this.prop('checked', false);
             return false;
        }
	    } else if(!confirm('Are you sure you want to Reset request?')){
	        _this.prop('checked', false);
	         return false;
	    }


		    // if(check) {
		    //     console.log("Checkbox is checked.");
		    //     check_val=1;

		    //     if(!confirm('Are you sure you want to resume use of this program?')){         
      //             _this.removeAttr('checked');
      //         }

		    // } else {
		    //     console.log("Checkbox is unchecked.");
		    //     check_val=0;
		    // }

			var app_no= _this.closest('tr').find("input[name='app_no']").val();
			var app_year= _this.closest('tr').find("input[name='app_year']").val();
			var record_disp_to= _this.closest('tr').find("select[name='record_disp_to']").val();
			var record_disp_dt= _this.closest('tr').find("input[name='record_disp_dt']").val();
			var application_id= _this.closest('tr').find("input[name='application_id']").val();

	    $.ajax({
		        url:"{{ route('application.updateApplicationDispatchRecord') }}",
		        type:'POST',
		        dataType: "JSON",
		        data: {'app_no':app_no,'app_year': app_year,'record_disp_dt':record_disp_dt,'record_disp_to':record_disp_to,
		        'application_id':application_id,'check':check_val},
		         headers: {
                   'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                 },
                   beforeSend: function() {
   					
   					},
		       
		        success: function (response)
		        {
		        successMsg(response.msg);	
					
		        },
		        error: function (xhr)
		        {


		        },
		        complete: function() {
   
    }
		    });
	  


	});


	$(document).on("submit", "form#form_request_search", 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() {
   						$('.application_data').html("");
   					_this.closest('form').find(':submit').button('loading');
   					},
		       
		        success: function (response)
		        {
		        	
					$('.application_data').html(response.page);
_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');
    }
		    });        
		});


$(document).on("submit", "form#updateCheckerForm", 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)
		        {
		        	
					$('.application_data').html(response.page);
     	_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');
    }
		    });        
		});


</script>
@endpush