@extends('layouts.default', ['appTopMenu' => true])
@push('scripts')
<style type="text/css">
.app-content {
  margin-left: 220px;
  padding: 20px 30px;
 
}
</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>
<script src="{{ asset('js/portfolio/dashboard.js') }}"></script>

@endpush

@section('content') 


<div class="row">

<div class="col-xl-3 col-md-6">
<div class="widget widget-stats bg-blue">
<!-- <div class="stats-icon"><i class="fa fa-desktop"></i></div> -->
<div class="stats-info ">
<h4 id="h_onlineapplication">Online</h4>
<p></p>
</div>
<div class="stats-link">
<a href="javascript:;" id="a_onlineapplication" class="cl_widget">View Detail <i class="fa fa-arrow-alt-circle-right"></i></a>
<!-- <span id='sp_onlineapplication'>View Detail <i class="fa fa-arrow-alt-circle-right"></i></span> -->
</div>
</div>
</div>


<div class="col-xl-3 col-md-6">
<div class="widget widget-stats bg-info">
<!-- <div class="stats-icon"><i class="fa fa-link"></i></div> -->
<div class="stats-info ">
<h4 id="h_offlineapplication">Offline</h4>
<p></p>
</div>
<div class="stats-link">
<a href="javascript:;" id="a_offlineapplication" class="cl_widget">View Detail <i class="fa fa-arrow-alt-circle-right"></i></a>
</div>
</div>
</div>


<div class="col-xl-3 col-md-6">
<div class="widget widget-stats bg-orange">
<!-- <div class="stats-icon"><i class="fa fa-users"></i></div> -->
<div class="stats-info ">
<h4 id="h_pendingapplication">Pending</h4>
<p></p>
</div>
<div class="stats-link">
<a href="javascript:;" id="a_pendingapplication" class="cl_widget">View Detail <i class="fa fa-arrow-alt-circle-right"></i></a>
</div>
</div>
</div>




</div>

<div class="row">
    <div class="col-sm-12">
<div class="accordion" id="accordionExample">
 

  <div class="accordion-item">
    <h2 class="accordion-header" id="heading11">
      <button class="accordion-button collapsed bg-white text-nowrap text-black px-3 py-10px pointer-cursor collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse11" aria-expanded="false" aria-controls="collapse11">
    
      <div class="col-10">
<i class="fa fa-circle fa-fw text-blue me-2 fs-8px"></i>Total documents received from <i><b>{{ $district_nm }}</b></i>
</div>
<div class="col-1"><strong>{{ $getTotalReceiptDetailsPortfolio }}</strong></div>
      </button>
    </h2>
    <div id="collapse11" class="accordion-collapse collapse" aria-labelledby="heading11" data-bs-parent="#accordionExample">
      <div class="accordion-body bg-gray-100">
      <div class="table-responsive" id="dv_result">
<table id="data-table-combine" class="table table-sm table-striped table-bordered align-middle">
  <thead>
    <tr>
     <th data-orderable="false">S.No.</th>
     <th>Receipt No.</th>
     <th>Receipt Date</th>
      <th>Mode</th>
      <th>Category</th>
     <th>Letter Reference No.</th> 
     <th>Letter Date</th>
     <th>Received From</th>
    <th>Address</th>
    <th>District</th>
    <th>State</th>
     <th>Subject/Remark</th>
     <th>Dispatch To</th>
     <th>Received By</th>
    </tr>
  </thead>
  <tbody>
         @foreach($o_array as $val)
   <tr>
       <td ></td> 
       <td>
           {{ $val->receipt_no }} - {{ $val->receipt_year }}
       </td>
       <td>
           {{ date('d-m-Y H:i:s',strtotime($val->created_at)) }}
       </td>
       <td>
           {{ $val->mode }}
       </td>
       <td>
           {{ $val->category }}
       </td>
       <td>
           {{ $val->letter_ref_no }}
       </td>
       <td>
           {{ $val->letter_date }}
       </td>
       <td>
           {{ $val->name }}
       </td>
       <td>
           {{ $val->address }}
       </td>
       <td>
           {{ $val->district }}
       </td>
       <td>
           {{ $val->state }}
       </td>
    
     <td>
     {{ $val->enquiry_remark }}
     </td>
     <td>
        {{ $val->section_name }} 
        @if($val->get_user_name!='')
         - {{ $val->get_user_name }}
        @endif
     </td>
     <td></td>
   </tr>
   @php $sno++; @endphp
   @endforeach
  </tbody>
    </table>
</div>
</div>
</div>
 </div>



 

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

<div class="modal" id="myModal">
  <div class="modal-dialog modal-xl modal-dialog-scrollable">
    <div class="modal-content">

      <!-- Modal Header -->
      <div class="modal-header">
      <b><small class="modal-title" id="modal_heading"></small></b>
      <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
      </div>

      <!-- Modal body -->
      <div class="modal-body" id="dv_shw_pdf">
      
        
</div>
     

      <!-- Modal footer -->
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button> 
      </div>

    </div>
  </div>
</div>
@endsection