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

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

@section('content')

 @if($application->bench == '01')

 @elseif($application->bench == '02')

 @elseif($application->bench == '03')

 @endif


<div class="panel">

	<div class="panel-heading card-bg-color">
		<h4 class="panel-title"><i class="fa-solid fa-file-lines"></i> Application</h4>

	</div>


	<div class="panel-body">
		<input type="hidden" name="application_id" value="{{$application->id}}">
	<div class="row">
<div class="col-md-12">



@if(!isNullOrEmpty($application->actual_del_dt))
			<div class="alert alert-danger">
				Application has alreay Delivered
			</div>
@endif
</div>
	</div>
		<div class="row">
			<div class="col-md-8">
				<div class="row">
					<div class="col"><b>Applicant No. : </b>{{$application->app_no}}</div>
					<div class="col"><b>Applicant Year : </b>{{$application->app_year}}</div>
				</div>
				<div class="row">
					<div class="col"><b>Applicant Name : </b>{{$application->applicant}}</div>
					<div class="col"><b>Applicant Type : </b>{{$application->app_type}}</div>
				</div>
				<div class="row">
					<div class="col"><b>Applicant Address : </b>{{$application->app_add}}</div>

				</div>
				<div class="row">
					<div class="col"><b>Received Date : </b>{{YYYYMMDDtoDateFormat($application->rec_dt)}}</div>
					<div class="col"><b>Delivery Date : </b>{{YYYYMMDDtoDateFormat($application->del_dt)}}</div>
				</div>
				<div class="row">
					<div class="col"><b>Amount Recieved : </b>{{$application->rec_amt}}</div>
					<div class="col"><b>Amount Rec. By Post : </b>{{$application->post_amt}}</div>
				</div>

				<div class="row">
					<div class="col"><b>Status : </b>
						@if($application->status == "P")
						<span class="badge bg-warning">Pending</span>
						@elseif($application->status == "D")
						<span class="badge bg-danger">Disposed</span>
						@endif
					</div>
				</div>





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

				<div class="row">
					<div class="col"><b>
							Case No :</b>
					</div>
					<div class="col"><b>
							<span class="text text-primary"> {{$case_type_string}}/{{$application->case_no}}/{{$application->case_year}}</span>



					</div>
				</div>
				<div class="row">
					<div class="col"><b>
							Petitioner :</b>
					</div>
					<div class="col">
						{{$application->pet_name}}
					</div>
				</div>
				<div class="row">
					<div class="col"><b>
							Respondent :</b>
					</div>
					<div class="col">
						{{$application->res_name}}
					</div>
				</div>

				<div class="row">
					<div class="col"><b>
							Status :</b>
					</div>
					<div class="col">


						@if($application->c_status == "D")
						<span class="badge bg-danger">Disposed</span>
						@else
						<span class="badge bg-warning">Pending</span>
						@endif


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


				<div class="col-md-12">
					<hr class="bg-dark bg-opacity-20 mt-10px mb-10px">
					<h5 class="fs-5 fw-bolder">Required Documents</h5>

					<div class="row">
						<div class="col">
							<p class="shadow-sm bg-primary bg-gradient  rounded  border border-2 text-center fw-bold p-1 mb-2 bg-primary ">Scan Documents</p>
							@if(!empty($scan_documents))
							<ol>
								@foreach ($scan_records AS $record_key => $record_value)


								@if(searchForScanDocument($record_value->doccode,$record_value->doccode1,$record_value->scan_digi_status_id,$scan_documents))


								<li> {{$record_value->docdesc}} <span class="text-primary fw-bold">(Pg : {{$record_value->scan_page}}) </span> </li>




								@endif


								@endforeach
							</ol>
							@endif

						</div>
						<div class="col">
							<p class="shadow-sm bg-primary bg-gradient  rounded  border border-2 text-center fw-bold p-1 mb-2 bg-primary ">Other Document/ Not Scanned</p>

							@if(!$other_documents->isEmpty())
							<ol>
								@foreach ($other_documents AS $other_document_key => $other_document_value)
								<li>{{$other_document_value->other_applied}}</li>
								@endforeach
							</ol>
							@endif

						</div>
						<div class="col">
							<p class="shadow-sm bg-primary bg-gradient  rounded  border border-2 text-center fw-bold p-1 mb-2 bg-primary ">Orders</p>

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

							<ol>
								@foreach ($orders AS $order_key => $order_value)
								<li>Order Date : {{YYYYMMDDtoDateFormat($order_value->orderdate)}}</li>

								@endforeach

							</ol>
							@endif

						</div>

					</div>

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

	</div>
