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

@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> Application Statement</h4>

  </div>

  <div class="panel-body">
    <div class="row">
    <table class="table">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">Application Number</th>
      <th scope="col">Case Number </th>
      <th scope="col">Date of Apply</th>
    </tr>
  </thead>
  <tbody>
    <tr>

    </tr>
  </tbody>
</table>  


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

@endpush