@if(Auth::user()->super_admin !== 1)
{{ Auth::logout() }}
@endif
@include('includes.header', ['gestion' => DB::table('users') ->join('copropriete', 'users.copropriete_active', '=', 'copropriete.id') ->where('copropriete_active', Auth::user()->copropriete_active) ->first()])
<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">Utilisateurs</li>
        </ol>
    </nav>
    <h1 class="m-0">Liste des utilisateurs</h1>
</div>
<div class="flatpickr-wrapper ml-3">
  <button type="button"
  class="btn btn-primary"
  data-toggle="modal"
  data-target="#newUtilisateur"><i class="fas fa-plus"></i>&nbsp;&nbsp;Ajouter un utilisateur
</div>
@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: 18px;">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox"
                                class="custom-control-input js-toggle-check-all"
                                data-target="#products"
                                id="customCheckAll">
                                <label class="custom-control-label"
                                for="customCheckAll"><span class="text-hide">Toggle all</span></label>
                            </div>
                        </th>
                        <th style="width: 30px;"
                        class="text-center">ID</th>
                        <th>Nom d'utilisateur</th>
                        <th>Mot de passe</th>
                        <th class="">Courriel</th>
                        <th style="width: 100px; text-align: right;">
                            <div class="dropdown pull-right">
                                <a href="#"
                                data-toggle="dropdown"
                                class="dropdown-toggle">Options</a>
                                <div class="dropdown-menu dropdown-menu-right">
                                    <a href="javascript:void(0)"
                                    class="dropdown-item"><i class="material-icons icon-18pt mr-1">work</i> Set Price</a>
                                    <a href="javascript:void(0)"
                                    class="dropdown-item"><i class="material-icons icon-18pt mr-1">archive</i> Archive</a>
                                </div>
                            </div>
                        </th>
                    </tr>
                </thead>
                <tbody class="list"
                id="products">
                @foreach ($admutilisateurs as $admutilisateur)
                <tr>
                    <td class="text-center">
                        <div class="custom-control custom-checkbox">
                            <input type="checkbox"
                            class="custom-control-input js-check-selected-row"
                            id="customCheck1_1">
                            <label class="custom-control-label"
                            for="customCheck1_1"><span class="text-hide">Check</span></label>
                        </div>
                    </td>
                    <td>
                        <div class="badge badge-soft-dark">#{{ $admutilisateur->id }}</div>
                    </td>
                    <td>
                        {{ $admutilisateur->name }}
                    </td>
                    <td>
                        {{ $admutilisateur->password }}</td>
                        <td>
                            {{ $admutilisateur->email }}
                        </td>
                        <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="#editUtilisateur{{ $admutilisateur->id }}" class="dropdown-item">Modifier</a>
                                    <form action="/utilisateurs/delete" method="post">
                                        @csrf
                                        <input type="hidden" name="id" value="{{ $admutilisateur->id }}" />
                                        <button type="submit" class="dropdown-item" href="#">Supprimer</button>
                                    </form>
                                </div>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                @if($admutilisateurs->isEmpty())
                <center style="margin:15px">Aucun fournisseur à afficher</center>
                @endif

            </div>
        </div>

    </div>
    <!-- // END Header Layout Content -->
</div>
<!-- // END Header Layout -->
@include('includes.footer')
@include('widgets.newUtilisateur')
@foreach ($admutilisateurs as $admutilisateur)
@include('widgets.editUtilisateur', ['id' => $admutilisateur->id])
@endforeach
<script type="text/javascript">
    $(document).ready(function(){
        $('.selectcop').select2();
        $("#search").on("keyup", function() {
            var value = $(this).val().toLowerCase();
            $("#products tr").filter(function() {
              $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
          });
        });
    });
</script>
</body>

</html>