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

{% block title %}Profil en attente de validation - Na+{% endblock %}

{% block body %}
<main id="contenu">
    <img src="/Logo.png" alt="Logo n-atypik" class="logo-central" />

    <div class="content" style="max-width: 600px; margin: 0 auto; text-align: center;">
        <div class="card" style="padding: 2.5rem;">
            <div style="font-size: 3rem; margin-bottom: 1rem;">⏳</div>
            <h1 style="color: var(--royal, #1a2e5a); margin-bottom: 1rem;">Profil en cours de validation</h1>
            <p style="color: #555; line-height: 1.7; margin-bottom: 1rem;">
                Merci {{ app.user.firstName }} ! Ton profil a bien été soumis. L'équipe Na+ va vérifier tes informations et valider ton compte dans les plus brefs délais.
            </p>
            <p style="color: #555; line-height: 1.7; margin-bottom: 2rem;">
                Tu recevras un email dès que ton compte sera activé. 📧
            </p>
            <div style="background: #f0f4ff; border-radius: 8px; padding: 1rem; text-align: left; margin-bottom: 2rem;">
                <p style="margin: 0; font-size: 0.9rem; color: #555;">
                    🔒 Ta carte d'identité est utilisée <strong>uniquement pour vérifier ta majorité</strong> et sera supprimée après validation.
                </p>
            </div>
            <a href="{{ path('app_home', {'_locale': app.request.locale}) }}" class="btn-secondary">
                ← Retour à l'accueil
            </a>
        </div>
    </div>
</main>
{% endblock %}