{% set title = title ?? "Merci." %}

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

{% block banner %}
{% endblock banner %}
{% block body %}
<div class='bg-white relative gpadding {{desktop("htop-in")}} {{mobile("bottom-25-in")}}'>
        <div class=' {{desktop("vt-80-in gpadding")}} {{mobile("vt-25-in")}}'>
            <div class='shadow {{desktop("vt-40-in hz-40-in")}} {{mobile("vt-40-in hz-40-in")}}'>
            {% block notif %}
            <div class="flex {{desktop('row top')}} {{mobile('col center')}}">
                <div class="">
                    <span class="padding-30 circle bg-success shadow flex row middle center">
                        <i class="fa fa-check fa-6x white"></i>
                    </span>
                </div>
                <div class="left-40">
                    {% if message is defined and message %}
                    <div class="article h6">
                        {{message|raw}}
                    </div>
                    {% else %}
                    {% if token is defined %}
                    <span>
                        Numéro de votre requête : <span class="success bold h5">{{token}}</span>
                    </span>
                    {% endif %}
                    <p class="success h6">
                        Votre requête a été enregistrée avec succès.
                        <br><span class="">Un e-mail de confirmation contenant le numéro de votre requête a été envoyé dans la boîte de réception de l'adresse email renseignée dans le formulaire.</span>
                    </p>
                    <p class="top-20 regular h6">Vérifiez également vos spams si au bout de 15min après la soumission, le mail n'est toujours pas venu.</p>
                    {% endif %}
                </div>
            </div>
            {% endblock %}
            </div>
        </div>
</div>
{% endblock %}