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

{% block body %}

    <div class="w-100 h-100 p-5 m-auto">
        <div class="card p-3 m-3 border-0 no-header-bg" data-controller="user" data-user-id-value="{{ user.id }}">
            {% for type, messages in app.flashes %}
                {% for message in messages %}
                    <div class="alert alert-{{ type }}">
                        {{ message }}
                    </div>
                {% endfor %}
            {% endfor %}
                <div class="card-header border-0 d-flex justify-content-between align-items-center ">
                    <div class="card-title"><h1>Gestion Utilisateur</h1></div>
                    <div class="d-flex gap-2">
                        {% if is_granted("ROLE_ADMIN") %}
                            <button
                                    class="btn {{ user.active ? 'btn-secondary' : 'btn-success' }}"
                                    data-user-target="statusButton"
                                    data-action="click->user#toggleStatus"
                                    data-active="{{ user.active ? 'true' : 'false' }}">
                                {{ user.active ? 'Désactiver' : 'Réactiver' }}
                            </button>

                            <a href="{{ path('user_delete', {'id': user.id}) }}" class="btn btn-warning">Supprimer</a>
                        {% endif %}
                    </div>
                </div>

            <div class="card-body">

                {% include 'user/userInformation.html.twig' %}


{#                <div class="card border-0 no-header-bg ">#}
{#                    <div class="card-header">#}
{#                            <div class="card-title">#}
{#                                <h1>Information d'organisation</h1>#}
{#                            </div>#}
{#                    </div>#}
{#                    <div class="card-body ms-4">#}
{#                        TODO: dynamic number of project#}
{#                        <p><b>Projet : </b>69 projets vous sont attribués</p>#}
{#                    </div>#}

{#                </div>#}


            </div>
        </div>
    </div>

{% endblock %}

    {% block title %}

    {% endblock %}