@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> Search Application</h4>

</div>

<div class="panel-body">
	<form method="POST" action="{{route('validate.form.recordReceiveData')}}" id="form_modify_search">
		 {{ csrf_field() }}
		<div class="row d-flex justify-content-center">	
<div class="col-md-2">
	
  <div class="mb-3">
    <label for="app_no" class="form-label">Application No</label>
    <input type="text" class="form-control" id="app_no" name="app_no" value="{{ old('app_no') }}">
 
  </div>
</div>
	
<div class="col-md-2">
	  <div class="mb-3">
    <label for="app_year" class="form-label">Year</label>
    <input type="text" class="form-control" id="app_year" name="app_year" value="{{ old('app_year') }}">
  </div>
</div>
	
<div class="col-md-2 align-items-center g-4">
	<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> Loading..." 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 type="text/javascript">

	$(document).on("submit", "form#form_modify_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#updateRecordReceiveData", 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');
    }
		    });        
		});


</script>
@endpush