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

{% block title %}Admin Utilisateurs | CARTECADEAU{% endblock %}

{% block body %}
<section class="container admin-shell">
    <div class="catalog-headline">
        <p class="kicker">Back-office Admin</p>
        <h1>Gestion <span class="accent">Utilisateurs</span></h1>
        <p>Recherchez les comptes et attribuez/retires les droits administrateur.</p>
    </div>

    <article class="card">
        <form method="get" class="stack-form" style="max-width:460px; margin-bottom:16px;">
            <label for="q">Recherche email</label>
            <input id="q" name="q" type="text" value="{{ query }}" placeholder="ex: admin@cartecadeau.com">
            <button class="btn" type="submit">Rechercher</button>
        </form>

        <div class="table-wrap">
            <table class="admin-table">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Email</th>
                        <th>Roles</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                {% for user in users %}
                    {% set admin = 'ROLE_ADMIN' in user.roles %}
                    <tr>
                        <td>{{ user.id }}</td>
                        <td>{{ user.email }}</td>
                        <td>{{ user.roles|join(', ') }}</td>
                        <td>
                            <form method="post" action="{{ path('app_admin_users_toggle', {id: user.id}) }}">
                                <input type="hidden" name="_token" value="{{ csrf_token('toggle_admin_' ~ user.id) }}">
                                <button class="btn {{ admin ? 'btn-ghost' : '' }}" type="submit">{{ admin ? 'Retirer admin' : 'Promouvoir admin' }}</button>
                            </form>
                        </td>
                    </tr>
                {% else %}
                    <tr>
                        <td colspan="4">Aucun utilisateur trouve.</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </article>
</section>
{% endblock %}