@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">Fournisseurs</li>
        </ol>
    </nav>
    <h1 class="m-0">Liste des fournisseurs</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="#newFournisseur"><i class="fas fa-plus"></i>&nbsp;&nbsp;Nouveau fournisseur
</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 style="width: 30px;"
                        class="text-center">Compte</th>
                        <th>Nom du fournisseur</th>
                        <th>Adresse</th>
                        {{--
                        <th class="">Projets associés</th>
                        <th class="text-right">Solde</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 ($fournisseurs as $fournisseur)
                <tr>
                    <td>
                        <div class="badge badge-soft-dark">#{{ $fournisseur->id }}</div>
                    </td>
                    <td>
                        {{ $fournisseur->nom }}
                    </td>
                    <td>
                        {{ $fournisseur->adresse_civique }} {{ $fournisseur->adresse_rue }} {{ $fournisseur->adresse_app }}<br>{{ $fournisseur->adresse_ville }} {{ $fournisseur->adresse_cp }}</td>
                        {{--
                        <td>
                            ...
                        </td>
                        <td class="text-right">...</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="">
                                    @csrf
                                    <a data-toggle="modal" data-target="#editFournisseur{{ $fournisseur->id }}" class="dropdown-item">Modifier</a>
                                    <form action="/fournisseurs/delete" method="post">
                                        @csrf
                                        <input type="hidden" name="id" value="{{ $fournisseur->id }}" />
                                        <button type="submit" class="dropdown-item" href="#">Supprimer</button>
                                    </form>
                                </div>
                            </td>
                        @endif
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>

</div>
<!-- // END Header Layout Content -->
</div>
@include('widgets.newFournisseur')
@foreach ($fournisseurs as $fournisseur)
@include('widgets.editFournisseur', ['id' => $fournisseur->id, 'nom' => $fournisseur->nom, 'adresse_civique' => $fournisseur->adresse_civique, 'adresse_rue' => $fournisseur->adresse_rue, 'adresse_app' => $fournisseur->adresse_app, 'adresse_cp' => $fournisseur->adresse_cp, 'adresse_ville' => $fournisseur->adresse_ville])
@endforeach
<!-- // END Header Layout -->
@include('includes.footer')
<script type="text/javascript">
    $(document).ready(function(){
      $("#search").on("keyup", function() {
        console.log('test');
        var value = $(this).val().toLowerCase();
        $("#products tr").filter(function() {
          $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
      });
    });
  });
</script>
</body>

</html>