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

{% block title %}Liste des utilisateurs{% endblock %}

{% block body %}
    <div class="row">
        <div class="col-12">
            <div class="card border-0 mb-3">
                <div class="card-header bg-grey">
                    <h1 class="h5 text-white m-0 fw-bold float-start">Liste des utilisateurs</h1>
                    <a href="{{ path('admin_user_export') }}" class="btn btn-primary text-white text-uppercase float-end"><i class="fas fa-download"></i> Exporter</a>
                </div>
                <div class="card-body bg-white py-3">
                    <div class="row">
                        <div class="col-12 col-lg-4">
                            <a href="{{ path('admin_user_job_function_index') }}" class="btn btn-grey my-3 fw-bold text-uppercase ls-2 py-2"><i class="fas fa-clipboard-list"></i> Gestion des Fonctions des utilisateurs</a>
                        </div>
                        <div class="col-12 col-lg-4">
                            <a href="{{ path('admin_user_competency_index') }}" class="btn btn-grey my-3 fw-bold text-uppercase ls-2 py-2"><i class="fas fa-clipboard-list"></i> Gestion des Compétences des utilisateurs</a>
                        </div>
                        <div class="col-12 col-lg-4">
                            <a href="{{ path('admin_user_gender_index') }}" class="btn btn-grey my-3 fw-bold text-uppercase ls-2 py-2"><i class="fas fa-clipboard-list"></i> Gestion des genres des utilisateurs</a>
                        </div>
                        <div class="col-12 col-lg-4">
                            <a href="{{ path('admin_user_marital_status_index') }}" class="btn btn-grey my-3 fw-bold text-uppercase ls-2 py-2"><i class="fas fa-clipboard-list"></i> Gestion des statuts maritaux des utilisateurs</a>
                        </div>
                        <div class="col-12 col-lg-4">
                            <a href="{{ path('organisation_search') }}" class="btn btn-primary my-3 fw-bold text-uppercase ls-2 py-2"><i class="fas fa-search"></i>
                                Rechercher un utilisateur de l'extranet</a>
                        </div>
                        <div class="col-12">
                            <div class="table-responsive">
                                <table class="table">
                                    <thead>
                                    <tr>
                                        <th>
                                            {{ knp_pagination_sortable(pagination, 'Nom', 'lastName') }}
                                        </th>
                                        <th>
                                            {{ knp_pagination_sortable(pagination, 'Prénom', 'firstName') }}
                                        </th>
                                        <th>{{ knp_pagination_sortable(pagination, 'Adresse mail', 'mail') }}</th>
                                        <th>Fonctions</th>
                                        <th>Bureaux</th>
                                        <th></th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    {% for user in pagination %}
                                        <tr>
                                            <td>{{ user.lastName }}</td>
                                            <td>{{ user.firstName }}</td>
                                            <td>{{ user.mail }}</td>
                                            <td>{{ user.jobFunctions | join(', ') }}</td>
                                            <td>{{ user.offices | join(', ') }}</td>
                                            <td>
                                                {% if is_granted('ROLE_ALLOWED_TO_SWITCH') %}
                                                    <a href="{{ path('dashboard') }}?_switch_user={{ user.username }}"
                                                       title="Devenir {{ user.fullName }}"
                                                       class="btn btn-sm btn-dark-blue"><i
                                                                class="fas fa-theater-masks"></i></a>
                                                {% endif %}
                                                <a href="{{ path('admin_user_edit', {'user': user.id}) }}"
                                                   title="Modifier" class="btn btn-sm btn-dark-blue"><i
                                                            class="fas fa-edit"></i></a>
                                            </td>
                                        </tr>
                                    {% endfor %}
                                    </tbody>
                            </table>
                            </div>
                            <p class="count">
                                {{ pagination.getTotalItemCount }} utilisateurs total
                            </p>
                            <div class="navigation">
                                {{ knp_pagination_render(pagination) }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}