{% extends "base.html" %}
{% block titre %}Utilisateurs{% endblock %}
{% block contenu %}
<div class="d-flex justify-content-between align-items-center mb-3">
  <h1 class="h3 mb-0">👤 Utilisateurs</h1>
  <a href="/utilisateurs/nouveau" class="btn btn-success">+ Nouveau compte</a>
</div>

{% if request.query_params.get('erreur') %}<div class="alert alert-danger">{{ request.query_params.get('erreur') }}</div>{% endif %}

<div class="table-responsive">
  <table class="table table-hover bg-white align-middle">
    <thead><tr><th>Nom complet</th><th>Identifiant</th><th>Rôle</th><th>Statut</th><th></th></tr></thead>
    <tbody>
      {% for u in utilisateurs %}
      <tr>
        <td>{{ u.nom_complet }}</td>
        <td>{{ u.identifiant }}</td>
        <td>{{ "Administrateur" if u.est_admin else "Utilisateur" }}</td>
        <td>
          {% if u.actif %}<span class="badge bg-success">Actif</span>{% else %}<span class="badge bg-secondary">Désactivé</span>{% endif %}
        </td>
        <td class="text-end">
          {% if u.actif %}
          <form method="post" action="/utilisateurs/{{ u.id }}/desactiver" class="d-inline" onsubmit="return confirm('Désactiver ce compte ?');">
            <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
            <button type="submit" class="btn btn-sm btn-outline-danger">Désactiver</button>
          </form>
          {% else %}
          <form method="post" action="/utilisateurs/{{ u.id }}/reactiver" class="d-inline">
            <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
            <button type="submit" class="btn btn-sm btn-outline-success">Réactiver</button>
          </form>
          {% endif %}
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}