@extends('layouts.main_frontend')
@section('title','RCSA - Approver/Reviewer RCSA Document')
@section('main-content')
<link rel="stylesheet" href="{{asset('/css/frontend/rcsadoc_list.css')}}" type="text/css" />
<!-- view -->
<main role="main" class="col-md-9 ml-sm-auto col-lg-10 dashboard-page-head edit-document document pt-3 pb-5 mb-2">
   <div>
      <div class="status">
            <form action="">
                <div class="form-group">
                    <center>  <span class="success_message" style="color:#5cb85c!important;text-align: center!important;">
                        {{ session()->has('flash_message') ? session()->get('flash_message') : '' }} </span></center>
                </div>
            </form>
        </div>
      <div class="loss-event d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-2">
         <div class="user-list-head">
            <div>
               <h1 class="">Approver/Reviewer RCSA Document</h1>
            </div>
            <div class="user-links">
               <div class="approve-status">
                  <form action="">
                     <div class="form-group">
                        <label for="approve-status">Approval Status</label>
                        <span>
                           <div class="select_custom">
                              <i class="fas fa-sort-down"></i>
                              <select class="form-control" id="approve-status">
                                 <option value="">Please select</option>
                                 <option value="pending">Pending</option>
                                 <option value="approved">Approved</option>
                                 <option value="declined">Declined</option>
                              </select>
                           </div>
                        </span>
                     </div>
                  </form>
               </div>
            </div>
         </div>
      </div>
      <div class="list-section table-responsive mt-4">
        <div class="row">
            <table class="list-table table-responsive" style="display:inline-block;" cellpadding="10" cellspacing="0" id="myTable">
                <thead>
                    <tr>
                      <th>RCSA Ref. No.</th>
                      <th>Organization</th>
                      <th>Department / Business Entity /Process</th>
                      <th>Date of RCSA</th>
                      <th>Date of Upload</th>
                      <th>File Type</th>
                      <th>File Size</th>
                      <th>Approval Status</th>
                      <th>Action</th>
                   </tr>
                </thead>    
                <tbody></tbody>
            </table>
         </div>
      </div>
   </div>
</main>
<!-- view end here -->
@endsection
@section('additionaljs')
<!-- <script src = "http://cdn.datatables.net/1.10.18/js/jquery.dataTables.min.js" defer ></script> -->
<script src="{{asset('/js/dataTables.min.js')}}" defer></script>

<script>
   spinner.hide();
   var indexUrl = "{{ route('rcsadocuments') }}";
</script>
<script src="{{asset('/js/frontend/rcsadoc_list.js')}}" type="text/javascript"></script>
@endsection