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

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

{% block content %}

    <nav class="breadcrumb has-arrow-separator" aria-label="breadcrumbs">
      <ul>
        <li><a href="{{ path('app_main') }}">Accueil</a></li>
        <li><a href="{{ path('app_admin') }}">Administration</a></li>
        <li class="is-active"><a href="{{ path('app_admin_user') }}">Gestion des utilisateurs</a></li>
      </ul>
    </nav>

    <div class="block">
        <h1 class="title">Gestion des utilisateurs</h1>
        <p class="subtitle">Liste des utilisateurs enregistrés dans l'application.</p>
    </div>

    <div class="block">
        <div class="is-grouped">
            <a class="button is-primary" href="{{ path('app_admin_user_add') }}">Ajouter un utilisateur</a>
        </div>
    </div>

    <div class="block">
        <table id="datatable" {{ stimulus_controller('datatables') }} class="table is-striped is-hoverable is-fullwidth">
            <thead>
            <tr>
                <th>Identité</th>
                <th>Email</th>
                <th>Rôles</th>
                <th>Dernière connexion</th>
                <th>Dernière mise à jour</th>
                <th>Actions</th>
            </tr>
            </thead>
            <tbody>
            {% for user in users %}
                <tr>
                    <td><a href="{{ path('app_admin_user_edit', {id: user.id}) }}">{{ user.firstname }} {{ user.lastname }}</a></td>
                    <td><span class="icon-text">{{ user.email }}{% if user.isVerified %}<span class="icon"><twig:ux:icon name="bi:check2-circle" /></span>{% else %}<a href="{{ path('app_admin_user_resend_verification_email', {id: user.id}) }}" title="Renvoyer l'email de confirmation"><span class="icon"><twig:ux:icon name="bi:arrow-clockwise" /></span></a>{% endif %}</span></td>
                    <td>{{ component('Role', {roles: user.roles}) }}</td>
                    <td>{{ user.lastLogin ? user.lastLogin|date('d/m/Y H:i:s', app_timezone) : 'Jamais' }}</td>
                    <td>{{ user.lastUpdate ? user.lastUpdate|date('d/m/Y H:i:s', app_timezone) : 'Jamais' }}</td>
                    <td>
                        <a class="button" href="{{ path('app_admin_user_edit', {id: user.id}) }}">Éditer</a>
                        <a class="button is-danger" data-id="{{ path('app_admin_user_delete', {'id': user.id})}}" href="#" {{ stimulus_controller('admin_confirm') }}>Supprimer</a>
                    </td>
                </tr>
            {% endfor %}
            </tbody>

        </table>
    </div>


{% endblock %}