</div>


<div class="panel">

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

		<div class="panel-heading card-bg-color">
			<h4 class="panel-title"><i class="fa-solid fa-file-medical"></i> Select Documents for Application</h4>

		</div>

		<div class="panel-body">

			@if(isNullOrEmpty($application->final_page_calculate_date))
			<div class="alert alert-warning">
				You have not selected pages , please select documents and update the form for the download the file.
			</div>
			@else
			<div class="alert alert-info">
				Document selected on <span class="text-danger"> OR </span> last updated on {{YYYYMMDDHistoDateFormat($application->final_page_calculate_date)}}
			</div>

			@endif



			<input type="hidden" name="application_id" value="{{$application->id}}">
			<div class="row">
				<input type="hidden" name="prev_amount" value="{{$application->rec_amt}}" id="prev_amount">
				<div class="col-md-4">

					<div class="row">


						<div class="col">
							<div class="mb-3 row">
								<label for="no_of_copy" class="col-sm-4 col-form-label">No. of copy</label>
								<div class="col-sm-8">
									<input type="number" class="form-control" id="no_of_copy" name="no_of_copy" value="1" readonly="readonly">
								</div>
							</div>
						</div>

					</div>


					<div class="row">
						<div class="col">
							<div class="mb-3 row">
								<label for="app_mobile_no" class="col-sm-4 col-form-label">Mobile No</label>
								<div class="col-sm-8">
									<input type="text" class="form-control" id="app_mobile_no" name="mobile" value="{{$application->mobile}}">
								</div>
							</div>
						</div>



					</div>


					<div class="row">

						<div class="col">
							<div class="mb-3 row">
								<label for="app_mobile_no" class="col-sm-4 col-form-label">Total Pages</label>
								<div class="col-sm-8">
									<input type="text" class="form-control" id="page" name="page" value="{{$application->page}}">
								</div>

							</div>
						</div>


					</div>




					<!-- <div class="row">

	<div class="col">
	  <div class="mb-3 row">
    <label for="app_mobile_no" class="col-sm-4 col-form-label">Final Amount</label>
    <div class="col-sm-8">
      <input type="text" class="form-control" id="final_amt" name="final_amt" value="{{isNullOrEmpty($application->final_amt_calculate_date) ? $application->rec_amt : $application->final_amt}}" readonly="readonly" >
      <div class="form-text text-danger">[(Page*Per Page Charge)]*no of copy</div>
    </div>
    
  </div>	
	</div>
	
	
	</div> -->
					<div class="row">

						<div class="col mb-3">
							<div class="form-check">

								<input class="form-check-input" type="checkbox" name="app_status" value="Default Other" id="default_status" {{isNullOrEmpty($application->default_dt) ? "": "checked='checked'"}}>
								<label class="form-check-label" for="default_status">
									Make Application Default
								</label>
								<div id="defaultHelp" class="form-text">We'll remove the selected document.</div>
							</div>
						</div>
						<div class="mb-3 default_reason_div" style="{{isNullOrEmpty($application->default_dt) ? 'display:none' :'display:block'}}">
							<label for="default_reason" class="form-label">Default Reason</label>
							<textarea class="form-control" id="default_reason" name="default_reason">{{$application->reason}}</textarea>

						</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">
						Submit
					</button>

					@if(!isNullOrEmpty($application->document_attachment) && ($application->acc_def == "Accepted"))
					<div class="row">

						<div class="col-auto gy-2">
							<b class="text text-danger">Download selected documents : </b><br />
							<i class="text-danger fs-5 fa-solid fa-file-pdf"></i> {{$application->document_attachment}} <a target="_blank" href="{{route('hccopying.application.downloadMergeFile',Crypt::encrypt($application->id))}}" class="text-decoration-none"><i class="fa-solid fa-download"></i></a>
						</div>
					</div>
					@endif
				</div>
				<div class="col-md-8">
					<div class="row">

						<div class="col">
							<div class="form-check mb-3">
								@php

								$pdf = file_get_contents(storage_path('/app/public/case_aplong/'.$application->fil_no.'/aplong.pdf'));
								$total_page_aplong = preg_match_all("/\/Page\W/", $pdf, $dummy);

								@endphp

								<input class="form-check-input aplong_selected" type="checkbox" data-pages="{{$total_page_aplong}}" name="aplong_selected" value="1" id="aplong_selected" {{($application->aplong_selected) ?  "checked='checked'" :""}}>
								<label class="form-check-label" for="aplong_selected">
									Attach Aplong <span class="text-primary fw-bold">(Pg : {{$total_page_aplong}})</span>
								</label>

							</div>
						</div>


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

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






							<div class="card shadow-sm mb-2 rounded">
								<div class="card-body  px-1 py-1">
									<h4 class="mx-2">Scanned Documents</h4>
									<div class="overflow-auto" style="min-height: 230px;max-height:203px">
										@if(!$scan_records->isEmpty())
										<div class="list-group list-group-flush">
											@foreach ($scan_records AS $record_key => $record_value)

											@php
									
											$link_pdf="";
											@endphp


											
											<div class="list-group-item rounded-0 list-group-item-action p-2 d-flex justify-content-between align-items-center">
												<!-- 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}}#{{$record_value->dspace_bitstream_id}}" id="scan_doc_{{$record_value->scan_digi_status_id}}" {{(searchForScanDocument($record_value->doccode,$record_value->doccode1, $record_value->scan_digi_status_id, $delivery_scancopy) ? "checked='checked'":"")}}>
													<label class="form-check-label" for="scan_doc_{{$record_value->scan_digi_status_id}}">
														{{$record_value->docdesc}} <span class="text-primary fw-bold">(Pg : {{$record_value->scan_page}}) </span>
													</label>

													<a class="text-danger view_pdf" href="javascript:void(0)" data-title="Doc : {{$record_value->docdesc}}" data-pdf_link="{{$link_pdf}}"><i class="fs-5 fa-solid fa-file-pdf"></i> </a>



