{% extends 'accueil/accueil_admin.html.twig' %}

{% block body %}
<div class="content">
    <h1 class="title" style="margin-left:25px">Liste des Utilisateurs</h1>
    <table class="table">
        <thead>
            <tr>
                <th>Email</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            {% for u in pUsers %}
                <tr class="row">
                    <td>
                        <span class="block">
                            <a href="{{ path('app_user_consulter', { 'id': u.id }) }}" class="instrument-link">
                                {{ u.email }}
                            </a>
                        </span>
                    </td>
                    <td class="actions" style="float:right;">
                        <a href="{{ path('app_user_modifier', { 'id': u.id }) }}" class="action-btn">
                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2" class="icon icon-tabler icon-tabler-pencil">
                                <path stroke-linecap="round" stroke-linejoin="round" d="M13 3l8 8-10 10H3v-8L13 3z"></path>
                            </svg>
                        </a>
                        <a href="{{ path('app_user_supprimer', { 'id': u.id }) }}" onclick="return confirm('Êtes-vous sûr de vouloir supprimer cet utilisateur ?');" class="action-btn">
                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2" class="icon icon-tabler icon-tabler-trash">
                                <path stroke-linecap="round" stroke-linejoin="round" d="M3 6h18M9 6V4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2M10 11v6M14 11v6M5 6l1 14h12l1-14"></path>
                            </svg>
                        </a>
                    </td>
                </tr>
                <tr class="spacer"></tr>
            {% else %}
                <tr>
                    <td colspan="3">Aucun utilisateur n'a été trouvé.</td>
                </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}