@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">Factures</li>
        </ol>
    </nav>
    <h1 class="m-0">Liste des factures</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="#newFacture"><i class="fas fa-plus"></i>&nbsp;&nbsp;Nouvelle facture
</div>
@endif
@include('includes.toast', ['msg' => $msg])
</div>
</div>
<div class="container page__container">
    <div class="card">
        <div class="table-responsive">
            <br>
            <table class="table mb-0 thead-border-top-0 table-striped">
                <thead>
                    <tr>
                        <th
                        class="text-center">#</th>
                        <th>Date</th>
                        <th>Fournisseur</th>
                        <th>Statut</th>
                        <th>Projet</th>
                        <th>Montants totaux</th>
                        <th>Pièce jointe</th>
                        @if(Auth::user()->admin == 1)
                        <th style="width: 100px; text-align: right;">
                            <div class="dropdown pull-right">
                                <a href="#"
                                data-toggle="dropdown"
                                class="dropdown-toggle">Export</a>
                                <div class="dropdown-menu dropdown-menu-right">
                                    <style>
                                        .printbutton {
                                            display: table-caption; !important;
                                        }
                                        button.dt-button {
                                            margin: 0px !important;
                                            padding: 0px !important;
                                            border: 0px !important;
                                        }
                                    </style>
                                    <div class="printButton"></div>
                                </div>
                            </div>
                        </th>
                        @endif
                    </tr>
                </thead>
                <tbody class="list"
                id="products">
                @foreach ($factures as $facture)
                <tr>
                    <td>
                        <div class="badge badge-soft-dark">#{{ $facture->id }}</div>
                    </td>
                    <td>
                        {{ $facture->date }}
                    </td>
                    <td>
                        @if(!empty($facture->fournisseur_nom))
                        {{ $facture->fournisseur_nom }}
                        @else
                        <i>N/A</i>
                        @endif
                    </td>
                    <td>
                        @if($facture->status == 1)
                        En traitement
                        @elseif($facture->status == 2)
                        En circulation
                        @elseif($facture->status == 3)
                        Payée
                        @else
                        <i>N/A</i>
                        @endif
                    </td>
                    <td>
                        @php 
                        $projet_id = (array) json_decode(json_encode(DB::table('projets')->where('id', '=', $facture->projet_id)->get(), JSON_FORCE_OBJECT));
                        @endphp
                        @if(!empty($projet_id[0]->nom))
                        {{ $projet_id[0]->nom }}
                        @else
                        <i>N/A</i>
                        @endif
                    </td>
                    <td>
                        {{ $facture->montant_taxes }} $
                    </td>
                    <td>
                        @if(!empty($facture->file))
                        <a href="{{ $facture->file }}" target="_blank"><i class="fas fa-solid fa-download"></i></a>
                        @else
                        <i>N/A</i>
                        @endif
                    </td>
                    @if(Auth::user()->admin == 1)
                    <td class="text-right">
                        <div class="btn-group dropdown">
                            <button type="button" class="btn btn-sm btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="fas fa-cog"></i><span class="caret"></span> </button>
                            <div class="dropdown-menu" style="">
                                <form action="/factures/delete" method="post">
                                    @csrf
                                    <input type="hidden" name="id" value="{{ $facture->id }}" />
                                    <button type="submit" class="dropdown-item" href="#">Supprimer</button>
                                </form>
                            </div>
                        </td>
                        @endif
                    </tr>
                    @endforeach
                </tbody>
            </table>
            @if(Auth::user()->admin == 1)
            <tfooter>
                <tr>
                    <th style="width:100%;"><button type="button" style="margin-left: 15px;margin-bottom: 15px;"
                      class="btn btn-danger massdelete btn-sm"><i class="fas fa-trash"></i>&nbsp;&nbsp;Supprimer sélections</button></th>
                      <th></th>
                      <th></th>
                  </tr>
              </tfooter>
              @endif
          </div>
      </div>
  </div>
</div>
<!-- // END Header Layout Content -->
</div>
@include('widgets.newFacture')

<!-- // END Header Layout -->
@include('includes.footer')
<script type="text/javascript">
    $("#search").on("keyup", function() {
        console.log('test');
        var value = $(this).val().toLowerCase();
        $("#products tr").filter(function() {
          $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
      });
    });
    $('.fournisseur_id').select2();
    $('.projet_id').select2();
</script>
</body>

</html>