{% extends 'dashboard/base.html.twig' %}
{% block title %}Utilisateurs{% endblock %}
{% block body %}
    <div class="page-title">
        <a href="{{ url('app_create_user') }}" class="btn btn-primary float-end">Créer un utilisateur</a>
        <h3>Utilisateurs</h3>
    </div>

    <div class="card">
        <div class="card-header">Search</div>
        <div class="card-body">
            <form method="post" action="{{ url('app_user_list') }}" class="form-inline">
                <div class="row">
                    <div class="col-6">
                        <input type="text" name="filtering_keyword" class="form-control" id="filtering_keyword" placeholder="Keyword" value="{{ list.requestKeyword }}">
                    </div>
                    <div class="col-2">
                        <button type="submit" class="btn btn-primary">Search</button>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <div class="card">
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-striped">
                    <thead>
                    <tr>
                        <th>Nom</th>
                        <th>E-mail</th>
                        <th></th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for user in list.result %}
                        <tr>
                            <td>{{ user.lastName}} {{ user.firstName }}</td>
                            <td>{{ user.email }}</td>
                            <td class="text-end">
                                <div class="btn-group btn-group-sm" role="group" aria-label="Basic example">
                                    <a class="btn btn-outline-primary" href="{{ url('app_update_user', {'id' : user.id}) }}"><i class="fas fa-edit"></i></a>
                                </div>
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
            {% if list.hasPagination %}
                <div class="text-center mt-5">
                    <div class="btn-group" role="group">
                        <a href="{{ path('app_demands') }}?page={{ list.revertPage }}&filtering_keyword={{ list.requestKeyword }}" class="btn btn btn-secondary px-4 {% if list.revertPage == -1 %} disabled {% endif %}"><i class="fas fa-chevron-left"></i></a>
                        {% for p in list.pagination %}
                            <a href="{{ path('app_demands') }}?page={{ p.page }}&filtering_keyword={{ list.requestKeyword }}" class="{{ p.class }}">{{ p.display }}</a>
                        {% endfor %}
                        <a href="{{ path('app_demands') }}?page={{ list.nextPage }}&filtering_keyword={{ list.requestKeyword }}" class="btn btn btn-secondary px-4 {% if list.nextPage == -1 %} disabled {% endif %}"><i class="fas fa-chevron-right"></i></a>
                    </div>
                </div>
            {% endif %}
        </div>
    </div>
{% endblock %}