@extends("layouts.layout_admin")
@section("contenu")
    <div class="row col-12 col-md-10 mx-auto">
        <div class="col-12 mt-3"><h1>Gestion des utilisateurs</h1></div>
        @if(session('success'))
            <div class="alert alert-success">{{session('success')}}</div>
        @endif
        <div class="col-12 mt-3 mb-3 p-0 m-0">
          <div class="row col-12 p-0 m-0">
            <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 mt-3"><a href="{{ url('/') }}/Admin525SWD/utilisateurs"><div class="btn btn-success btn-block">Gestion des utilisateurs</div></a></div>
            <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 mt-3"><a href="{{ url('/') }}/Admin525SWD/societes" style="color:#333 !important"><div class="btn btn-light btn-block">Gestion des sociétés</div></a></div>
          </div>
          <form class="col-12 mt-1 p-0 m-0" method="POST" action="{{ url('/') }}/Admin525SWD/utilisateurs/search">
            @csrf
            <div class="row col-12 p-0 m-0">
              <div class="mt-3 col-12 col-sm-12 col-md-12 col-lg-3 col-xl-3 m-0 p-0"><label for="NomSociete">Filtre par email</label></div>
              <div class="mt-3 col-12 col-sm-12 col-md-12 col-lg-3 col-xl-3 m-0 p-0"><input type="text" class="form-control h-100 w-100" id="email" name="email" placeholder="Email" value="{{ $email }}"></div>

              @if($email!="")
                <div class="col-12 col-sm-12 col-md-12 col-lg-2 col-xl-2 mt-3 p-0 m-0 p-lg-1 m-lg-1"><button type="submit" class="col-12 w-100 h-100 mt-lg-2 btn btn-warning btn-block">Rechercher</button></div>
                <div class="col-12 col-sm-12 col-md-12 col-lg-2 col-xl-2 mt-3 p-0 m-0 p-lg-1 m-lg-1"><a href="{{ url('/') }}/Admin525SWD/utilisateurs"><div class="col-12 w-100 h-100 mt-lg-2 btn btn-danger btn-block">Annuler la recherche</div></a></div>
              @else
                <div class="col-12 col-sm-12 col-md-12 col-lg-2 col-xl-2 mt-3 p-0 m-0 p-lg-1 m-lg-1"><button type="submit" class="col-12 mt-lg-2 btn btn-warning btn-block w-100 h-100">Rechercher</button></div>
              @endif
            </div>
          </form>
          <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 p-0 m-0">
            <a href="{{ url('/') }}/Admin525SWD/utilisateur/add"><div class="col-12 mt-3 w-100 btn btn-success">Ajouter un utilisateur</div></a>
          </div>
        </div>
        <div class="table-responsive mt-3">
          <table class="table">
              <caption>Gestion des clients</caption>
              <thead>
                <tr>
                  <th scope="col">Login / Email</th>
                  <th scope="col">Actif</th>
                  <th scope="col">Modifier</th>
                  <th scope="col">Supprimer</th>
                  <th scope="col">Gestion des sociétés</th>
                </tr>
              </thead>
              <tbody>
                @foreach($utilisateurs as $utilisateur)
                  <tr class="ligne" id="ligne_{{ $utilisateur->id }}">
                    <td>{{ $utilisateur->email }}</td>
                    <td><input type="checkbox" name="actif" @if($utilisateur->CompteActif==1) checked @endif /></td>
                    <td><a href="{{ url('/') }}/Admin525SWD/utilisateur/add/{{ $utilisateur->id }}"><div class="btn btn-warning btn-block">Modifier</div></a></td>
                    <!-- <td><div class="btn btn-danger"><a href="{{ url('/') }}/Admin525SWD/utilisateur/delete/{{ $utilisateur->id }}">Supprimer</a></div></td> -->
                    <td><div class="btn btn-danger btn-supprimer-utilisateur btn-block" id="{{ $utilisateur->id }}" data-bs-toggle="modal" data-bs-target="#suppressionModal"><i class="fa-solid fa-trash mr-3"></i> Supprimer</div></td>
                    <td><a href="{{ url('/') }}/Admin525SWD/utilisateur/gestion/societes/{{ $utilisateur->id }}"><div class="btn btn-info btn-block">Gérer les sociétés de l'utilisateur</div></a></td>
                  </tr>
                @endforeach
              </tbody>
          </table>
        </div>
        {{ $utilisateurs->links("admin.pagination") }}    
    </div>
    <!-- Modal -->
    <div class="modal fade" id="suppressionModal" tabindex="-1" role="dialog" aria-labelledby="suppressionModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">Suppression d'utilisateur</h5>
            <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            Etes-vous sûr de vouloir supprimer l'utilisateur sélectionné ?
          </div>
          <div class="modal-footer">
            <button id="btn_annuler" type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
            <button type="button" class="btn btn-danger"><a href="#">Oui, supprimer l'utilisateur</a></button>
          </div>
        </div>
      </div>
    </div>
    <script>
      $(document).ready(function() {
        $(".btn-supprimer-utilisateur").click(function() {
          var id = $(this).attr("id");
          var url = "