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

@section('title', 'Add District Court Application Page')

@section('content')


<style type="text/css">
	.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}
.modal_image_caption {
	margin: auto;
    display: block;
  
    text-align: center;
   
    padding: 10px 0;
 
}



</style>
<div class="position-relative">
	<!-- begin breadcrumb -->
<div class="loader_div" style="display: none;"></div>
<div class="panel">

<div class="panel-heading card-bg-color">
<h4 class="panel-title">Add New Application</h4>

</div>


<div class="panel-body">

	<div class="row">
	
<div class="col-md-9">

<form action="{{ route('hccopying.getFormData') }}" method="POST" id="form">

  <div class="row">
   
  <div class="col-md-4">
	  	<div class="mb-3">
<label class="form-label">Case Type</label>


<select class="form-control form-control" name="case_type" id="case_type">

	@foreach ($case_types as $case_type_key => $case_type_value)
	

   <option value="{{$case_type_value->casecode}}">{{$case_type_value->skey}} ({{$case_type_value->casename}})</option>
    @endforeach
</select>
</div>
	  </div>
	  <div class="col-md-3">
	  	
		  <div class="mb-3">
		  <label class="form-label">Case No.</label>
		  <input class="form-control form-control-sm" type="number" placeholder="Enter Case No"  maxlength="5" size="5" name="case_no" id="case_no">
		  </div>
				</div>
				  <div class="col-md-3">
					
		  <div class="mb-3">
		  <label class="form-label">Year</label>
		  <input class="form-control form-control-sm" type="number" placeholder="Enter Year" name="year_registration" id="year_registration">
		  </div>
				</div>
    <div class="col-md-2">
      <label for="examplePassword"></label>


	  <button class="btn btn-primary form-control 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 class="col-md-3 text-center fs-6 party_detail">
	
</div>


	
	</div>
<div class="row">

	
	<div class="parties_list">
	
</div>
</div>

	</div>


</div>

<div class="panel">

<div class="panel-heading card-bg-color">
<h4 class="panel-title">Application Details</h4>
<div class="panel-heading-btn">

<button class="btn btn-xs btn-warning required_btn d-none" type="button" data-bs-toggle="modal" data-bs-target="#requirdModal"><i class="fas fa-plus"></i> Add Required Documents</button>

</div>
</div>


<div class="panel-body">
<form action="{{ route('hccopying.submitFormData') }}" method="POST" id="submit_form">

<input type="hidden" name="entry_by" value="cino" id="entry_by">
<input type="hidden" name="regcase_type" value="" id="regcase_type">
<input type="hidden" name="post_case_type" value="" id="post_case_type">
<input type="hidden" name="judge_name" value="" id="judge_name">
	<div class="row">
		<div class="col-md-8">
		
	
<div class="row">
		 
<div class="col-md-6">
					  <div class="row mb-3">
    <label for="staticEmail" class="col-sm-4 col-form-label">Applicant Type</label>
    <div class="col-sm-8">
    <select class="form-control form-control-sm" name="app_type" id="app_type">

	<option value="Express">Express</option>
<option value="Ordinary">Ordinary</option>
</select>
    </div>
  </div>
	
</div>


<div class="col-md-6">
	 <div class="row mb-3">
	   <label for="inputPassword" class="col-sm-4 col-form-label">AFR/FOC</label>
    <div class="col-sm-8">
     <div class="form-check form-check-inline">
  <input class="form-check-input" type="radio" name="ap" id="inlineRadio1" value="afr">
  <label class="form-check-label" for="inlineRadio1">AFR</label>
</div>
<div class="form-check form-check-inline">
  <input class="form-check-input" type="radio" name="ap" id="inlineRadio1" value="foc">
  <label class="form-check-label" for="inlineRadio1">FOC</label>
</div>
<div class="form-check form-check-inline">
  <input class="form-check-input" type="radio" name="ap" id="inlineRadio1" value="none_opt" checked="checked">
  <label class="form-check-label" for="inlineRadio1">None</label>
</div>
    </div>
</div>
	</div>

