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

    {% block title_start %}Utilisateurs{% endblock %}

    {% block stylesheets %}
        {{ parent() }}
        {{ encore_entry_link_tags('admin_user_list') }}
    {% endblock %}
    
    {% block main %}
        <main class="site-main">
        
            {% for message in app.flashes('success') %}
                <div class="site-main-alert site-main-alert-success">
                    {{ message }}
                </div>
            {% endfor %}

            <div class="site-main-filter">
                <form action="#" method="get">
                <input type="text" name="search" id="search" placeholder="Rechercher" value="{{ app.request.query.get('search') }}">
                {# <select id="user-group" name="user-group">
                    <option value="all" selected>All</option>
                    <option value="animateur">Animateur</option>
                    <option value="utilisateur">Utilisateur</option>
                    <option value="admin">Administrateur</option>
                    {% if is_granted('ROLE_SUPER_ADMIN') %}
                        <option value="super_admin">Super Administrateur</option>
                    {% endif %}
                </select> #}
                <button type="submit" class="btn btn-dark">
                    <i class="fas fa-search-plus fa-lg"></i> Trouver
                </button>
                </fieldset>
                </form>
            </div>

            <div class="site-main-action">
                <a href="{{ path('admin_user_add') }}" title="Ajouter"><button class="btn-dark">
                    <i class="fas fa-plus-circle fa-lg"></i> Ajouter un utilisateur</button>
                </a>
            </div>

            <div class="site-main-list">
                <h1>Liste des utilisateurs</h1>
                
                <table>
                    <thead>
                    <tr>
                        <th>
                        <a href="#">Username</a>
                        </th>
                        <th>
                        <a href="#">Prénom</a>
                        </th>
                        <th>
                        <a href="#">Nom</a>
                        </th>
                        <th>Email</th>
                        <th class="site-main-list-action-th">Action</th>
                    </tr>
                    </thead>
                    <tbody>
                        {% for user in users %}
                            <tr>
                                <td>{{ user.getUsername }}</td>
                                <td>{{ user.getFirstname }}</td>
                                <td>{{ user.getLastname }}</td>
                                <td>{{ user.getEmail }}</td>

                                <td class="site-main-list-action">
                                    {% if is_granted('ROLE_ADMIN') %}
                                        <form action="{{ path('admin_user_edit', {'id': user.getId()}) }}" method="get">
                                            <button type="submit" class="btn-yellow-hover">
                                                <i class="fas fa-cog"></i>
                                            </button>
                                        </form>
                                    {% else %}
                                            <button class="btn-disable">
                                                <i class="fas fa-cog"></i>
                                            </button>
                                    {% endif %}

                                    {% if is_granted('ROLE_ADMIN') %}
                                        <form action="{{ path('admin_user_password', {'id': user.getId()}) }}" method="get">
                                            <button type="submit" class="btn-yellow-hover">
                                                <i class="fas fa-user-lock"></i>
                                            </button>
                                        </form>
                                    {% else %}
                                            <button class="btn-disable">
                                                <i class="fas fa-user-lock"></i>
                                            </button>
                                    {% endif %}

                                    {% if is_granted('ROLE_SUPER_ADMIN') %}
                                        <form action="{{ path('admin_user_delete', {'id': user.getId()}) }}" method="post">
                                            <button type="submit" class="btn-yellow-hover">
                                                <i class="fas fa-trash fa-red"></i>
                                            </button>
                                        </form>
                                    {% else %}
                                            <button class="btn-disable">
                                                <i class="fas fa-trash"></i>
                                            </button>
                                    {% endif %}
                                </td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            {{ knp_pagination_render(users) }}
            </div>
        </main>

    {% endblock %}


    {% block javascripts %}
        {{ parent() }}
        {{ encore_entry_script_tags('admin_user_list') }}
    {% endblock %}