@extends('layouts.default', ['appTopMenu' => true])
@push('scripts')
<style type="text/css">
/* .app-content {
  margin-left: 220px;
  padding: 20px 30px;
 
} */
.select2-container {
    z-index: 10000; 
}
</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/library/dashboard.js') }}"></script>
<script src="/assets/plugins/sweetalert/dist/sweetalert.min.js"></script>
<link href="/assets/plugins/select2/dist/css/select2.min.css" rel="stylesheet" />
<script src="/assets/plugins/select2/dist/js/select2.min.js"></script>



@endpush

@section('content') 
@isset($hrms_post_assigned)
<div class="row">
<div class="col-sm-12 text-center">
     <h5 class="text-danger">You are not authorized</h5>
</div>
</div>
@else



<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>Number of Cases pending for Reference.
</div>
<div class="col-1"><strong>{{ $getPendingReference }} </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-bordered align-middle table-hover" width='100%'>
  <thead>
    <tr>
     <th data-orderable="false">#</th>
     <th>Case No.</th>
    <th>Document Required</th>
     <th>Entered By</th>
     <th>User Type</th>
     <th>Entry Date</th>
      <th>Edit</th>
    </tr>
  </thead>
  <tbody>
  @php $sno=1; @endphp
     @if(count((array)$o_array)>0)
      @foreach($o_array as $val)
          <tr>
            <td >
                {{ $sno }}
            </td>
          
            <td >
                {{ $val->skey }}-{{ $val->case_no }}-{{ $val->case_year }}
            </td>
              
               <td>
                  <div>{{ $val->document_name }}</div>
            </td>
        <td>
            {{ $val->doc_enter_by }}
        </td>
        <td>
          {{ $val->type_name }}
        </td>
        <td>
            {{ $val->entry_date }}
        </td>
            
               <td >
           <button id="btnupload_{{ $sno }}" class="rounded-circle bg-transparent border-0 p-0 text-primary mx-2 cl_upload" data-id="{{ $val->id }}" title="Edit">
                <i class="fas fa-xl fa-fw me-10px fa-eye"></i>
          </button>
           </td>
          </tr>
          @php $sno++; @endphp
      @endforeach
     @endif
  </tbody>
    </table>
</div>
</div>
</div>
 </div>
 </div>
 </div>
 </div>



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

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

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

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

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