@extends('layouts.default')


@section('title', 'Account Book')




@section('content')


<div class="panel">

  <div class="panel-heading card-bg-color text-white">
    <h4 class="panel-title"><i class="fa-solid fa-magnifying-glass"></i> Account Book</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>

    <form action="{{route('hccopying.application.statementOldSearch')}}" 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">mode</label>
            <div class="col-lg-7">
              <select class="form-control" name="mode">

                <option value="">ALL</option>
                <option value="2"  {{ request('mode') == 2 ? "selected" : ""}}>OFFLINE</option>
                <option value="1"  {{ request('mode') == 1 ? "selected" : ""}}>ONLINE</option>
              </select>
            </div>
          </div>
        </div>
        <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" type="submit">Search</button>
        </div>
      </div>
    </form>

    <div class="pagination-container">
      <div class="container">



        @if(isset($post))

        <table class="table table-hover table-bordered">
<tbody><tr align="center">
  <th colspan="5">Statement Showing Pendency of Copying Application in Copying Section From Date {{$date_from}} to {{$date_to}}</th>
</tr>

<tr>
<th>Opening Balance on {{$date_to}}</th>
<th>Received Application From Date {{$date_from}} to {{$date_to}}</th>
<th>Total Pendency</th><th>Delivered Application From Date {{$date_from}} to {{$date_to}}</th>
<th>Balance</th></tr>
<tr><td class="text text-end">{{$opening_pend}}</td>
<td class="text text-end">{{$receipt}}</td>
<td class="text text-end">{{$opening_pend+$receipt}}</td>
<td class="text text-end">{{$disposal}}</td>
<td class="text text-end">{{$balance}}</td>
</tr>
<tr><th colspan="4" class="text text-end">Application Ready but Not Deliverd</th><td class="text text-end">{{$ready}}</td></tr>
<tr><th colspan="4" class="text text-end">Application Not Ready </th>
<td class="text text-end">{{$not_ready}}</td></tr>
<tr><th colspan="4" class="text text-end">Default Application ( Including Incomplete Application)</th>
<td class="text text-end">{{$default_app}}+ {{$incomplete_app}}= {{($default_app+$incomplete_app)}}</td></tr>
<tr>
  <th colspan="4" class="text text-end">Actual Pendency = Application Not Ready - Default Application</th>
  <td class="text text-end">{{$not_ready}} - {{$default_app+$incomplete_app}} = {{$not_ready-($default_app+$incomplete_app)}}</td></tr>


</tbody></table>



        @endif

      </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/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 type="text/javascript">
  $(".date").datepicker({
    todayHighlight: true,
    autoclose: true,
    dateFormat: 'dd-mm-yyyy'
  });


</script>

@endpush