<header class="header"> <div class="logo"> <img src="{{ asset('build/images/logo_white.svg') }}"> </div> <div class="header-content flex-column flex-md-row align-items-center align-items-md-stretch"> {% block header_image_wrapper %} <div class="section-picto d-none d-md-flex"> {% block header_image %} <img src="{{ asset('build/images/frontoffice/registration/thumb_up.svg') }}"> {% endblock %} </div> {% endblock %} <div class="title order-last order-md-0"> {% block header_title_wrapper %} <p class="main-title m-0"> {% block header_title_step %}01{% endblock %}<span class="text-primary">.</span> {% block header_title %} Création de votre famille {% endblock %} </p> <p class="secondary-title d-none d-md-block mt-3"> {% block header_sub_title %} Commençons tout d’abord par créer votre <span class="fw-bold">famille...</span> <br> même si vous êtes seul. {% endblock %} </p> {% endblock %} </div> <div class="user d-flex justify-content-center flex-column flex-grow-1"> {% if app.user %} <p class="m-0 fs-16 text-center border-bottom border-primary pb-2 mb-2"> <a href="{{ path('dashboard') }}" class="text-uppercase fw-bold"> {% if app.user.person %} {{ app.user.person.firstName }} <br> {{ app.user.person.lastName }} <br> {% else %} {{ app.user }} {% endif %} </a> </p> <p class="fs-14 fw-medium text-uppercase"> <a href="{{ path('logout') }}">Déconnexion</a> </p> {% else %} <p class="text-uppercase text-black fs-16 fw-bold w-100 d-block text-center m-0"> Vous avez déjà <br> un espace ? <br> <a href="{{ path('login') }}" class="fs-14 text-primary text-decoration-none"> connectez-vous </a> </p> {% endif %} </div> </div></header>