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

{% block title %}{{ 'Mon compte'|trans }}{% endblock %}

{% block body %}
    <section class="w-100 m-auto">
        <div class="container">
            <h1 class="h3 mb-3 fw-normal">{{ 'Mon compte'|trans }}</h1>
            <div class="row">
                <div class="col-3">
                    {{ include('@User/front/account/_menu.html.twig') }}
                </div>

                <div class="col-6">
                    <div class="card">
                        <div class="card-header">
                            <div class="h5 card-title">{{ 'Informations'|trans }}</div>
                        </div>
                        <div class="card-body">
                            {{ include('@User/front/account/_form_account.html.twig') }}
                        </div>
                    </div>
                </div>
                <div class="col-3">
                    <div class="card">
                        <div class="card-header">
                            <div class="h5 card-title">{{ 'Mot de passe'|trans }}</div>
                        </div>
                        <div class="card-body">
                            {{ include('@User/front/account/_password_form.html.twig') }}

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