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

{% block title %}Conferma la tua email — Mostry{% endblock %}

{% block body %}
    <div class="auth">
        <div class="auth__card" style="text-align:center">
            <div class="ico ico--violet" style="margin:0 auto 18px">
                <i class="fa-solid fa-envelope-open-text"></i>
            </div>

            <h1>Ci siamo quasi!</h1>
            <p class="auth__sub" style="margin-bottom:20px">
                Ti ho appena scritto un'email: apri il link di conferma e faccio partire subito
                la tua prova gratuita di 7 giorni. A tra poco!
            </p>

            {% for message in app.flashes('success') %}
                <div class="alert alert--success">{{ message }}</div>
            {% endfor %}

            {# Aiuto in sviluppo: link di conferma a schermo (nessun SMTP configurato) #}
            {% for link in app.flashes('dev_link') %}
                <div class="alert alert--info" style="text-align:left; word-break:break-all">
                    <b>DEV — link di conferma:</b><br>
                    <a href="{{ link }}" style="text-decoration:underline">{{ link }}</a>
                </div>
            {% endfor %}

            <p class="auth__foot">Hai già confermato? <a href="{{ path('login') }}">Accedi</a></p>
            <p class="auth__foot" style="margin-top:8px;font-size:.85rem;color:var(--faint)">
                Non trovi l'email? Controlla anche nella cartella spam.
            </p>
        </div>
    </div>
{% endblock %}