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

{% block title %}User Profile{% endblock %}

{% block body %}
    <div class="w-100 h-100 p-5 m-auto" data-controller="user">
        <div class="d-flex justify-content-between align-items-center mb-4">
            <h1>Gestion Utilisateurs</h1>
            <a href="{{ path('user_new') }}" class="btn btn-primary">Ajouter un utilisateur</a>
        </div>

        {% for org in usersByOrganization %}
            <h2 class="mt-5 mb-3">{{ org.organization_name|title }}</h2>
            {% include 'user/userList.html.twig' %}
        {% endfor %}
    </div>
{% endblock %}