{% extends 'base.html.twig' %}

{% block title %}Gestion des utilisateurs{% endblock %}
{% block page_title %}Gestion des utilisateurs{% endblock %}

{% block body %}
<div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mb-3">
    <h5 class="mb-0 fw-bold"><i class="bi bi-people me-2 text-primary"></i>Utilisateurs</h5>
    <a href="{{ path('app_admin_users_new') }}" class="btn btn-primary btn-sm">
        <i class="bi bi-person-plus me-1"></i><span class="d-none d-sm-inline">Nouvel utilisateur</span><span class="d-sm-none">Nouveau</span>
    </a>
</div>

<div class="card">
    <div class="card-body p-0">
        <div class="table-responsive">
        <table class="table table-hover mb-0">
            <thead class="table-dark">
                <tr>
                    <th>Nom complet</th>
                    <th class="d-none d-md-table-cell">Email</th>
                    <th class="d-none d-sm-table-cell">Matricule</th>
                    <th class="d-none d-lg-table-cell">Poste</th>
                    <th>Rôle</th>
                    <th class="text-center">Actif</th>
                    <th class="text-center">Actions</th>
                </tr>
            </thead>
            <tbody>
            {% for user in users %}
            <tr class="{{ user.actif ? '' : 'text-muted' }}">
                <td>
                    <i class="bi bi-person-circle me-1 text-secondary"></i>
                    {{ user.nomComplet }}
                </td>
                <td class="d-none d-md-table-cell"><a href="mailto:{{ user.email }}" class="text-decoration-none">{{ user.email }}</a></td>
                <td class="d-none d-sm-table-cell">{{ user.matricule ?? '—' }}</td>
                <td class="d-none d-lg-table-cell">{{ user.poste ?? '—' }}</td>
                <td>
                    {% if user.admin %}
                    <span class="badge bg-danger">Admin</span>
                    {% else %}
                    <span class="badge bg-secondary">Utilisateur</span>
                    {% endif %}
                </td>
                <td class="text-center">
                    {% if user.actif %}
                    <i class="bi bi-check-circle-fill text-success"></i>
                    {% else %}
                    <i class="bi bi-x-circle-fill text-danger"></i>
                    {% endif %}
                </td>
                <td class="text-center">
                    <div class="btn-group btn-group-sm">
                        <a href="{{ path('app_admin_users_edit', {id: user.id}) }}"
                           class="btn btn-outline-primary" title="Modifier">
                            <i class="bi bi-pencil"></i>
                        </a>

                        <form method="post" action="{{ path('app_admin_users_toggle', {id: user.id}) }}" class="d-inline">
                            <input type="hidden" name="_token" value="{{ csrf_token('toggle_user_' ~ user.id) }}">
                            <button type="submit" class="btn btn-outline-{{ user.actif ? 'warning' : 'success' }}"
                                    title="{{ user.actif ? 'Désactiver' : 'Activer' }}">
                                <i class="bi bi-{{ user.actif ? 'pause-circle' : 'play-circle' }}"></i>
                            </button>
                        </form>

                        {% if not user.admin %}
                        <form method="post" action="{{ path('app_admin_users_delete', {id: user.id}) }}" class="d-inline"
                              onsubmit="return confirm('Supprimer {{ user.nomComplet }} ? Cette action est irréversible.')">
                            <input type="hidden" name="_token" value="{{ csrf_token('delete_user_' ~ user.id) }}">
                            <button type="submit" class="btn btn-outline-danger" title="Supprimer">
                                <i class="bi bi-trash"></i>
                            </button>
                        </form>
                        {% endif %}
                    </div>
                </td>
            </tr>
            {% else %}
            <tr>
                <td colspan="7" class="text-center text-muted py-4">Aucun utilisateur enregistré.</td>
            </tr>
            {% endfor %}
            </tbody>
        </table>
        </div>
    </div>
</div>
{% endblock %}