<!-- 
													<span><a target="_blank" href="http://172.19.241.41:8080/server/api/core/bitstreams/{{$record_value->dspace_bitstream_id}}/content" class="text-danger"><i class="fs-5 fa-solid fa-file-pdf"></i> </a></span> -->
												</div>

											</div>



											@endforeach
										</div>
										@endif
									</div>
								</div>

							</div>


						</div>

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



							<div class="card shadow-sm mb-2 rounded">
								<div class="card-body  px-1 py-1">
									<h4 class="mx-2">Judgement/ Orders</h4>
									<div class="overflow-auto" style="min-height: 230px;max-height:203px">


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

										<div class="list-group list-group-flush">
											@php
											$path="";
											@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

											<div class="list-group-item rounded-0 list-group-item-action p-2 d-flex justify-content-between align-items-center">
												<!-- comp_flag cbsl -->
												<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 scanned_orders" type="checkbox" name="scanned_orders[]" value="{{$case_order_value->orderdate}}#PATH{{$path."/".$case_order_value->pdfname}}" id="scan_doc_{{$case_order_value->id}}" data-pages="{{$total_page}}" data-order_date="{{$case_order_value->orderdate}}" {{(searchForScanOrder($case_order_value->orderdate, $delivery_scanorder) ? "checked='checked'":"")}}>
													<label class="form-check-label" for="scan_doc_{{$case_order_value->id}}">
														Order {{YYYYMMDDtoDateFormat($case_order_value->orderdate)}} <span class="text-primary fw-bold">(Pg : {{$total_page}})</span>
													</label>
													<a class="text-danger view_pdf" href="javascript:void(0)" data-title="Order No : {{$case_order_value->id}} - {{YYYYMMDDtoDateFormat($case_order_value->orderdate)}}" data-pdf_link="{{$link_pdf}}"><i class="fs-5 fa-solid fa-file-pdf"></i> </a>
												</div>

											</div>




											@endforeach
										</div>

										@endif
									</div>
								</div>

							</div>



						</div>

					</div>
				</div>


			</div>
		</div>

	</form>
	<div class="panel-body">

		<hr class="bg-dark bg-opacity-20 mt-10px mb-10px">
		<h5 class="fs-5 fw-bolder">Upload Digitized Sign Copy</h5>


		<form class="row" id="fileUploadForm" method="POST" action="{{ route('hccopying.application.uploadDigitizedFile') }}" enctype="multipart/form-data">
			<input type="hidden" name="application_id" value="{{$application->id}}">
			<div class="col-auto">
				<label for="staticEmail2" class="visually-hidden">File (.pdf)</label>
				<input name="file" type="file" class="form-control">
			</div>

			<div class="col-auto">
				<button type="submit" class="btn btn-primary mb-3">Upload</button>
			</div>

			@if(!isNullOrEmpty($application->digitized_attachment))
			<div class="col-auto gy-2">
				<i class="text-danger fs-5 fa-solid fa-file-pdf"></i> {{file_view($application->digitized_attachment)}} <a target="_blank" href="{{route('hccopying.application.downloadDigitizedFile',Crypt::encrypt($application->id))}}" class="text-decoration-none"><i class="fa-solid fa-download"></i></a>
			</div>
			@endif

		</form>


		<div class="progress">
			<div class="progress-bar progress-bar-striped progress-bar-animated bg-danger" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%">0%</div>
		</div>

	</div>


