@extends('layouts.user')


@section('content')





<main class="main-content  mt-0">
<div class="container">
<div class="row">
        <div class="col-12">
          <div class="card mb-4">
            <div class="card-header pb-0">
              <h6>Your Dispatch Registers</h6>
              
            </div>
            <div class="card-body px-0 pt-0 pb-2">
              <div class="table-responsive p-0">
                <table class="table align-items-center mb-0" id="myTable">
                <input type="text" id="searchInput" onkeyup="searchTable()" placeholder="Search..." style="margin-right: 10px;float: right;">
                  <thead>
                    <tr>
                      <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Dispatch Registers ID</th>
                      <th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Posted to Person(Section)</th>
                      <th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Posted from Section</th>
                      <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 ps-2">Date</th>
                 
                     
                      <th class="text-secondary opacity-7"></th>
                    </tr>
                  </thead>
                  <tbody>

                  @foreach ($efiles as $efile)
                    <tr>
                   
                      <td>
                        <div class="d-flex px-2 py-1">
                         
                          <div class="d-flex flex-column justify-content-center">
                            <h6 class="mb-0 text-sm">{{ $efile->uniquenumber }}</h6>
                          </div>
                        </div>
                      </td>
                  
                      <td class="align-middle text-center text-sm">
                      @php
                       $getname = DB::table('users')->where('id', $efile->shareto)->first();
                       @endphp
                        <span class="badge badge-sm bg-gradient-success">{{ $getname->name }} ({{ $getname->jobtitle }})</span>
                     
                      </td>
                       <td class="align-middle text-center text-sm">
                      @php
                       $getdep = DB::table('departments')->where('id', $efile->todep)->first();
                       @endphp
                        <span class="badge badge-sm bg-gradient-success">@if (isset($getdep->name)) {{ $getdep->name }} @endif</span>
                     
                      </td>
                      
                      <td class="align-middle text-center">
                        <span class="text-secondary text-xs font-weight-bold">{{ $efile->created_at }}</span>
                      </td>
                      <td class="align-middle">
                      
                         <form role="form" method="POST" action="{{ route('printdoc') }}" enctype="multipart/form-data">
                        @csrf
                          <input type="hidden" class="form-control" value="{{ $efile->id }}" name="id">
                         <button type="submit" class="btn bg-gradient-dark w-100 my-4 mb-2">View / Print</button>
                        </form>
                      </td>
                     
                    
                
                    </tr>

                    @endforeach
                 
                   
               
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>
</div>
</main>



<script>
function searchTable() {
  var input, filter, table, tr, td, i, txtValue;
  input = document.getElementById("searchInput");
  filter = input.value.toUpperCase();
  table = document.getElementById("myTable");
  tr = table.getElementsByTagName("tr");

  // Loop through all table rows, hide those that don't match the search query
  for (i = 0; i < tr.length; i++) {
    td = tr[i].getElementsByTagName("td");
    for (var j = 0; j < td.length; j++) {
      if (td[j]) {
        txtValue = td[j].textContent || td[j].innerText;
        if (txtValue.toUpperCase().indexOf(filter) > -1) {
          tr[i].style.display = "";
          break;
        } else {
          tr[i].style.display = "none";
        }
      }
    }
  }
}
</script>



<!-- Button trigger modal -->


<!-- Modal -->


  @endsection