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

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

{% block body %}

        <div class="row justify-content-center mt-5">
            <div class="col-md-8">
                <h3 class="card-title d-flex justify-content-between">
                    {{ "Accueil"|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_upload_experimenters') }}" class="btn btn-dark bg-evalulu modal-form">{{ ux_icon('bi:filetype-json')}} Charger un fichier de comptes</a>
                    </div>
                </h3>
                <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-3">
                                    {{ form_row(searchForm.text) }}
                                </div>
                                <div class="col-3">
                                    {{ form_row(searchForm.enabled) }}
                                </div>
                                <div class="col-6 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></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>{% 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 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 %}