@include('includes.header')
<div class="container page__heading-container">
  <div class="page__heading d-flex align-items-end">
    <div class="flex">
      <nav aria-label="breadcrumb">
        <ol class="breadcrumb mb-0">
          <li class="breadcrumb-item">{{ $categorie }}</li>
          <li class="breadcrumb-item active"
          aria-current="page">Documents</li>
        </ol>
      </nav>
      <h1 class="m-0">Liste des documents</h1>
    </div>
    @if(Auth::user()->admin == 1)
    <div class="flatpickr-wrapper ml-3">
      <button type="button"
      class="btn btn-primary"
      data-toggle="modal"
      data-target="#newDocumentationCat"><i class="fas fa-folder-plus"></i>&nbsp;&nbsp;Ajouter une catégorie
    </div>
    <div class="flatpickr-wrapper ml-3">
      <button type="button"
      class="btn btn-primary"
      data-toggle="modal"
      data-target="#newDocumentation"><i class="fas fa-plus"></i>&nbsp;&nbsp;Nouveau document
    </div>
    @endif
    @include('includes.toast', ['msg' => $msg])
  </div>
  <div class="card card-form d-flex flex-column flex-sm-row">
    <div class="card-form__body card-body-form-group flex">
      <div class="row">
        <div class="col-sm-auto">
          <div class="form-group">
            <label for="filter_name">Recherche</label>
            <input id="search" type="text" class="form-control" placeholder="Nom du document...">
          </div>
        </div>
        <div class="col-sm-auto">
          <div class="form-group">
            <label for="filter_buckets">Catégorie</label><br>
            <button type="button" class="btn btn-light dropdown-toggle" data-toggle="dropdown" aria-expanded="false">@if($_SERVER['REQUEST_URI'] == '/documentation') Tous @elseif(str_contains($_SERVER['REQUEST_URI'], '/cat/'))                   @foreach($documentations_cat as $cat)
              @if(str_contains($_SERVER['REQUEST_URI'], '/cat/'.$cat->id))
              {{ $cat->nom }}
              @endif
              @endforeach
              @else Tous @endif<span class="caret"></span> </button>
              <div class="dropdown-menu" style="">
                <a class="dropdown-item" href="{{ route('documentation') }}">Tous</a>
                @foreach($documentations_cat as $cat)
                <a class="dropdown-item" href="{{ route('documentation') }}/cat/{{ $cat->id }}">{{ $cat->nom }}</a>
                @endforeach
              </div>
            </div>
          </div>
          <div class="col-sm-auto">
            <div class="form-group">
              <label for="filter_assigned">Par année</label><br>
              <button type="button" class="btn btn-light dropdown-toggle" data-toggle="dropdown" aria-expanded="false">@if($_SERVER['REQUEST_URI'] == '/documentation') Tous @elseif(str_contains($_SERVER['REQUEST_URI'], '/y/')) {{ substr($_SERVER['REQUEST_URI'], -4) }} @else Tous @endif<span class="caret"></span> </button>
              <div class="dropdown-menu" style="">
                <a class="dropdown-item" href="{{ route('documentation') }}">Tous</a>
                @for ($i = now()->year; $i > 1989; $i--)
                <a class="dropdown-item" href="{{ route('documentation') }}/y/{{ $i }}">{{ $i }}</a>
                @endfor
              </div>
            </div>
          </div>
        </div>
      </div>
      <button class="btn bg-white border-left border-top border-top-sm-0 rounded-top-0 rounded-top-sm rounded-left-sm-0"><i class="material-icons text-primary">refresh</i></button>
    </div>
  </div>
  <div class="container page__container">
    @for ($i = now()->year; $i > 1989; $i--)
    @php $count = 0; @endphp
    @foreach($documentations as $documentation)
    @if (str_contains($documentation->date, $i))
    @php
    $count++;
    @endphp
    @endif
    @endforeach
    @if ($count > 0)
    <p class="text-dark-gray d-flex align-items-center mt-3">
      <i class="material-icons icon-muted mr-2">event</i>
      <strong><a href="{{ route('documentation') }}/y/{{ $i }}" class="text-muted">{{ $i }}</a></strong>
    </p>
    @endif
    @foreach($documentations as $documentation)
    @if (str_contains($documentation->date, $i))
    <div class="row align-items-center documentations-item mb-1">
      <div class="col-sm-auto mb-1 mb-sm-0">
        <div class="text-dark-gray">{{ $documentation->date }}</div>
      </div>
      <div class="col-sm">
        <div class="card m-0">
          <div class="px-4 py-3">
            <div class="row align-items-center">
              <div class="col" style="min-width: 300px">
                <div class="d-flex align-items-center">
                  <a href="/{{ $documentation->file }}" target="_blank" class="text-body"><strong class="text-15pt mr-2">{{ $documentation->titre }}</strong></a>
                </div>
                <div class="d-flex align-items-center">
                  @if(!is_null($documentation->categorie))
                  <small class="text-dark-gray mr-2">Catégorie</small>
                  @foreach($documentations_cat as $cat)
                  <a href="{{ route('documentation') }}/cat/{{ $cat->id }}" class="d-flex align-items-middle">
                    @if($documentation->categorie == $cat->id)
                    {{ $cat->nom }}
                    @endif
                  </a>
                  @endforeach
                  @endif
                </div>
              </div>
              <div class="col-auto d-flex align-items-center">
                @php 
                $info = pathinfo('/'.$documentation->file);
                if ($info["extension"] == "pdf") { echo '<i class="material-icons icon-muted icon-20pt mr-2"><i class="fas fa-file-pdf"></i></i> PDF'; }
                if ($info["extension"] == "png") { echo '<i class="material-icons icon-muted icon-20pt mr-2"><i class="fas fa-images"></i></i> Image'; }
                if ($info["extension"] == "jpg") { echo '<i class="material-icons icon-muted icon-20pt mr-2"><i class="fas fa-images"></i></i> Image'; }
                if ($info["extension"] == "jpeg") { echo '<i class="material-icons icon-muted icon-20pt mr-2"><i class="fas fa-images"></i></i> Image'; }
                if ($info["extension"] == "gif") { echo '<i class="material-icons icon-muted icon-20pt mr-2"><i class="fas fa-images"></i></i> Image'; }
                if ($info["extension"] == "mp4") { echo '<i class="material-icons icon-muted icon-20pt mr-2"><i class="fas fa-video"></i></i> Vidéo'; }
                if ($info["extension"] == "avi") { echo '<i class="material-icons icon-muted icon-20pt mr-2"><i class="fas fa-video"></i></i> Vidéo'; }
                if ($info["extension"] == "doc") { echo '<i class="material-icons icon-muted icon-20pt mr-2"><i class="far fa-file-word"></i></i> Word'; }
                if ($info["extension"] == "docx") { echo '<i class="material-icons icon-muted icon-20pt mr-2"><i class="far fa-file-word"></i></i> Word'; }
                if ($info["extension"] == "xls") { echo '<i class="material-icons icon-muted icon-20pt mr-2"><i class="far fa-file-excel"></i></i> Excel'; }
                if ($info["extension"] == "xlsx") { echo '<i class="material-icons icon-muted icon-20pt mr-2"><i class="far fa-file-excel"></i></i> Excel'; }
                if ($info["extension"] == "csv") { echo '<i class="material-icons icon-muted icon-20pt mr-2"><i class="far fa-file-csv"></i></i> CSV'; }
                @endphp
                <i class="material-icons icon-muted icon-20pt mr-2">pdf</i>
              </div>
              <div class="col-auto d-flex align-items-center">
                <i class="material-icons icon-muted icon-20pt mr-2">account_circle</i>
                <div class="text-body">{{ $documentation->auteur }}</div>
              </div>
              <div class="col-auto d-flex align-items-center" style="min-width: 140px;">
                <a href="/{{ $documentation->file }}" target="_blank"><i class="fas fa-solid fa-download"></i>&nbsp;Télécharger</a>
              </div>
              @if(Auth::user()->admin == 1)
              <form action="/documentation/delete" method="post">
                @csrf
                <input type="hidden" name="id" value="{{ $documentation->id }}" />
                <div class="col-auto d-flex align-items-center" style="min-width: 140px;">
                  <button type="submit" style="color: #e7000a;border: 0;background-color: inherit;"><i class="fas fa-solid fa-trash"></i>&nbsp;Supprimer</button>
                </div>
              </form>
              @endif
            </div>
          </div>
        </div>
      </div>
    </div>
    @endif
    @endforeach
    @endfor
  </div>
</div>
</div>
</div>
</div>
</div>
<!-- // END Header Layout Content -->
</div>
<!-- // END Header Layout -->
@include('widgets.newDocument')
@include('widgets.newDocumentCat')
@include('includes.footer')
<script type="text/javascript">
  $(document).ready(function(){
    $("#search").on("keyup", function() {
      var value = $(this).val().toLowerCase();
      $(".documentations-item").filter(function() {
        $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
      });
    });
  });
</script>
</body>

</html>