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

@section('title', 'Track Payment Status')

@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 text-white">
<h4 class="panel-title">Add New Application</h4>

</div>


<div class="panel-body">

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

<form 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 
        data-loading-text="<i class='fa-solid fa-circle-notch fa-spin'></i> Loading..." 
        type="submit">
        Search
</button> -->

<button  class="btn btn-primary form-control button-loader" type="button" id="submitBtn">Submit</button>


    </div>
  </div>
  
  
</form>

<div id="responseContainer"></div> 



</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>
	

<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">
$(document).ready(function() {
$('#submitBtn').click(function(event) {
	var case_no=$("#case_no").val();
	var case_type=$("#case_type").val();
	var year_registration=$("#year_registration").val();

        event.preventDefault(); // Prevent default form submission

        $.ajax({
            type: 'POST',
			url: "{{ url('hccopying/track-payment') }}",
			 data: { 
                case_no: case_no,
                case_type: case_type, 
                year_registration:year_registration
            }, 
			headers: {
                   'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                 },

            success: function(response) {
                $('#responseContainer').html(response); // Update the response container
            },
            error: function(xhr, status, error) {
                console.error(xhr.responseText); // Log errors to the console
            }
        });
    });
});


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


     


	$(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");
						   $('#aplong_page').val(0);
   					},
		       
		        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{
						
						$('#aplong_page').val(response.aplong_page);
						$('.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','.payment_method',function(){
		calculateAmt();	
		
	});	



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



	      $(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);
				 calculateAmt();	


		      	}else if(radio_val == "foc"){

		      	// $('#amt_rec,#post_amt').val(0);	

				  calculateAmt();	
				

		      	}else if(radio_val == "none_opt"){
                    calculateAmt();		      		
		      	}
	      
	
           });


	      	let countPage=()=>{
				 selected_page=0;

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



				 $('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 final_amt=0;
                      let proposed_page=parseInt($('#proposed_page').val());
					  let aplong_pages=parseInt($('#aplong_page').val());
                      let app_type=$('#app_type').val();                     
                      let radio_ap=$("input:radio[name='ap']:checked").val();
                      let payment_method=$("input:radio[name='payment_method']:checked").val();
                      let tot_copy=$('#no_of_copy').val();

					  if (app_type == "Express"  && payment_method== "online") {
							application_form = 15;
						} else if (app_type == "Ordinary"  && payment_method== "online") {
							application_form = 5;
						}else {
							application_form = 0;
						}  



                   
                      if(radio_ap == "none_opt"){
						

                      	if(app_type == "Express"){
                            page_charge=express_charge;
                      	}else if(app_type == "Ordinary"){
                            page_charge=ordinary_charge;
                      	}


						  if ( payment_method == "online") {
							final_amt= (((aplong_pages+proposed_page)*tot_copy)*page_charge)+application_form;
						}else {
							final_amt= (((proposed_page)*tot_copy)*page_charge)+application_form;
						} 


                       
                        if(isNaN(final_amt)) {
						 final_amt = 0;
						}
                        $('#amt_rec').val(final_amt);
						let tot_display;

						if ( payment_method == "online") {
						
							
							 tot_display = "(" + (aplong_pages+selected_page) + " (Page) * " + page_charge + " (Per Page)) +" + application_form + " (App. Charge) =" + (final_amt);
						}else {
							 tot_display = "(" + selected_page + " (Page) * " + page_charge + " (Per Page)) +" + application_form + " (App. Charge) =" + (final_amt);
						} 



						// let tot_display = "(" + selected_page + " (Page) * " + page_charge + " (Per Page)) +" + application_form + " (App. Charge) =" + (final_amt);
						$('.total_charge').text(tot_display);
						$('.copying_fees').html(page_charge + " (Per Page)");
						$('.aplong_page_html').html( aplong_pages + " (Page)");
						$('.application_charge').html(application_form);
						$('#form_application_charge').val(application_form);

						
                      }else if(radio_ap == "foc"){
     	               $('#post_amt').val(0);

						final_amt= 0 +application_form;
						$('#amt_rec').val(final_amt);
						 let tot_display = 0 + "+" + application_form + " (App. Charge) =" + (final_amt);
						$('.total_charge').text(tot_display);
						$('.copying_fees').html(page_charge + " (Per Page)");
						$('.application_charge').html(application_form);
						$('#form_application_charge').val(application_form);

					  }else	if(radio_ap == "afr"){
						
						 $('#post_amt').val(0);

						 final_amt= 1+application_form;
						 $('#amt_rec').val(final_amt);
						 let tot_display = 1 + "+" + application_form + " (App. Charge) =" + (final_amt);
						$('.total_charge').text(tot_display);
						$('.copying_fees').html(page_charge + " (Per Page)");
						$('.application_charge').html(application_form);
						$('#form_application_charge').val(application_form);

					  }
					  
					


                }

	$(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','#lower_ct_scan_document_search',function(){
	
	var value = this.value.toLowerCase().trim();
	$(".scan_lower_ct_group li").show().filter(function() {
	  return $(this).text().toLowerCase().trim().indexOf(value) == -1;
	}).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