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

@section('title', 'Edit Application')

@section('content')


<style type="text/css">
	.pre-scrollable {
		max-height: 340px;
		overflow-y: scroll;
	}
</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">Edit 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_new}}" {{ $application->case_type_no == $case_type_value->casecode_new ? 'selected' : '' }}>{{$case_type_value->skey_new}} ({{$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" value="{{$application->case_no}}" 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" value="{{$application->case_year}}" 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">
					{!! $parties_page !!}

				</div>
			</div>

		</div>


	</div>

	<div class="panel">

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

		</div>


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

				<input type="hidden" name="application_id" value="{{$application->id}}" id="application_id">

				<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" {{ $application->app_type == "Express" ? 'selected' : '' }}>Express</option>
											<option value="Ordinary" {{ $application->app_type == "Ordinary" ? 'selected' : '' }}>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" {{ $application->rec_amt == "1" ? 'checked' : '' }}>
											<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" {{ $application->rec_amt == "0" ? 'checked' : '' }}>
											<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" {{ $application->rec_amt > 1 ? '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" value="{{$application->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" value="{{$application->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" value="{{$application->mobile}}">
									</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" value="{{$application->email}}">
									</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="{{$application->no_of_copy}}" readonly="readonly">
					   </div>
					 </div>
								   </div>

								<div class="col-md-3">

								<div class="mb-3 row">
									<label for="inputPassword" class="col-sm-4 col-form-label">Proposed Page(s)</label>
									<div class="col-sm-8">
										<input type="text" class="form-control form-control-sm" id="proposed_page" name="proposed_page" value="{{$application->page}}">
									</div>
								</div>
							</div>
							<div class="col-md-3">

								<div class="mb-3 row">
									<label for="inputPassword" class="col-sm-4 col-form-label">Amount Received</label>
									<div class="col-sm-8">
										<input type="text" class="form-control form-control-sm" id="amt_rec" name="amt_rec" value="{{$application->rec_amt}}">
									</div>
								</div>
							</div>
							<div class="col-md-3">

								<div class="mb-3 row">
									<label for="inputPassword" class="col-sm-4 col-form-label">By Post</label>
									<div class="col-sm-8">
										<input type="text" class="form-control form-control-sm" id="post_amt" name="post_amt" value="{{$application->post_amt}}">
									</div>
								</div>
							</div>
						</div>


					</div>
					<div class="col-md-4">

						<input type="hidden" name="branch" value="{{$application->branch}}">
						<input type="hidden" name="app_no" value="{{$application->app_no}}">
						<input type="hidden" name="app_year" value="{{$application->app_year}}">
						<input type="hidden" name="fil_no" value="{{$application->fil_no}}">
						<div class="scanned_docs">

							@if(!$scan_records->isEmpty())



							<div class="card shadow-sm mb-2 rounded">
								<div class="card-body  px-1 py-1">
									<h4>Scanned Documents</h4>
									
    <div class="form-group has-search">
      <span class="fa fa-search form-control-feedback"></span>
      <input type="text" class="form-control mb-2" id="scan_document_search" placeholder="Search">
    </div>

									<div class="overflow-auto" style="max-height: 230px;min-height: 230px;">
									<ul class="list-group list-group-flush scan_group ">
											@foreach ($scan_records AS $record_key => $record_value)


											<li class="list-group-item rounded-0 list-group-item-action p-2 justify-content-between align-items-center order_list">
												<!-- comp_flag cbsl -->
												<div class="form-check">

													<input class="form-check-input scanned_copy" type="checkbox" name="scanned_copy[]" data-pages="{{$record_value->scan_page}}" value="{{$record_value->doccode}}#{{$record_value->doccode1}}#{{$record_value->scan_digi_status_id}}" id="scan_doc_{{$record_value->scan_digi_status_id}}" {{(searchForScanDocument($record_value->doccode,$record_value->doccode1, $record_value->scan_digi_status_id, $scan_documents	) ? "checked='checked'":"")}}>
													<label class="form-check-label" for="scan_doc_{{$record_value->scan_digi_status_id}}">
														{{$record_value->docdesc}} (Pg : {{$record_value->scan_page}})
													</label>
												</div>

</li>




											@endforeach
</ul>
									</div>
								</div>

							</div>


							@endif


							@if(!$case_orders->isEmpty())


							<div class="card shadow-sm mb-2 rounded">
								<div class="card-body px-1 py-1">
									<h4>Orders</h4>
									<div class="form-group has-search">
      <span class="fa fa-search form-control-feedback"></span>
      <input type="text" class="form-control mb-2" id="scan_order_search" placeholder="Search">
    </div>

									<div class="overflow-auto" style="max-height: 230px;min-height: 230px;">

									<ul class="list-group list-group-flush order_group">
											@php
											$path="";
											$branch = substr($application->fil_no, 0, 2);
											@endphp




											@foreach ($case_orders AS $case_order_key => $case_order_value)


											@php
											$total_page=0;
											$link_pdf=url('storage/orders/'.$case_order_value->pdfname);
											@endphp

											<li class="list-group-item rounded-0 list-group-item-action p-2 justify-content-between align-items-center text-ellipsis">
												<div class="form-check">
													@php

													$pdf = file_get_contents(storage_path('/app/public/orders/'.$case_order_value->pdfname));
													$total_page = preg_match_all("/\/Page\W/", $pdf, $dummy);

													@endphp


													<input class="form-check-input orders" type="checkbox" name="orders[]" value="{{$case_order_value->orderdate}}" id="" data-pages="{{$total_page}}" data-order_no="" data-order_date="{{$case_order_value->orderdate}}" {{(searchForScanOrder($case_order_value->orderdate, $orders) ? "checked='checked'":"")}}>
													<label class="form-check-label" for="scan_doc_{{$case_order_value->id}}">
														Order No :{{YYYYMMDDtoDateFormat($case_order_value->orderdate)}} (Pg : {{$total_page}})
													</label>

												</div>

</li>
											@endforeach
</ul>

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



							@endif


							<h4>Other Documents</h4>


							<div class="mb-3 mt-3">
								<textarea class="form-control" id="other_docs" rows="2" placeholder="Enter Documents Details" name="other_docs"> {{$implode_array}}</textarea>
								<div id="passwordHelpBlock" class="form-text text-danger fs-6">
									Please enter other documents like Order, Judgement, Bail Application, Police Challan etc..
								</div>
							</div>

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




<!-- 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 = {{$application->no_of_copy}};

	
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');
				// 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 {

					$('.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','#no_of_copy',function(){
				 calculateAmt();
			})


	$(document).on('change', '#app_type', 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').not('input[name="application_id"]').not('input[name="branch"]').not('input[name="app_no"]').not('input[name="app_year"]').not('input[name="fil_no"]').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('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();

	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();
	}


	

  });


</script>
@endpush