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

{% block body %}
    <div class="account-layout container-fluid">
        {% include 'front/account/_sidebar.html.twig' %}

        <div class="account-content">
            <div class="account-profil__header">
                <div class="account-profil__title-group">
                    <h2 class="account-profil__title">Mes profils</h2>
                    <p class="account-profil__subtitle">
                        Un profil correspond à vous-même ou un enfant rattaché à votre compte.
                    </p>
                </div>

                <div class="account-profil__actions">
                    <a href="{{ path('account_profil_new_minor') }}" class="btn btn-primary">
                        {{ icon('plus', true) }} Ajouter un profil mineur
                    </a>
                    {% if not app.user.profil %}
                        <a href="{{ path('account_profil_new_major') }}" class="btn btn-primary">
                            {{ icon('plus', true) }} Ajouter un profil majeur
                        </a>
                    {% endif %}
                </div>
            </div>

            <div class="account-profil__grid">
                {% if app.user.profil %}
                    {% include 'front/account/profil/_card.html.twig' with { profil: app.user.profil } %}
                {% endif %}

                {% for relation in relations %}
                    {% if relation.profil %}
                        {% include 'front/account/profil/_card.html.twig' with { profil: relation.profil } %}
                    {% endif %}
                {% endfor %}
            </div>
        </div>

    </div>
{% endblock %}