{% extends 'base.html.twig' %}
{% block title %}Utilisateurs — Admin{% endblock %}
{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h1 class="h3 mb-1"><i class="fas fa-users text-primary me-2"></i>Utilisateurs</h1>
        <p class="text-muted small mb-0">{{ users|length }} utilisateur(s)</p>
    </div>
    <a href="{{ path('app_admin_user_new') }}" class="btn btn-primary">
        <i class="fas fa-plus me-2"></i>Nouvel utilisateur
    </a>
</div>

{% for msg in app.flashes('success') %}
    <div class="alert alert-success"><i class="fas fa-check-circle me-2"></i>{{ msg }}</div>
{% endfor %}
{% for msg in app.flashes('error') %}
    <div class="alert alert-danger"><i class="fas fa-exclamation-circle me-2"></i>{{ msg }}</div>
{% endfor %}

<div class="card shadow-sm">
    <div class="table-responsive">
        <table class="table table-hover mb-0">
            <thead class="table-light">
                <tr>
                    <th>Nom</th><th>Email</th><th>Rôle</th><th>Agence</th>
                    <th>Statut</th><th>Dernière connexion</th><th></th>
                </tr>
            </thead>
            <tbody>
                {% for user in users %}
                <tr>
                    <td class="fw-semibold">{{ user.firstName }} {{ user.lastName }}</td>
                    <td class="small text-muted">{{ user.email }}</td>
                    <td>
                        {% set roleColors = {
                            'ROLE_SUPER_ADMIN': 'bg-danger',
                            'ROLE_ADMIN':       'bg-warning text-dark',
                            'ROLE_USER':        'bg-secondary'
                        } %}
                        {% set mainRoles = user.roles|filter(r => r != 'ROLE_USER') %}
                        {% if mainRoles is empty %}
                            <span class="badge bg-secondary">{{ user_role_label('ROLE_USER') }}</span>
                        {% else %}
                            {% for role in mainRoles %}
                                <span class="badge {{ roleColors[role] ?? 'bg-primary' }}">{{ user_role_label(role) }}</span>
                            {% endfor %}
                        {% endif %}
                    </td>
                    <td>
                        {% if user.agency %}
                            <span class="text-muted small">{{ user.agency.name }}</span>
                        {% else %}
                            <span class="text-muted fst-italic small">—</span>
                        {% endif %}
                    </td>
                    <td>
                        {% if user.status == 'active' %}
                            <span class="badge bg-success">Actif</span>
                        {% else %}
                            <span class="badge bg-danger">Inactif</span>
                        {% endif %}
                    </td>
                    <td class="small text-muted">
                        {{ user.lastLoginAt ? user.lastLoginAt|date('d/m/Y H:i') : '—' }}
                    </td>
                    <td class="text-end d-flex gap-1 justify-content-end">
                        <a href="{{ path('app_admin_user_edit', {id: user.id}) }}"
                           class="btn btn-sm btn-outline-primary"><i class="fas fa-edit"></i></a>
                        <form method="POST" action="{{ path('app_admin_user_toggle', {id: user.id}) }}">
                            <input type="hidden" name="_token" value="{{ csrf_token('user_toggle_' ~ user.id) }}">
                            <button type="submit" class="btn btn-sm {{ user.status == 'active' ? 'btn-outline-danger' : 'btn-outline-success' }}"
                                    title="{{ user.status == 'active' ? 'Désactiver' : 'Activer' }}">
                                <i class="fas {{ user.status == 'active' ? 'fa-ban' : 'fa-check' }}"></i>
                            </button>
                        </form>
                    </td>
                </tr>
                {% else %}
                <tr><td colspan="7" class="text-center text-muted py-4">Aucun utilisateur</td></tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}