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

{% block title %}Compte cree - 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;">Compte cree avec succes !</h1>

        <div style="border:4px solid #111827;background:#d1fae5;padding:1rem 1.5rem;margin-bottom:1.5rem;">
            <p class="font-bold text-sm">Un email de verification vous a ete envoye. Veuillez cliquer sur le lien dans l'email pour activer votre compte.</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">Une fois votre email verifie, l'equipe E-Ticket examinera votre demande de compte organisateur et vous donnera une reponse sous 48h.</p>
        </div>
        {% 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">Aller a la connexion</a>
    </div>
</div>
{% endblock %}