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

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

{% block body %}

<div class="container">
   {% include 'utils/file.ariane.html.twig' %}   

    <h4>Les utilisateurs</h4>
    <hr/>
    {% if secure.havePermission(constant('_ADD_SERV_GEST_USER', app_const)) or secure.havePermission(constant('_ADD_SERV_GEST_HABI', app_const)) %}
        <div class="d-flex justify-content-between">
            {% if secure.havePermission(constant('_ADD_SERV_GEST_USER', app_const)) %}
                <a class="btn btn-sm btn-primary" href="/user/create"><i class="bi bi-plus-lg"></i> Nouveau</a>
            {% endif %}
            {% if secure.havePermission(constant('_ADD_SERV_GEST_HABI', app_const)) %}            
                <div class="text-right">
                    <div class="btn-group dropstart">
                        	<button type="button" class="btn btn-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
                            	<i class="bi bi-list"></i>
                          	</button>
                          	<ul class="dropdown-menu">  
                                <li><a class="btn btn-sm dropdown-item " href="/role"><i class="bi bi-gear-fill"></i> Gestion des roles</a></li>
                                <li><a class="btn btn-sm dropdown-item" href="/privilege"><i class="bi bi-gear-fill"></i> Gestion des privilèges</a></li>
                            </ul>
                        </div>
                    
                </div>
            {% endif %}
        </div>
        <hr />
    {% endif %}

    <br /><section>
        {{ form_start(form) }}
            <div class="input-group mb-3">
                <span class="input-group-text">{{ form_label(form.searchValue) }}</span>
                {{ form_widget(form.searchValue) }}
                <span class="input-group-text"><button type="submit" class="btn btn-sm btn-primary"><i class="bi bi-search"></i></button></span>
            </div>
        {{ form_end(form) }}
    </section><hr /> <br />


    <section style="width:100%;margin:auto;">
        {% if result.elements|length <= 0  %}
            <section class="d-flex justify-content-between mainContainer">
                <section class="mr-5 mail-item">Aucun utilisateur trouvé</section>
                <section class="mr-5 mail-item"> </section>
            </section>
        {% else %}
            <section class="d-flex justify-content-between mainContainer">
                <section class="mr-5 mail-item w-20 wss-60"><strong> Identifiant </strong></section>
                <section class="mr-5 mail-item w-30 undisplaySmallScreen"><strong> Email </strong></section>
                <section class="mr-5 mail-item w-20 undisplaySmallScreen"><strong> Nom </strong></section>
                <section class="mr-5 mail-item w-10 undisplaySmallScreen center"><strong> Vérifié </strong></section>
                <section class="mr-5 mail-item w-20 wss-40 center"><strong> </strong></section>
            </section>
            {% for obj in result.elements %}
                <section class="d-flex justify-content-between mainContainer">
                    <section class="mr-5 mail-item w-20 wss-60"> {{ obj.username }} </section>
                    <section class="mr-5 mail-item w-30 undisplaySmallScreen"> {{ obj.email }} </section>
                    <section class="mr-5 mail-item w-20 undisplaySmallScreen"> {{ obj.personne.prenom }} {{ obj.personne.nom }}</section>
                    <section class="mr-5 mail-item w-10 undisplaySmallScreen"> 
                        <div class="form-check form-switch center">
                            {% if obj.isVerified  %}
                                <input class="form-check-input" type="checkbox" id="flexSwitchCheckDisabled" disabled checked />
                            {% else %}
                                <input class="form-check-input" type="checkbox" id="flexSwitchCheckDisabled" disabled />
                            {% endif %}
                        </div>
                    </section>
                    <section class="mr-5 mail-item w-20 wss-40 center">                     
                        {% if secure.havePermission(constant('_UPDATE_SERV_GEST_USER', app_const)) %}
                            <a class="btn btn-sm btn-primary" href="/role/user-roles/{{obj.username}}?page={{result.currentPage}}&pageSize={{result.pageSize}}&filtre={{result.filtre}}" style="margin-right:5px;" title="Gestion des roles utilisateurs"><i class="bi bi-pencil-square"></i></a>
                        {% endif %}
                        {% if secure.havePermission(constant('_REMOVE_SERV_GEST_USER', app_const)) and secure.currentUser().username != obj.username %}
                            <a class="btn btn-sm btn-danger" href="/user/remove/profile/{{obj.username}}?page={{result.currentPage}}&pageSize={{result.pageSize}}&filtre={{result.filtre}}" style="margin-right:5px;" title="Gestion des roles utilisateurs"><i class="bi bi-trash2-fill"></i></a>
                        {% endif %}
                    </section>
                </section>
            {% endfor %} 
        {% endif %}
    </section>
    {% include 'utils/pagination.html.twig'  with {'url': '/user'}  %}       
</div>
{% endblock %}