@extends('AdminMaster.authMaster')

@section('content')

<style>
  .card-body {
    max-height: 400px;
    /* Set the desired height for the scrollable area */
    overflow-y: auto;
    /* Enable vertical scrolling */
  }

  .table thead {
    background-color: #f8f9fa;
    /* Optional: background color for the table header */
    position: sticky;
    /* Makes the header stick to the top */
    top: 0;
    /* Keeps the header at the top */
    z-index: 1;
    /* Ensures the header stays on top of the table body */
  }

  .file-up-data .card-body {
    padding: 0 !important;
  }
</style>

<!-- <div class="page-header">
  <h3 class="page-title"> All Documents </h3>
</div> -->
<div class="row">
  <div class="col-lg-12 grid-margin stretch-card">
    <div class="card file-up-data">
      <div class="card-body" id="style-3" style="overflow:hidden;">
       
        <div class="row">
          <div class="col-md-6">
            <h4 class="card-title">All Downloaded Files </h4>
          </div>
          <div class="col-md-6">
            <div class="excel_export_dv">
            <a href="{{ route('table.download.xls') }}" class="btn btn-success mb-3">
              <i class="fas fa-file- fa-download"></i> Excel
            </a>
          </div>
          </div>
        </div>
        <!-- <p class="card-description"> Add class <code>.table</code> -->

        <!-- for csv data export -->
        
        </p>
        <div class="table-responsive">
          <table class="table table-bordered table">
            <thead>
              <tr>
                <th>Sl no.</th>
                <th>Downloaded By</th>
                <th>Download Date</th>
                <th>File Name</th>
                <th>Description</th>
                <th>Purpose</th>
                <th>Tags</th>
                <th>Action</th>
              </tr>
            </thead>
            <tbody>
              @foreach($allFiles as $key => $allFile)
              <tr>
                <td>{{$key + 1}}</td>

                <td>
                  @foreach($users as $user)
                  @if($user->id == $allFile->udl_user_id)
                  {{$user->name}}
                  @endif
                  @endforeach
                </td>
                <td>{{$allFile->udl_download_date}}</td>
                @foreach($files as $file)
                @if($file->id == $allFile->udl_file_id)
                <td>{{$file->name}}</td>
                <td>{{$file->description}}</td>
                <td>{{$file->purpose}}</td>
                <td>
                  @foreach($tags as $tag)
                  @if($tag->id == $file->id )
                  @foreach(explode(', ', $tag->tags) as $tagg)
                  <span class="badge bg-warning">{{ $tagg }}</span>
                  @endforeach
                  @endif
                  @endforeach
                </td>
                <td>
                  <div class="col-sm-6 col-md-4 col-lg-3">
                    <a href="{{ route('file.download', basename($file->file_path) ) }}" target="_blank">
                      <i class="mdi mdi-download" style="font-size: 20px;"></i>
                    </a>
                  </div>
                </td>
                @endif
                @endforeach

                <!--              
              <td>
                <div class="col-sm-6 col-md-4 col-lg-3">
                  <a href="{{ route('file.download', basename($allFile->file_path) ) }}" target="_blank">
                    <i class="mdi mdi-download" style="font-size: 20px;"></i>
                  </a>
                </div>
              </td> -->
                <!-- <td>{{ basename($allFile->file_path) }}</td> -->



              </tr>
              @endforeach

            </tbody>
          </table>
          <div class="d-flex justify-content-end mt-3">
            {{ $allFiles->links('pagination::bootstrap-4') }}
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

@endsection