@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-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-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>
	CNR No. :</b>
</div>
<div class="col"><b>
	 <span class="text text-danger">{{$application->cino}}</span>
</div>
</div>
<div class="row">
<div class="col"><b>
	Registration No :</b>
</div>
<div class="col"><b>
	<span class="text text-danger"> {{$application->case_type}}-{{$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>
	Judge :</b>
</div>
<div class="col">
	 {{$application->judge}}
</div>
</div>
<div class="row">
<div class="col"><b>
	Status :</b>
</div>
<div class="col">
	 {{$application->status}}
</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(isNullOrEmpty($record_value->docmaster_docdesc) && isNullOrEmpty($record_value->new_docmaster_new_indexing_docdesc)  &&  isNullOrEmpty($record_value->new_docmaster_docdesc) )

@else



      @if($record_value->comp_flag == "cbsl")

      @php
         $name = $record_value->docmaster_docdesc;
      @endphp



	  @elseif($record_value->comp_flag == "Newgen" && strtotime($record_value->qc_date) >=  strtotime('01-09-2022') )
			@php
			    $name = $record_value->new_docmaster_new_indexing_docdesc;
			@endphp

	  @else
			  @php
		       $name = $record_value->new_docmaster_docdesc;
	          @endphp

      @endif








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


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

      @endif

  

      @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->documents}}</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 No : {{$order_value->order_no}} - {{YYYYMMDDtoDateFormat($order_value->orderdate)}}</li>

 @endforeach
 
</ol>
   @endif

	</div>

</div>

 




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

	</div>
</div>


<div class="panel">

<form action="{{ route('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_amt_calculate_date))
<div class="alert alert-danger">
	Final amount not calculated, please save the form for final amount
</div>
@else
<div class="alert alert-info">
	Final amount calculated on <span class="text-danger"> OR </span> last updated on {{YYYYMMDDHistoDateFormat($application->final_amt_calculate_date)}}
</div>

@endif



	<input type="hidden" name="application_id" value="{{$application->id}}">
	<div class="row">
		<div class="col-md-4">
				<div class="shadow-sm  bg-body rounded p-3 border border-2 d-flex justify-content-between bd-highlight mb-3">
  
   <div class="bd-highlight"><b>Preparation Charge</b> : {{$charge_rule->preparation_charge}}</div>
   <div class="bd-highlight"><b>Court Fees</b> : {{$charge_rule->court_fee}}</div>
  </div>

			<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="{{$application->no_of_copy}}">
    </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*Preparation Charge)+Court Fees]*no of copy</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">
        Submit
</button>
		</div>
		<div class="col-md-4">


        @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="overflow-auto" style="min-height: 230px;max-height:203px">
         <div class="list-group list-group-flush">
      @foreach ($scan_records AS $record_key => $record_value)
  


      @if(isNullOrEmpty($record_value->docmaster_docdesc) && isNullOrEmpty($record_value->new_docmaster_new_indexing_docdesc)  &&  isNullOrEmpty($record_value->new_docmaster_docdesc) )

@else



      @if($record_value->comp_flag == "cbsl")

      @php
         $name = $record_value->docmaster_docdesc;
      @endphp



	  @elseif($record_value->comp_flag == "Newgen" && strtotime($record_value->qc_date) >=  strtotime('01-09-2022') )
			@php
			    $name = $record_value->new_docmaster_new_indexing_docdesc;
			@endphp

	  @else
			  @php
		       $name = $record_value->new_docmaster_docdesc;
	          @endphp

      @endif

      <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->fil_nm}}" id="scan_doc_{{$record_value->docmaster_docdesc}}"  {{(searchForScanDocument($record_value->doccode,$record_value->fil_nm, $delivery_scancopy) ? "checked='checked'":"")}}>
  <label class="form-check-label" for="scan_doc_{{$record_value->docmaster_docdesc}}">
    {{$name}} <span class="text-primary fw-bold">(Pg : {{$record_value->scan_page}}) </span>
  </label>


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


      @endif


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

</div>


@endif

		</div>

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


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



  <div class="card shadow-sm mb-2 rounded">
  <div class="card-body  px-1 py-1">
    <h4>Judgement/ Orders</h4>
    <div class="overflow-auto" style="min-height: 230px;max-height:203px">
         <div class="list-group list-group-flush">
      @foreach ($case_orders AS $case_order_key => $case_order_value)
  

@php
$total_page=1;
$oj_link=$case_order_value->case_no."_".$case_order_value->order_no;
$link_pdf= "https://district.mphc.gov.in/upload/district_jo/jabalpur_db_nc/orders/".$case_order_value->case_year."/".$oj_link.".pdf#toolbar=0";
$total_page=count_pdf_pages($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_orders" type="checkbox" name="scanned_orders[]" value="{{$case_order_value->order_no}}#{{$case_order_value->order_dt}}" id="scan_doc_{{$case_order_value->order_no}}" data-pages="{{$total_page}}" data-order_no="{{$case_order_value->order_no}}" data-order_date="{{$case_order_value->order_dt}}" {{(searchForScanOrder($case_order_value->order_no,$case_order_value->order_dt, $delivery_scanorder) ? "checked='checked'":"")}} >
  <label class="form-check-label" for="scan_doc_{{$case_order_value->order_no}}" >
   Order No : {{$case_order_value->order_no}} - {{YYYYMMDDtoDateFormat($case_order_value->order_dt)}}  <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->order_no}} - {{YYYYMMDDtoDateFormat($case_order_value->order_dt)}}" data-pdf_link="{{$link_pdf}}"><i class="fs-5 fa-solid fa-file-pdf"></i> </a>
</div>

      </div>




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

</div>


@endif

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

  <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('application.downloadDigitizedFile',Crypt::encrypt($application->id))}}" class="text-decoration-none" ><i class="fa-solid fa-download"></i></a>
  </div>


</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 court_fee = "{{$charge_rule->court_fee}}";
 var preparation_charge = "{{$charge_rule->preparation_charge}}";

	
         var obj  = {};

	      $(document).on('change', '.scanned_copy', function() {
	      	countPage();
			// let page=$(this).data('pages');
		 //    if(this.checked) {
		 //         selected_page=selected_page+page;
		 //    }else{
		 //    	 selected_page=selected_page-page;
		 //    }

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






	      $(document).on('change', '.scanned_orders', function() {
	      	countPage();
			// let page=$(this).data('pages');
			// let order_no=$(this).data('order_no');
			// let order_date=$(this).data('order_date');

		 //    if(this.checked) {
		 //         selected_page=selected_page+page;
		       
		 //          obj[order_no] = order_date;


		 //    }else{
		 //    	 selected_page=selected_page-page;
		 //    	 delete obj[order_no];
		 //    }

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

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

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

			        calculate_total_amt();




			}


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

});



let calculate_total_amt=()=>{
	 let final_amt=(parseFloat(($('#page').val())*preparation_charge)+parseFloat(court_fee))*(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');
              }
		    });        
		});

</script>
@endpush