@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 scrollbar" id="style-3">
        <h4 class="card-title">File Uploads Data</h4>
        <!-- <p class="card-description"> Add class <code>.table</code> -->
        </p>
        <table class="table">
          <thead>
            <tr>
              <th>Sl no.</th>
              <th>Name.</th>
              <th>Title</th>
              <th>Description</th>
              <th>Purpose</th>
              <th>Tags</th>
              <th>File Name</th>
              <th>Action</th>


            </tr>
          </thead>
          <tbody>
            @foreach($allFiles as $allFile)
            <tr>
              <td>{{$allFile->id}}</td>
              <td>{{$allFile->name}}</td>
              <td>{{$allFile->title}}</td>
              <td>{{ \Illuminate\Support\Str::limit($allFile->description, 20, '...') }}</td>
              <td>{{$allFile->purpose}}</td>
              <td>
                @foreach($files as $file)
                  @if($allFile->id == $file->id )
                     @foreach(explode(', ', $file->tags) as $tag)
                        <span class="badge bg-warning">{{ $tag }}</span>
                      @endforeach
                  @endif
                @endforeach
              </td>
              <td>{{ basename($allFile->file_path) }}</td>
              <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>


            </tr>
            @endforeach

          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>

@endsection