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

{% block title %}{{ "Utilisateurs"|trans }}{% endblock %}
{% block container %}container-fluid {% endblock %}

{% block body %}

        <div class="row justify-content-center mt-5">
            <div class="col-md-10">
                <h2 class="card-title d-flex justify-content-between">
                    {{ "Utilisateurs"|trans }}
                    <div>
                        <a href="#" data-url="{{ path('app_user_new') }}" class="btn btn-dark bg-evalulu modal-form">{{ ux_icon('plus-circle')}} Ajouter</a>
                        <a href="#" data-url="{{ path('app_user_batch_create_researchers') }}" class="btn btn-dark bg-evalulu modal-form">{{ ux_icon('plus-circle')}} Créer plusieurs comptes chercheurs</a>
                        <a href="#" data-url="{{ path('app_user_batch_upload_experimenters') }}" class="btn btn-dark bg-evalulu modal-form">{{ ux_icon('bi:filetype-json')}} Charger un fichier de comptes expérimentateurs</a>
                    </div>
                </h2>
                <div class="card mt-3">
                    <div class="card-body table-responsive">

                        <div class="mt-2 mb-5">
                            <h4>{{ "Filtrer"|trans }}</h4>
                            {{ form_start(searchForm) }}
                            <div class="row">
                                <div class="col">
                                    {{ form_row(searchForm.text) }}
                                </div>
                                <div class="col">
                                    {{ form_row(searchForm.role) }}
                                </div>
                                <div class="col">
                                    {{ form_row(searchForm.enabled) }}
                                </div>
                                <div class="col">
                                    {{ form_row(searchForm.createdBy) }}
                                </div>
                                <div class="col-auto text-end">
                                    <button type="submit" class="btn btn-dark bg-evalulu">{{ "Rechercher"|trans }}</button>
                                </div>
                                {{ form_end(searchForm) }}
                            </div>
                        </div>

                        <table class="table">
                            <thead>
                            <tr>
                                <th>Pseudo</th>
                                <th>Email</th>
                                <th>Rôle</th>
                                <th></th>
                                <th>Créé le</th>
                                <th>Créé par</th>
                                <th></th>
                                <th></th>
                            </tr>
                            </thead>
                            <tbody>
                            {% for user in users %}
                                <tr class="{{ not user.enabled ? 'faded fst-italic' }}">
                                    <td>{{ user.pseudo }}</td>
                                    <td>{{ user.email }}</td>
                                    <td>
                                        <span class="me-2">
                                            {{ user.admin ? ux_icon('admin') }}
                                            {{ user.researcher ? ux_icon('scientist') }}
                                            {{ user.experimenter ? ux_icon('teacher') }}
                                        </span>
                                        {{ user.formattedRoles|join(', ') }}
                                    </td>
                                    <td>
                                        {% if user.accounts %}
                                            <a href="{{ path('app_user_download_json_accounts', {id: user.id}) }}">{{ ux_icon('bi:filetype-json')}}</a>
                                        {% endif %}
                                    </td>
                                    <td>{{ user.createdAt|date('d/m/Y') }}</td>
                                    <td>{{ user.experimenter ? user.createdBy }}</td>
                                    {# ATTENTION, le champ enabled est utilisé pour le processus de création de compte en deux temps, il passe à true lorsque l'user saisit son mot de passe après avoir reçu un email #}
                                    <td>{% if not user.enabled %}<span class="badge bg-secondary" title="Le compte n'a pas encore été finalisé par l'utilisateur">Non finalisé</span>{% endif %}</td>
                                    {#                                    <td>#}
{#                                        {% if user != app.user %}#}
{#                                            {% if user.enabled %}#}
{#                                                <a href="{{ path('app_user_toggle_activation', {'id': user.id}) }}" class="btn btn-dark bg-evalulu btn-xs">{{"Désactiver"|trans}}</a>#}
{#                                            {% else %}#}
{#                                                <a href="{{ path('app_user_toggle_activation', {'id': user.id}) }}" class="btn btn-secondary btn-xs">{{ "Activer"|trans }}</a>#}
{#                                            {% endif %}#}
{#                                        {% endif %}#}
{#                                    </td>#}
                                    <td class="text-nowrap text-end">
                                        <a href="#" data-url="{{ path('app_user_edit', {'id': user.id}) }}" class="btn btn-secondary btn-xs modal-form">{{ ux_icon('pencil') }}</a>
                                        {% if user != app.user %}
                                            <a data-confirm="{{ "Confirmer la suppression ?"|trans }}" data-bs-toggle="modal" data-bs-target="#confirm-dialog"
                                               data-href="{{ path('app_user_delete', {id: user.id}) }}" class="btn btn-xs btn-danger">{{ ux_icon('trash') }}</a>
                                        {% endif %}
                                    </td>
                                </tr>
                            {% else %}
                                <tr>
                                    <td colspan="9">Aucun utilisateur</td>
                                </tr>
                            {% endfor %}
                            </tbody>
                        </table>

                        {{ pagerfanta(users) }}

                    </div>
                </div>
            </div>
        </div>

{% endblock %}