{% block body %}
     <div class="card no-header-bg border-0 ">
            <div class="card-header d-flex justify-content-between align-items-center">
                <div class="d-flex gap-2">
                    {% if user.pictureUrl is not empty %}
                        <img src="{{ aws_url ~ user.pictureUrl }}" alt="user" class="rounded-circle"
                             style="width:40px; height:40px;">
                    {% endif %}
                    <div class="card-title ">
                        <h2>{{ user.surname|capitalize }} {{ user.name|capitalize }}</h2>
                    </div>
                </div>

                <div class="d-flex gap-2">
                    {% if organizationId is not null %}
                        {% if uoActive %}
                            <form method="post" action="{{ path('user_deactivate_organization', {'id': user.id}) }}"
                                  onsubmit="return confirm('Vous allez retirer l\'utilisateur de cette organisation, êtes vous sûre?');">
                                <input type="hidden" name="organizationId" value="{{ organizationId }}">
                                <button class="btn btn-secondary" type="submit">Désactiver l'utilisateur de l'organisation
                                </button>
                            </form>
                        {% else %}
                            <form method="post" action="{{ path('user_activate_organization', {'id': user.id}) }}"
                                  onsubmit="return confirm('Vous allez activer cette utilisateur dans votre organisation, êtes vous sûre?');">
                                <input type="hidden" name="organizationId" value="{{ organizationId }}">
                                <button class="btn btn-primary" type="submit">Activer l'utilisateur de l'organisation
                                </button>
                            </form>
                        {% endif %}
                    {% endif %}
                    <a href="{{ path('user_edit', {'id': user.id, 'organizationId': organizationId}) }}"
                       class="btn btn-primary">Modifier</a>
                </div>
            </div>


            <div class="card-body ">
                <p><b>Email: </b>{{ user.email }}</p>
                <p><b>Dernière connection: </b>{{ user.lastConnection|date('d/m/Y') }}
                    à {{ user.lastConnection|date('H:m:s') }} </p>
                <p><b>Compte crée le: </b>{{ user.createdAt|date('d/m/Y') }}</p>
                <p><b>Numéro de téléphone: </b>{{ user.phoneNumber ? user.phoneNumber : 'Non renseigné' }}</p>
            </div>
        </div>


{% endblock %}