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

{% block title %}Administration - Utilisateurs{% endblock %}

{% block body %}
<div class="container mt-5 pt-5">
    <h1 class="mb-4">Gestion des utilisateurs</h1>

    {% for message in app.flashes('success') %}
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            {{ message }}
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    {% endfor %}

    {% for message in app.flashes('error') %}
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            {{ message }}
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    {% endfor %}

    <div class="table-responsive">
        <table class="table table-striped table-hover">
            <thead class="table-dark">
                <tr>
                    <th>ID</th>
                    <th>Email</th>
                    <th>Rôle actuel</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                {% for user in users %}
                    <tr>
                        <td>{{ user.id }}</td>
                        <td>{{ user.email }}</td>
                        <td>
                            <span class="badge bg-{{ 'ROLE_ADMIN' in user.roles ? 'danger' : 'primary' }}">
                                {{ 'ROLE_ADMIN' in user.roles ? 'Administrateur' : 'Utilisateur' }}
                            </span>
                        </td>
                        <td>
                            <div class="d-flex gap-2">
                                <form method="post" action="{{ path('admin_edit_role', {id: user.id}) }}" class="d-inline">
                                    <select name="role" class="form-select form-select-sm d-inline-block w-auto">
                                        <option value="ROLE_USER" {{ 'ROLE_ADMIN' not in user.roles ? 'selected' : '' }}>
                                        Utilisateur
                                        </option>
                                        <option value="ROLE_ADMIN" {{ 'ROLE_ADMIN' in user.roles ? 'selected' : '' }}>
                                        Administrateur
                                        </option>
                                    </select>
                                    <button type="submit" class="btn btn-sm btn-warning" 
                                            onclick="return confirm('Êtes-vous sûr de vouloir modifier ce rôle ?')">
                                        Modifier
                                    </button>
                                </form>
                            
                                <form method="post" action="{{ path('admin_delete_user', {id: user.id}) }}" class="d-inline">
                                    <button type="submit" class="btn btn-sm btn-danger" 
                                            onclick="return confirm('Êtes-vous sûr de vouloir supprimer cet utilisateur ? Cette action est irréversible !')">
                                        <i class="bi bi-trash"></i> Supprimer
                                    </button>
                                </form>
                            </div>
                        </td>
                    </tr>
                {% else %}
                    <tr>
                        <td colspan="4" class="text-center">Aucun utilisateur trouvé</td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}