@extends('layouts.master')
@section('content')

<link class="js-stylesheet" href="{{ asset('css/light.css') }}" rel="stylesheet">



  <!-- Modal -->
  {{-- <div class="modal fade" id="blogModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm">
      <div class="modal-content">
        <div class="modal-header">
          <h1 class="modal-title fs-5" id="exampleModalLabel">Désactiver ce témoignage</h1>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
            <form action="{{ route('admin.desactivateTemoignage') }}" id="desactivateBlog" method="POST">
                @csrf
                <input type="hidden" name="temoignage_id" id="temoignage_id">
                <p>Vous etes sur le point de désactiver ce témoignage. Si oui veuillez confirmer</p>

        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
          <button type="submit" class="btn btn-warning">Oui, désactiver</button>
        </div>
      </div>
    </div>
</form>
  </div> --}}


  <div class="modal fade" id="activateModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <h1 class="modal-title fs-5" id="exampleModalLabel">Activer cet admin </h1>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form method="post" action="{{ route('admin.activateAdmin') }}" id="activateUserForm">
                    @csrf
                    <input type="hidden" name="admin_activate_id" id="admin_activate_id">
                    <p> Vous êtes sur le point d'activer cet utilisateur. Veuillez cliquer sur <b>"Annuler"</b>
                        pour
                        annuler ou sur <b>"Oui"</b> pour continuer.</p>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
                <button type="submit" class="btn btn-danger ">Oui, activer!</button>
            </div>
        </div>
    </div>
    </form>
</div>


  <div class="modal fade" id="deleteModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm">
      <div class="modal-content">
        <div class="modal-header">
          <h1 class="modal-title fs-5" id="exampleModalLabel">Supprimer cet admin </h1>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
          <div class="modal-body">
                      <form method="post" action="{{ route('admin.deleteAdmin') }}" id="deleteUserForm">
                          @csrf
                          <input type="hidden" name="admin_delete_id" id="admin_delete_id">
                          <p> Vous êtes sur le point de supprimer cet admin. Veuillez cliquer sur <b>"Annuler"</b> pour
                              annuler ou sur <b>"Oui"</b> pour continuer.</p>

                  </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
          <button type="submit" class="btn btn-danger">Oui, supprimer !</button>
        </div>
      </div>
    </div>
</form>
  </div>


  <div class="modal fade" id="desactivateModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <h1 class="modal-title fs-5" id="exampleModalLabel">Désactiver cet admin</h1>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form method="post" action="{{ route('admin.desactivateAdmin') }}" id="desactivateUserForm">
                    @csrf
                    <input type="hidden" name="admin_id" id="admin_id">
                    <p> Vous êtes sur le point de désactiver cet utilisateur. Veuillez cliquer sur <b>"Annuler"</b>
                        pour
                        annuler ou sur <b>"Oui"</b> pour continuer.</p>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
                <button type="submit" class="btn btn-danger ">Oui, désactiver!</button>
            </div>
        </div>
    </div>
    </form>
</div>


<div class="container">
    <div class="card mt-5">
        <div class="card-header">
            <div class="row mb-2 mb-xl-3">


                <div class="col-auto ms-auto text-end mt-n1">
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Tableau de bord</a></li>
                            <li class="breadcrumb-item active">Liste des administrateurs</li>
                        </ol>
                    </nav>
                </div>
            </div>

            <button class="btn btn-primary" onclick="window.location.href='{{ route('admin.adminCreate') }}'">Ajouter un admin</button>
        </div>
        <div class="card-body">

            @if (Session::get('success'))
            <div class="alert alert-success">{{ Session::get('success') }}
            </div>
        @endif
        @if (Session::get('error'))
            <div class="alert alert-danger">{{ Session::get('error') }}
            </div>
        @endif
            <table id="datatables-ajax" class="table" style="width:100%; border-collapse: collapse;">
                <thead>
                    <tr>

                        <th style="text-align: left; padding: 15px;">Noms et prenoms</th>
                        <th style="text-align: left; padding: 15px;">Email</th>
                        <th style="text-align: left; padding: 15px;">Status</th>
                        <th style="text-align: left; padding: 15px;">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($admins as $temoignage)
                    <tr>
                        <td style="padding: 15px;">
                         {{ $temoignage->lastname }} {{ $temoignage->firstname }}
                        </td>

                        <td style="text-align: left; padding: 15px;">
                            {{ $temoignage->email }}
                        </td>
                        <td>
                            @if ($temoignage->status == 1)
                            <div class="badge bg-danger">Inactif</div>
                            @elseif ($temoignage->status == 0)
                            <div class="badge bg-success">Actif</div>

                            @endif
                        </td>
                        <td style="text-align: center; padding: 15px;">
                            <div class="d-flex justify-content-start">
                                @if ($temoignage->status == 0)
                                <a href="#" data-bs-toggle="modal" data-bs-target="#desactivateModal" class="desactivate_admin" data-id="{{ $temoignage->id }}" title="Désactiver">
                                    <i class="fa-solid fa-x me-2"></i>
                                </a>
                                @endif
                                <a href="#" data-bs-toggle="modal" data-bs-target="#deleteModal" class="delete_admin" data-id="{{ $temoignage->id }}" title="Supprimer">
                                    <i class="fas fa-trash me-2"></i>
                                </a>
                                <a href="{{ route('admin.adminEdit', $temoignage->key_value) }}" class="edit_produit" title="Modifier">
                                    <i class="fas fa-edit me-2"></i>
                                </a>
                                @if ($temoignage->status == 1)
                                <a href="#" data-bs-toggle="modal" data-bs-target="#activateModal" class="activate_admin" data-id="{{ $temoignage->id }}" title="Activer">
                                    <i class="fa-solid fa-check me-2"></i>
                                </a>

                                @endif

                                {{-- <a href="#" data-bs-toggle="modal" data-bs-target="#blogModal" onclick="desactivateBlog()"  class="desactivate_produit" data-id="{{ $temoignage->id }}" title="Désactiver">
                                    <i class="fa-solid fa-x me-2"></i>
                                </a> --}}






                            </div>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>

<script>
    $(document).on('click', '.delete_admin', function(e) {
        e.preventDefault();
        var admin_delete_id = $(this).data('id');
        $('#admin_delete_id').val(admin_delete_id);
    });

    $(document).on('click', '.desactivate_admin', function(e) {
        e.preventDefault();
        var admin_id = $(this).data('id');
        $('#admin_id').val(admin_id);
    });
    $(document).on('click', '.activate_admin', function(e) {
        e.preventDefault();
        var admin_activate_id = $(this).data('id');
        $('#admin_activate_id').val(admin_activate_id);
    });


    $('#deleteUserForm').on('submit', function(e) {
    console.log("📤 Formulaire soumis !");
});


</script>

@endsection