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

{% block title %}Email verifie - E-Ticket{% endblock %}

{% block body %}
<div style="max-width:36rem;margin:0 auto;padding:3rem 1rem;text-align:center;">
    <div style="border:4px solid #111827;box-shadow:6px 6px 0 rgba(0,0,0,1);background:white;padding:2.5rem;">
        <div style="font-size:3rem;margin-bottom:1rem;">&#10003;</div>
        <h1 class="text-2xl font-black uppercase tracking-tighter italic" style="margin-bottom:1rem;">Email verifie !</h1>

        <div style="border:4px solid #111827;background:#d1fae5;padding:1rem 1.5rem;margin-bottom:1.5rem;">
            <p class="font-bold text-sm">Votre adresse email a ete verifiee avec succes.</p>
        </div>

        {% if isOrganizer %}
        <div style="border:4px solid #111827;background:#fabf04;padding:1rem 1.5rem;margin-bottom:1.5rem;">
            <p class="font-bold text-sm">L'equipe E-Ticket va maintenant examiner votre demande de compte organisateur. Vous recevrez une reponse sous 48h.</p>
        </div>
        {% else %}
        <p class="font-bold text-gray-500 text-sm" style="margin-bottom:1.5rem;">Votre compte est actif. Vous pouvez maintenant vous connecter.</p>
        {% endif %}

        <a href="{{ path('app_login') }}" style="display:inline-block;padding:0.75rem 2rem;border:3px solid #111827;box-shadow:4px 4px 0 rgba(0,0,0,1);background:#fabf04;" class="font-black uppercase text-sm tracking-widest hover:bg-indigo-600 hover:text-black transition-all">Se connecter</a>
    </div>
</div>
{% endblock %}