{% extends 'base.html' %}

{% block title %}Utilisateurs · Back-office{% endblock %}

{% block content %}
<section class="section">
  <div class="container">
    <div class="panel">
      <div style="display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap">
        <h2 style="margin:0">{{ t('Utilisateurs', 'Users') }}</h2>
        <div style="display:flex;gap:10px;flex-wrap:wrap">
          <a class="btn" href="{{ url_for('web.backoffice_home') }}">{{ t('Tableau de bord', 'Dashboard') }}</a>
          <a class="btn btn-primary" href="{{ url_for('web.bo_users_create') }}">{{ t('Créer un utilisateur', 'Create user') }}</a>
        </div>
      </div>

      <div class="grid" style="margin-top:14px">
        {% for u in items %}
          <div class="card">
            <h3>{{ u.fullname }}</h3>
            <div class="meta">
              <span>{{ u.email }}</span>
              <span>·</span>
              <span>{{ role_label(u.role) }}</span>
              <span>·</span>
              <span>{% if u.is_active %}{{ t('Actif', 'Active') }}{% else %}{{ t('Désactivé', 'Disabled') }}{% endif %}</span>
            </div>
            <div style="margin-top:12px">
              <form method="post" action="{{ url_for('web.bo_users_toggle', user_id=u.id) }}">
                <button class="btn" type="submit">{% if u.is_active %}{{ t('Désactiver', 'Disable') }}{% else %}{{ t('Activer', 'Enable') }}{% endif %}</button>
              </form>
              <div style="margin-top:10px">
                <a class="btn" href="{{ url_for('web.bo_user_reset_password', user_id=u.id) }}">{{ t('Réinitialiser le mot de passe', 'Reset password') }}</a>
              </div>
            </div>
          </div>
        {% else %}
          <div class="alert">{{ t('Aucun utilisateur.', 'No users.') }}</div>
        {% endfor %}
      </div>
    </div>
  </div>
</section>
{% endblock %}