@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">Contrats</li>
        </ol>
      </nav>
      <h1 class="m-0">Liste des contrats</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="#newContrat"><i class="fas fa-plus"></i>&nbsp;&nbsp;Nouveau contrat
    </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-12">
          <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>
    </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">
  @foreach($contrats as $contrat)
  <div class="row align-items-center contrats-item mb-1">
    <div class="col-sm-auto mb-1 mb-sm-0">
      <div class="text-dark-gray">{{ $contrat->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="#" class="text-body"><strong class="text-15pt mr-2">{{ $contrat->titre }}</strong></a>
              </div>
            </div>
            <div class="col-auto d-flex align-items-center">
              @php 
              $info = pathinfo('/'.$contrat->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">{{ $contrat->auteur }}</div>
            </div>
            <div class="col-auto d-flex align-items-center" style="min-width: 140px;">
              <a href="/{{ $contrat->file }}"><i class="fas fa-solid fa-download"></i>&nbsp;Télécharger</a>
            </div>
            @if(Auth::user()->admin == 1)
            <form action="/contrats/delete" method="post">
              @csrf
              <input type="hidden" name="id" value="{{ $contrat->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>
  @endforeach
</div>
</div>
</div>
</div>
</div>
</div>
<!-- // END Header Layout Content -->
</div>
<!-- // END Header Layout -->
@include('widgets.newContrat')
@include('includes.footer')
<script type="text/javascript">
  $(document).ready(function(){
    $("#search").on("keyup", function() {
      var value = $(this).val().toLowerCase();
      $(".contrats-item").filter(function() {
        $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
      });
    });
  });
</script>
</body>

</html>