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

{% block title %}{{ pageTitle }}{% endblock %}
{% block PageTitle %}{{ pageTitle }}{% endblock %}
   
{% block body %}
    {% include "shared-components/_search_data.html.twig" with {
        form:form ?? null
    } only %}
    <div class="row">
    {% if not users %}
    <p>Aucun résultat pour votre recherche</p>
    {% endif %}
        {% for user in users %}
            <div class="card m-2" style="width: 22rem;">
                <div class="card-body">
                    <h5 class="card-title pb-2">{{ user.firstname }} {{ user.lastname }}</h5>
                    <p class="card-title pb-2">{{ user.email }}</p>
                    <p>Rôle(s)</p>
                    {% for role in user.roles %}
                        <p class="card-title pb-2">{{ role }}</p>
                    {% endfor %}
                    {% include "shared-components/_edit_delete_toolsbar.html.twig" with {
                        deleteId:user.id, 
                        refId: '',
                        name: user.firstname, 
                        designation:'utilisateur', 
                        route:'user',
                        editRoute: path('user.addorupdate', {id:user.id})
                    } only %}
                </div>
            </div>
            
        {% endfor %}   
    </div>
{% endblock %}