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

{% block title %}{{ accepted ? 'Invitation acceptee' : 'Invitation refusee' }} - E-Ticket{% endblock %}

{% block body %}
<div class="page-container">
    <div class="max-w-xl mx-auto text-center">
        <div class="card-brutal p-8">
            {% if accepted %}
                <div class="text-6xl mb-4 text-green-600">&#10003;</div>
                <h1 class="text-3xl font-black uppercase tracking-tighter italic heading-page mb-4">Invitation acceptee</h1>
                <p class="font-bold text-gray-600 mb-2">Merci {{ invitation.firstName }} !</p>
                <p class="text-sm font-bold text-gray-500 mb-6">Un email avec un lien pour finaliser votre inscription a ete envoye a <strong>{{ invitation.email }}</strong>.</p>
                <div class="flex flex-col gap-3">
                    <a href="{{ path('app_invitation_register', {token: invitation.token}) }}" class="btn-brutal font-black uppercase text-sm tracking-widest bg-[#fabf04] hover:bg-yellow-500 transition-all">
                        Finaliser mon inscription
                    </a>
                    <a href="{{ path('app_home') }}" class="text-sm font-bold text-gray-500 hover:text-gray-900 transition-colors">
                        Retour a l'accueil
                    </a>
                </div>
            {% else %}
                <div class="text-6xl mb-4 text-gray-400">&#10005;</div>
                <h1 class="text-3xl font-black uppercase tracking-tighter italic heading-page mb-4">Invitation refusee</h1>
                <p class="font-bold text-gray-600 mb-6">Nous avons bien pris en compte votre decision. Merci d'avoir pris le temps de repondre.</p>
                <a href="{{ path('app_home') }}" class="btn-brutal font-black uppercase text-sm tracking-widest hover:bg-gray-100 transition-all">
                    Retour a l'accueil
                </a>
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}