</div>
		



			
					  <div class="mb-3 row">
    <label for="staticEmail" class="col-sm-4 col-form-label">Applicant Name</label>
    <div class="col-sm-8">
       <input type="text" class="form-control form-control-sm" id="applicant" name="applicant">
    </div>
  </div>
   <div class="mb-3 row">
    <label for="inputPassword" class="col-sm-4 col-form-label">Applicant Address</label>
    <div class="col-sm-8">
      <input type="text" class="form-control form-control-sm" id="app_add" name="app_add">
    </div>
  </div>
				
		
			<div class="row">
				<div class="col">
					
			   <div class="mb-3 row">
    <label for="inputPassword" class="col-sm-4 col-form-label">Mobile No</label>
    <div class="col-sm-8">
      <input type="text" class="form-control form-control-sm" id="mobile_no" name="mobile_no">
    </div>
  </div>
				</div>
				<div class="col">
						   <div class="mb-3 row">
    <label for="inputPassword" class="col-sm-4 col-form-label">Email ID</label>
    <div class="col-sm-8">
      <input type="text" class="form-control form-control-sm" id="email_id" name="email_id">
    </div>
  </div>

				</div>

			</div>
			<div class="row charge_detail">
	
</div>
			
			<div class="row">
			<div class="col-md-3">
					
					<div class="mb-3 row">
					   <label for="inputPassword" class="col-sm-6 col-form-label">No of Copy</label>
					   <div class="col-sm-6">
						 <input type="number" class="form-control form-control-sm" id="no_of_copy" name="no_of_copy" value="1" readonly='readonly'>
					   </div>
					 </div>
								   </div>
				<div class="col-md-3">
					
 <div class="mb-3 row">
    <label for="inputPassword" class="col-sm-6 col-form-label">Proposed Page(s)</label>
    <div class="col-sm-6">
      <input type="text" class="form-control form-control-sm" id="proposed_page" name="proposed_page">
    </div>
  </div>
				</div>
				<div class="col-md-3">
					
   <div class="mb-3 row">
    <label for="inputPassword" class="col-sm-6 col-form-label">Amount Received</label>
    <div class="col-sm-6">
      <input type="text" class="form-control form-control-sm" id="amt_rec" name="amt_rec">
    </div>
  </div>
				</div>
					<div class="col-md-3">
					
   <div class="mb-3 row">
    <label for="inputPassword" class="col-sm-6 col-form-label">By Post</label>
    <div class="col-sm-6">
      <input type="text" class="form-control form-control-sm" id="post_amt" name="post_amt" value="0">
    </div>
  </div>
				</div>
			</div>
	
			
		</div>
<div class="col-md-4">
	
	
<div class="scanned_docs">
	
</div>
</div>

		</div>

<button class="btn btn-primary button-loader" 
        data-loading-text="<i class='fa-solid fa-circle-notch fa-spin'></i> Saving..." 
        type="submit">
        Save
</button>


</form>
	</div>


</div>


</div>
	

<div class="modal fade" id="requirdModal" tabindex="-1" aria-labelledby="requirdModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="requirdModalLabel">Add Your Required Documents</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
	  <form action="{{ route('hccopying.addfeedback') }}" method="POST" id="submit_feedback">
	
      <div class="modal-body">
	  <div class="mb-3">
  <label for="mobile_no_feedback" class="form-label">Mobile No</label>
  <input type="text" class="form-control" id="mobile_no_feedback" name="mobile_no_feedback">
</div>
<div class="mb-3">
  <label for="message_feedback" class="form-label">Your Message</label>
  <textarea class="form-control" id="message_feedback" name="message_feedback" placeholder="Add your required document not in the list" rows="3"></textarea>
</div>
      </div>
      <div class="modal-footer">
     
       
		<button class="btn btn-primary button-loader" 
        data-loading-text="<i class='fa-solid fa-circle-notch fa-spin'></i> Saving..." 
        type="submit">
        Save
</button>
      </div>
	  	
	  </form>
    </div>
  </div>
</div>


<div class="modal fade" id="Profileimage" tabindex="-1" aria-labelledby="ProfileimageLabel" aria-hidden="true">
  <div class="modal-dialog modal-sm">
    <div class="modal-content">
      <div class="modal-header">
   
        <button type="button" class="btn-close close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
      <img class="modal-image rounded mx-auto d-block" height="200px" width="200px" src="">
       <div class="modal_image_caption"></div>
      </div>
  
    </div>
  </div>
</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/dcopying/css/custom.css') }}" rel="stylesheet" />
<script type="text/javascript" src="{{ asset('/assets/dcopying/js/custom.js') }}"></script>
<link href="{{ asset('/assets/plugins/select2/dist/css/select2.min.css') }}" rel="stylesheet"/>
<script src="{{ asset('/assets/plugins/select2/dist/js/select2.min.js') }}"></script>
  
<script type="text/javascript">

 $(".default-select2").select2();
 var no_of_copy=1;
 var party_category_list="all";

