'layout.default'

@push('scripts')
<style type="text/css">
.cl_appication
{
  color: blue;
}
.cl_appication:hover
{
  cursor: pointer;
}

     .fa 
     {
       cursor: pointer;
     }
 

</style>
<link href="/assets/plugins/datatables.net-bs5/css/dataTables.bootstrap5.min.css" rel="stylesheet" />
<link href="/assets/plugins/datatables.net-responsive-bs5/css/responsive.bootstrap5.min.css" rel="stylesheet" />
<script src="/assets/plugins/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="/assets/plugins/datatables.net-bs5/js/dataTables.bootstrap5.min.js"></script>
<script src="/assets/plugins/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
<script src="/assets/plugins/datatables.net-responsive-bs5/js/responsive.bootstrap5.min.js"></script>
<link rel="stylesheet" href="{{ asset('css/jquery-ui.css')}}" />
<script src="{{ asset('js/jquery-ui.js') }}"></script>
<script src="{{ asset('js/scanning_dashboard.js') }}"></script>

@endpush

@section('content') 
<div class="container">
<form action="{{ url('/') }}/incomplete_application" method="post">
@csrf


<div id="accordion">

<div class="card">
  <div class="card-header bg-dark text-white">
  <!-- <button class="accordion-button" data-bs-toggle="collapse" data-bs-target="#collapseOne" type="button">Collapsible</button> -->
  <div class="row">
      <div class="col-sm-6 ">
  <a class="collapsed btn text-white cl_pen_scan" data-bs-toggle="collapse" href="#collapseOne">
      Fresh Application Pending For Scanning 
    </a>
    <!-- <button class="accordion-button cl_pen_scan" data-bs-toggle="collapse" data-bs-target="#collapseOne" type="button">Collapsible</button> -->
    </div>
    <div class="col-sm-1">
    <a class="collapsed btn text-white cl_pen_scan" data-bs-toggle="collapse" href="#collapseOne">
    {{ $getPendinngANRNotScanned }}
    </a>
    </div>
  </div>
  </div>
  <div id="collapseOne" class="collapse" data-bs-parent="#accordion">
    <div class="card-body bg-white" id='dv_pen_scan_anr'>
     
    </div>
  </div>
</div>

<div class="card">
  <div class="card-header bg-dark text-white">
  <div class="row">
      <div class="col-sm-6 ">
    <a class="collapsed btn text-white cl_pen_clean" data-bs-toggle="collapse" href="#collapseTwo">
    Fresh Application Scanned and Pending For Cleaning 
    </a>
    </div>
    <div class="col-sm-1">
    <a class="collapsed btn text-white cl_pen_clean" data-bs-toggle="collapse" href="#collapseTwo">
    {{ $getPendinngANRNotCleaned }}
    </a>
    </div>
  </div>
  </div>
  <div id="collapseTwo" class="collapse" data-bs-parent="#accordion">
    <div class="card-body bg-white" id='dv_pen_clean_anr'>
    
    </div>
  </div>
  </div> 


  <div class="card">
  <div class="card-header bg-dark text-white">
  <div class="row">
      <div class="col-sm-6 ">
    <a class="collapsed btn text-white cl_pen_index" data-bs-toggle="collapse" href="#collapseThree">
    Fresh Application scanned, cleaned and Pending For Indexing 
    </a>
    </div>
    <div class="col-sm-1">
    <a class="collapsed btn text-white cl_pen_index" data-bs-toggle="collapse" href="#collapseThree">
    {{ $getPendinngANRNotIndexed }}
    </a>
    </div>
  </div>
  </div>
  <div id="collapseThree" class="collapse" data-bs-parent="#accordion">
    <div class="card-body bg-white" id='dv_pen_index_anr'>
    
    </div>
  </div>
  </div> 

  <div class="card">
  <div class="card-header bg-dark text-white">
  <div class="row">
      <div class="col-sm-6 ">
    <a class="collapsed btn text-white cl_pen_scan_o" data-bs-toggle="collapse" href="#collapseFour">
     Online ANR application not scanned 
    </a>
    </div>
    <div class="col-sm-1">
    <a class="collapsed btn text-white cl_pen_scan_o" data-bs-toggle="collapse" href="#collapseFour">
    {{ $getOnlinePendinngANRNotScanned }}
    </a>
    </div>
  </div>
  </div>
  <div id="collapseFour" class="collapse" data-bs-parent="#accordion">
    <div class="card-body bg-white" id='dv_pen_scan_anr_o'>
    
    </div>
  </div>
  </div> 


<!-- <div class="card">
  <div class="card-header">
    <a class="collapsed btn" data-bs-toggle="collapse" href="#collapseThree">
      Collapsible Group Item #3
    </a>
  </div>
  <div id="collapseThree" class="collapse" data-bs-parent="#accordion">
    <div class="card-body">
      Lorem ipsum..
    </div>
  </div>
</div> -->


</div>

        </form>
</div>
@endsection