{% for user in users %}
    <tr>
        <td>
            <span class="fw-medium">{{ user.username }}</span>
            <div class="d-lg-none small text-muted">{{ user.email }}</div>
        </td>
        <td class="d-none d-lg-table-cell">
            {{ user.email }}
        </td>
        <td class="d-none d-xl-table-cell">
            {{ user.firstname }} {{ user.name }}
        </td>
        <td>
            <div class="d-flex flex-wrap gap-1">
                {% for role in user.roles %}
                    <span class="badge bg-info">{{ role|replace({'ROLE_': ''}) }}</span>
                {% endfor %}
            </div>
        </td>
        <td class="text-end">
            <a href="{{ ea_url().setRoute('user_edit', {id: user.id}) }}"
               class="text-primary me-2"
               data-bs-toggle="tooltip"
               title="Modifier">
                <i class="fas fa-edit"></i>
            </a>
            <a href="#"
               class="text-danger"
               data-bs-toggle="modal"
               data-bs-target="#deleteModal{{ user.id }}"
               title="Supprimer">
                <i class="fas fa-trash"></i>
            </a>
        </td>
    </tr>
{% else %}
    <tr><td colspan="5" class="text-center text-muted">Aucun utilisateur</td></tr>
{% endfor %}