{% 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">Bienvenue {{ app.user.firstname }}</h2>
                    <p class="account-profil__subtitle">
                        Gérez les informations de votre compte et accédez à vos commandes.
                    </p>
                </div>
            </div>

            <div class="account-cards">
                <a href="{{ path('account_edit_user') }}" class="account-card">
                    <div class="account-card__icon">{{ icon('edit') }}</div>
                    <div class="account-card__content">
                        <h3 class="account-card__title">Modifier mon compte</h3>
                        <p class="account-card__text">Mettez à jour vos informations personnelles.</p>
                    </div>
                    <div class="account-card__arrow">{{ icon('chevron-right') }}</div>
                </a>

                <a href="#" class="account-card">
                    <div class="account-card__icon">{{ icon('email') }}</div>
                    <div class="account-card__content">
                        <h3 class="account-card__title">Nous contacter</h3>
                        <p class="account-card__text">Besoin d’aide ? Écrivez-nous directement.</p>
                    </div>
                    <div class="account-card__arrow">{{ icon('chevron-right') }}</div>
                </a>
            </div>

        </div>
    </div>
{% endblock %}