@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">Projets</li>
        </ol>
      </nav>
      <h1 class="m-0">Liste des projets</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="#newProjet"><i class="fas fa-plus"></i>&nbsp;&nbsp;Nouveau projet
    </div>
    @endif
    @include('includes.toast', ['msg' => $msg])
  </div>
</div>
<div class="container page__container">
  @foreach($projets as $projet)
  <div class="stories-cards mb-4">
    <div class="card stories-card">
      <div class="stories-card__content d-flex align-items-center flex-wrap">
        <div class="avatar avatar-lg mr-3">
          <i class="fas fa-folder" style="margin-left: 15px;margin-top: 10px;font-size:2em"></i>
        </div>
        <div class="stories-card__title flex">
          <h5 class="card-title m-0"><a href="#" id="show{{ $projet->id }}" class="headings-color">{{ $projet->nom }}</a></h5>
          <small class="text-dark-gray">Projet #{{ $projet->id }}</small>
        </div>
        <div class="d-flex align-items-center flex-column flex-sm-row stories-card__meta">
          <div class="mr-5 text-dark-gray text-uppercase d-flex align-items-center">
            <i class="material-icons text-muted-light mr-1">receipt</i>
            @php $i = 0; @endphp
            @foreach($factures as $facture)
            @if($facture->projet_id == $projet->id)
            @php $i++ @endphp
            @endif
            @endforeach {{ $i }}
            factures
          </div>
        </div>
        <div class="d-flex align-items-center flex-column flex-sm-row stories-card__meta">
          <div class="text-dark-gray text-uppercase d-flex align-items-center">
            <i class="fas fa-file-invoice-dollar material-icons text-muted-light mr-1"></i>
            Coût total :
            @php $sum = 0; @endphp
            @foreach($factures as $facture)
            @if($facture->projet_id == $projet->id)
            @php $sum+= $facture->montant_taxes; @endphp
            @endif
            @endforeach
            {{ $sum }}
            $
          </div>
        </div>
        @if(Auth::user()->admin == 1)
        <div class="dropdown ml-auto">
          <a href="#" data-toggle="dropdown" data-caret="false" class="text-muted"><i class="material-icons">more_vert</i></a>
          <div class="dropdown-menu dropdown-menu-right">
            <form action="/projets/delete" method="post">
              @csrf
              <input type="hidden" name="id" value="{{ $projet->id }}" />
              <button type="submit" class="dropdown-item" href="#">Supprimer</button>
            </form>
          </div>
        </div>
        @endif
      </div>
    </div>
  </div>
  @include('widgets.editProjet', ['id' => $projet->id])
  @endforeach
</div>

</div>
<!-- // END Header Layout Content -->
</div>
<!-- // END Header Layout -->
@include('widgets.newProjet')
@include('includes.footer')
<script>
  $(document).ready(function(){
   @foreach($projets as $projet)
   $('#board-{{ $projet->id }}').dataTable( {
    "paging": false,
    "searching": false,
    "bInfo" : false
  } );
   @endforeach
   @foreach ($projets as $projet)
   $("#showprojet{{ $projet->id }}").hide();
   $("#show{{ $projet->id }}").click(function(){
    $("#showprojet{{ $projet->id }}").toggle();
  });
   @endforeach
 });
</script>
</body>

</html>