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

@section('title', 'online Pending Application')

@section('content')


<div class="panel">

<div class="panel-heading card-bg-color">
<h4 class="panel-title"><i class="fa-solid fa-magnifying-glass"></i> online Pending Application</h4>

</div>

<div class="panel-body">
<div class="row">
	<div class="col-md-2"></div>
	<div class="col-md-2"></div>
	<div class="col-md-2"></div>
	<div class="col-md-2"></div>
</div>
@if ($errors->any())
    <div class="alert alert-danger">
        There were some problems with your input.<br><br>
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif
	<form action="{{route('hccopying.application.onlinePendingApplicationSearch')}}" method="POST" id="form_year" class="mb-3">
		 @csrf
		<div class="row d-flex justify-content-center">	
         
			<div class="col-md-3">
	<div class="form-group row">
<label class="form-label col-form-label col-lg-4">Date From</label>
<div class="col-lg-7">
<div class="input-group date" data-date-format="dd-mm-yyyy">
<input type="text" class="form-control" name="date_from" placeholder="Select Date"  value="{{ request('date_from',date('d-m-Y')) }}" id="date_from" readonly="readonly">
<span class="input-group-text input-group-addon"><i class="fa fa-calendar"></i></span>
</div>
</div>
</div>
			</div>
	<div class="col-md-3">
	<div class="form-group row">
<label class="form-label col-form-label col-lg-4">Date To</label>
<div class="col-lg-7">
<div class="input-group date"  data-date-format="dd-mm-yyyy">
<input type="text" class="form-control" name="date_to" placeholder="Select Date" id="date_to"  value="{{ request('date_to',date('d-m-Y')) }}" readonly="readonly">
<span class="input-group-text input-group-addon"><i class="fa fa-calendar"></i></span>
</div>
</div>
</div>
			</div>

	
<div class="col-md-2 align-items-center">
	<label for="exampleInputPassword1" class="form-label"></label>
	<button class="btn btn-primary button-loader" data-loading-text="<i class='fa-solid fa-circle-notch fa-spin'></i> Searching..." type="submit">Search</button>
</div>	
	</div>  
</form>


	<div>

@if(isset($applications))


      @if(!$applications->isEmpty())
<table class="table table-bordered">
  <thead>
    <tr>
        <th class='rep'>SN</th>
        <th class='rep'>Application</th>
        <th class='rep'>Applicant</th>
        <th class='rep'>CaseDetail</th>
        <th class='rep'>App. Type</th>
        <th class='rep'>Received Date</th>
        <th class='rep'>Delivered Date</th>
        <th class='rep'>App.Charges</th>
        <th class='rep'>Rec. Amt</th>
        <th class='rep'>Mode</th>   
 
        <th>Action</th>
        
</tr>
  </thead>
  <tbody>
  @php
    $sno = 1;
@endphp

       @foreach ($applications AS $application_key => $application)
      

<tr>
    <td class='rep'>{{$sno}}</td>
        <td class='rep'> {{$application->app_no}} / {{$application->app_year}}</td>
        <td class='rep'>{{$application->applicant}}<br/>
        
        <i class="fas fa-phone" aria-hidden="true"></i> {{$application->mobile}}
        </td>
        <td class='rep'><span class="text text-primary fw-bold">{{$application->str_case_no}}</span></td>
        <td class='rep'>{{$application->app_type}}</td>
        <td class='rep'>{{YYYYMMDDtoDateFormat($application->rec_dt)}}</td>
        <td class='rep'>{{YYYYMMDDtoDateFormat($application->rec_dt)}}</td>
     
        <td class='rep'>{{$application->app_form_fee}}</td>
        <td class='rep'>{{$application->rec_amt}}</td>
        
        
        <td>{{$application->desired_mode}}</td>
        <td class='rep'>      <a href="{{route('hccopying.application.selectApplicationDocuments',$application->id)}}" data-bs-title="Request Rec. for Digitization"  class="btn btn-outline-primary rounded-0 btn-sm"><i class="fa-solid fa-file-lines"></i> Request Rec. for Digitization</a>
</td>
</tr>

@php
       $sno++;
      
       @endphp
      @endforeach
  </tbody>
</table>

 

@else
<div class="alert alert-info">
  No Result Found.
</div>

    @endif


@endif
  </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/plugins/bootstrap-datepicker/dist/css/bootstrap-datepicker.css') }}" rel="stylesheet" />
<script src="{{ asset('assets/plugins/bootstrap-datepicker/dist/js/bootstrap-datepicker.js') }}"></script>
<script type="text/javascript" src="{{ asset('/assets/dcopying/js/custom.js') }}"></script>



<script>
  $(".date").datepicker({
    todayHighlight: true,
    autoclose: true,
    dateFormat:'dd-mm-yyyy'
  });
</script>

@endpush