</div>

<div class="modal fade" id="modalPdf" data-bs-backdrop="static" data-bs-keyboard="false" aria-labelledby="staticBackdropLabel" aria-hidden="true">
	<div class="modal-dialog modal-xl">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" id="staticBackdropLabel"></h5>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<div class="modal-body">
				<!--  <iframe  id="someFrame" src="" width="100%" height="500px"></iframe> -->
			</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" />
<script type="text/javascript" src="{{ asset('/assets/dcopying/js/custom.js') }}"></script>

<script type="text/javascript">
	var obj = {};

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

	});

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

	});




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

	});

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

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

		

		if($('#aplong_selected').is(":checked")){		
			
			let page = $('#aplong_selected').data('pages');					
			selected_page = selected_page + page;
		}


		$('#page').val(selected_page);

		calculate_total_amt();




	}


	$('#page').keyup(function() {
		calculate_total_amt();

	});



	let calculate_total_amt = () => {
		// let Prev_amt=$('#prev_amount').val();

		// let final_amt=Prev_amt;
		// if(Prev_amt > 1){

		//   final_amt=(parseFloat(($('#page').val())*preparation_charge))*(parseFloat($('#no_of_copy').val()));
		// }
		//  $('#final_amt').val(final_amt);
	}


	$("#modalPdf").on('hidden.bs.modal', function(e) {
		$('#modalPdf .modal-body').html("");
	});



	$(document).on('click', '.view_pdf', function() {
		let pdf_link = $(this).data('pdf_link');
		let title = $(this).data('title');
		$('#modalPdf .modal-title').html(title);

		$('#someFrame').attr("src", pdf_link);
		$('#modalPdf').modal('show');

		$('#modalPdf .modal-body').html("<iframe id=\"map-iframe\" " +
			"width=\"100%\" height=\"500px\" frameborder=\"0\" scrolling=\"no\" " +
			"marginheight=\"0\" marginwidth=\"0\" " +
			"src=\"" + pdf_link + "\"" + "></iframe>");
	});




	$(document).on("submit", "#form", function(e) {

		e.preventDefault();

		let _this_submit = $(this);

		$.ajax({
			url: _this_submit.attr("action"),
			type: _this_submit.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');

			},

			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 {
					successMsg(response.msg);
					window.location.reload();
				}



				_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');
			}
		});
	});




	$(document).on("submit", "#fileUploadForm", function(e) {

		e.preventDefault();
		var formData = new FormData(this);
		let _this_submit = $(this);

		$.ajax({
			url: _this_submit.attr("action"),
			type: _this_submit.attr("method"),
			dataType: "JSON",
			data: formData,
			cache: false,
			contentType: false,
			processData: false,
			headers: {
				'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
			},
			xhr: function() {
				var xhr = new window.XMLHttpRequest();
				xhr.upload.addEventListener("progress", function(evt) {
					if (evt.lengthComputable) {
						var percentComplete = (evt.loaded / evt.total) * 100;

						$('.progress .progress-bar').html(parseInt(percentComplete) + '%');
						$('.progress .progress-bar').css("width", percentComplete + '%', function() {
							return $(this).attr("aria-valuenow", percentComplete) + "%";
						})
					}
				}, false);
				return xhr;
			},

			beforeSend: function() {
				var percentage = '0';
				_this_submit.closest('form').find(':submit').button('loading');

			},

			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 {

					successMsg(response.msg);
					window.location.reload();
				}



				_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');
			}
		});
	});


	$(document).on('click', '#default_status', function() {
		if ($(this).is(':checked')) {
			$('.default_reason_div').fadeIn("slow");

		} else {
			$('.default_reason_div').fadeOut("slow");

		}

	});
</script>
@endpush