@extends('frontend.layouts.app')

@section('title')
    Reports
@stop

@section('content')
<div id="banner" style="background-image: url({{ asset('images/inside_banner_touse_1.jpg') }}); position: relative; margin-top: -50px;">
  <h1 class="text-center text-white mt-5">REPORTS</h1>
</div>
  <div class="container my-5">
    <div class="row">
      <div class="col-md-12">
        <table class="table table-responsive-md table-borderless table-striped">
          <thead>
            <tr>
              <td width="60%"><h3>Name</h3></td>
              <td width="60%"><h3>Category</h3></td>
              <td class="text-center"><h3>Preview/Download</h3></td>
            </tr>
          </thead>
          <tbody>
          @foreach ($documents as $document)      
            <tr>
              <td width="60%">{{ $document->name }}</td>
              <td>
                @foreach ($subCategories as $subCat)
                  @if($document->sub_category_id == $subCat->id)
                    {{ $subCat->name }}
                  @endif
                @endforeach
              </td>
              <td class="text-center">
                <a href="/uploads/{{ app()->getLocale() }}/{{ $document->translate(app()->getLocale())->file_path }}" target="_blank"><i class="fas fa-search" style="font-size: 18px;"></i></a>
              </td>
            </tr>
          @endforeach
          </tbody>
        </table>
      </div>
      {{-- <div class="col-md-3">
        <h3 class="text-center" style="padding-top: 11px;">Categories</h3>
          <ul class="list-group list-group-flush">
            @foreach ($subCategories as $subCat)
              <li class="list-group-item">{{ ucfirst($subCat->name) }}</li>               
            @endforeach
          </ul>

          <form id="catForm" action="{{ route('action-plan') }}" method="GET">
            <a value="one" href="javascript:void();" onclick="document.getElementById('catForm').submit();">test submit</a>
          </form>
      </div> --}}
    </div>
  </div>
@stop