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

{% block title %}{{ page_title }}{% endblock %}

{% block nav %}
    {% embed 'nav.html.twig' %}{% endembed %}
{% endblock %}

{% block body %}
    <div class="container mt-4">
        <!-- Section Utilisateurs -->
        <div class="row mb-4">
            <div class="col-12 text-center">
                <h1 class="mb-4 title-custom">Liste des Utilisateurs</h1>
            </div>
        </div>
        <div class="table-responsive table-wrapper mb-5">
            <table class="table table-bordered table-striped">
                <thead class="thead-dark">
                <tr>
                    <th>Prénom</th>
                    <th>Nom</th>
                    <th>Email</th>
                    <th>Roles</th>
                    <th>Tel</th>
                    <th>Banque</th>
                    <th>Action</th>
                </tr>
                </thead>
                <tbody>
                {% for usr in users %}
                    <tr>
                        <td>{{ usr.fname }}</td>
                        <td>{{ usr.lname }}</td>
                        <td>{{ usr.email }}</td>
                        <td>
                            {% for role in usr.roles %}
                                {{ role }}{% if not loop.last %}, {% endif %}
                            {% endfor %}
                        </td>
                        <td>{{ usr.phone }}</td>
                        <td>{{ usr.bank }}</td>
                        <td>
                            {% if not usr.getGaf %}
                                <button class="btn btn-success activate-user-btn" data-user-id="{{ usr.id }}" data-csrf-token="{{ csrf_token('activate_user') }}">
                                    Activer GAF
                                </button>
                            {% else %}
                                Activé
                            {% endif %}
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
{% endblock %}

{% block bodyScript %}
    {{ encore_entry_script_tags('admin') }} {# Insertion du fichier JS compilé par Webpack #}
{% endblock %}