var express_charge={{$express_charge}};
var ordinary_charge={{$ordinary_charge}};

	$(document).on("submit", "#form", function(e){
		let _this_submit=$(this);
		
		    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_submit.closest('form').find(':submit').button('loading');
					
					   $('.required_btn').addClass('d-none').removeClass('d-block');
                   	 	// reset_form('#submit_form');
   					    $('.scanned_docs').html(""); 
   					    $('.form-record').html("");
   					    $('.parties_list').html("");
   					    $('.party_detail').html("");
   					    form_reset('submit_form');
						   $('#app_add').val("Jabalpur");
   					},
		       
		        success: function (response)
		        {
		        	let error_msg="";
		        	if(response.status==0){
		        	
		        		$.each(response.errors, function (i, error) {
                         error_msg+="<p>"+error+"</p>";
                      });

		        		 errorMsg(error_msg);
		        	}else{
						

						$('.required_btn').addClass('d-block').removeClass('d-none');
					$('.party_detail').html(response.case_detail);
				    $('.parties_list').html(response.party_page);
				       getCaseDetails(response.case.fil_no);
		        	}
				
 	               _this_submit.closest('form').find(':submit').button('reset');
		        },
		        error: function (xhr)
		        {
                       _this_submit.closest('form').find(':submit').button('reset');

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


		let getCaseDetails=(fil_no)=>{

		   $.ajax({
		         url: "{{ url('hccopying/getCaseOrders') }}",
		        type:"POST",
		        dataType: "JSON",
		        data:  {'fil_no':fil_no},
		         headers: {
                   'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                 },
                   beforeSend: function() {
                   
   					    $('.scanned_docs').html(""); 
   					
   					},
		       
		        success: function (response)
		        {
		        	
                         $('.scanned_docs').html(response.case_document_page);
		        
				
 	             
		        },
		        error: function (xhr)
		        {
                     

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

		}

		$(document).on('change','.radio_party',function(){
			var party_name = $(this).closest('tr').find("input[name='party_name']").val();
			var party_mobile_no = $(this).closest('tr').find("input[name='party_mobile_no']").val();
			var party_email_id = $(this).closest('tr').find("input[name='party_email_id']").val();
			var party_address = $(this).closest('tr').find("input[name='party_address']").val();
			
			$('#applicant').val(party_name);
			$('#mobile_no').val(party_mobile_no);
			$('#email_id').val(party_email_id);			
			$('#app_add').val(party_address);
	
	});	


	      $(document).on('change', '.scanned_copy', function() {
	      	countPage();
          
           });

	      $(document).on('change', '.orders', function() {
	      	countPage();
	
           });


	      $(document).on('change', 'input[type=radio][name=ap]', function() {
            let radio_val=$(this).val();
		      	if(radio_val == "afr"){
                 $('#amt_rec').val(1);
				 $('#post_amt').val(0);
		      	}else if(radio_val == "foc"){
		      	$('#amt_rec,#post_amt').val(0);	
		      	}else if(radio_val == "none_opt"){
                    calculateAmt();		      		
		      	}
	      
	
           });


	      	let countPage=()=>{
				 selected_page=0;
				 $('input.scanned_copy[type=checkbox]:checked').each(function () {
			           let page=$(this).data('pages');			               
			           selected_page=selected_page+page;
			     });

			      $('input.orders[type=checkbox]:checked').each(function () {
			           let page=$(this).data('pages');
			           selected_page=selected_page+page;
			     });

                  $('#proposed_page').val(selected_page);
			        calculateAmt();
			}


			$(document).on('change','#app_type',function(){
				 calculateAmt();
			})

			$(document).on('change','#no_of_copy',function(){
				 calculateAmt();
			})

			let calculateAmt=()=>{
			            	
				      let page_charge=0;
                      let proposed_page=parseInt($('#proposed_page').val());
                      let app_type=$('#app_type').val();                     
                      let radio_ap=$("input:radio[name='ap']:checked").val();
                      let tot_copy=$('#no_of_copy').val();
                   
                      if(radio_ap == "none_opt"){
                      	if(app_type == "Express"){
                            page_charge=express_charge;
                      	}else if(app_type == "Ordinary"){
                            page_charge=ordinary_charge;
                      	}
                     let final_amt= ((proposed_page*tot_copy)*page_charge);
                     if(isNaN(final_amt)) {
						 final_amt = 0;
						}
                     $('#amt_rec').val(final_amt);

                      }
                


                }

	$(document).on("submit", "#submit_form", function(e){
		    e.preventDefault();      
		    let _this=$(this);  
            let error_msg="";
		    $.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)
		        {

		        		if(response.status==0){
		        	
		        		$.each(response.errors, function (i, error) {
                         error_msg+="<p>"+error+"</p>";
                      });

		        		 errorMsg(error_msg);
		        	}else{

						window.location.href = response.redirect_url;
		        	}


					
                       _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('blur','#case_no',function(e){
		  let case_no=$(this).val();
		  if(case_no != '' ){
			let new_case_no=add_zero(case_no,5);  
	      $('#case_no').val(new_case_no);
		  }
	    
		});



		function add_zero(your_number, length) {
		    var num = '' + your_number;
		    while (num.length < length) {
		        num = '0' + num;
		    }
		    return num;
		}

  
		function form_reset(form_id){
		$("#"+form_id).find('input:text, input:password, input:file, select, textarea').val('');
		$("[name=ap]").filter("[value='none_opt']").prop("checked",true);
		$("#app_type").prop("selectedIndex", 0);
	    $('#amt_rec').val(0);
	    $('#post_amt').val(0);
	    
		}

		$(document).on('input','#applicant',function(){
			let applicant_name=$(this).val();
			if(applicant_name != ""){
				$.ajax({
				url: "{{ url('hccopying/application/getApplicantName') }}",
		        type:"POST",
		        dataType: "JSON",
		        data:  {'applicant_name':applicant_name},
		         headers: {
                   'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                 },
                  beforeSend: function() {
					$('#app_add').val("");
                    $('#mobile_no').val("");
                   },
		       
		        success: function (response)
		        {
					$('#app_add').val(response.applicant.app_add);
					$('#mobile_no').val(response.applicant.mobile);
		        	
		        },
		           error: function (xhr)
		        {
                    

		        },
		        complete: function() {
                  
                }
		    });  
			}else{
				    $('#app_add').val("");
                    $('#mobile_no').val("");
			}		
		})

		
	$(document).on("submit", "#submit_feedback", function(e){
		    e.preventDefault();      
		    let _this=$(this);  
            let error_msg="";
		    $.ajax({
		        url:_this.attr("action"),
		        type:_this.attr("method"),
		        dataType: "JSON",
		        data:  $('#form,#submit_feedback').serialize(),
		         headers: {
                   'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                 },
                  beforeSend: function() {
                   	_this.closest('form').find(':submit').button('loading');
                   },
		       
		        success: function (response)
		        {

		        		if(response.status==0){
		        	
		        		$.each(response.errors, function (i, error) {
                         error_msg+="<p>"+error+"</p>";
                      });

		        		 errorMsg(error_msg);
		        	}else{

						successMsg(response.message);
						$('#requirdModal').modal('hide');
		        	}


					
                       _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).ready(function(){
	backDropModal('requirdModal','Profileimage');
});
		

 $('#requirdModal').on('hidden.bs.modal', function(e) {
 $('#submit_feedback')[0].reset();
  });



	$(document).on('keyup','#search_party',function(){
	
    var value = $(this).val().toLowerCase();
    $(".user-list tbody tr").filter(function() {		
      $(this).find(":not('."+party_category_list+"')").hide().toggle($(this).text().toLowerCase().indexOf(value) > -1);
    });
	// $(".user-list tbody tr:not('."+party_category_list+"')").hide();
  });



  $(document).on('keyup','#scan_document_search',function(){
	
  var value = this.value.toLowerCase().trim();
  $(".scan_group li").show().filter(function() {
    return $(this).text().toLowerCase().trim().indexOf(value) == -1;
  }).hide();
});


$(document).on('keyup','#scan_order_search',function(){
	
	var value = this.value.toLowerCase().trim();
	$(".order_group li").show().filter(function() {
	  return $(this).text().toLowerCase().trim().indexOf(value) == -1;
	}).hide();
  });
  

  
$(document).on('change','.party_category',function(){
	


	 party_category_list=$(this).val();
	 console.log(party_category_list);

	if(party_category_list == "all"){
		$(".user-list tbody tr:not('."+party_category_list+"')").show();
	}else{
		$(".user-list tbody tr[class^='"+party_category_list+"']").show();
	$(".user-list tbody tr:not('."+party_category_list+"')").hide();
	}


	

  });

    
$(document).on('click','.profile_image',function(e){

		let image_path=$(this).attr('src');
		$('#Profileimage .modal-image').attr("src",image_path);
		$('.modal_image_caption').html($(this).data('profile_name'));
		$('#Profileimage').modal('show');

 });
  

 $('#Profileimage').on('hidden.bs.modal', function(e) {
	$('#Profileimage .modal-image').attr("src","");
	$('.modal_image_caption').html("");
  });




</script>
@endpush