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

{% block title %}Verification attestation - E-Ticket{% endblock %}

{% block body %}
<div class="page-container-md">
    <h1 class="text-3xl font-black uppercase tracking-tighter italic heading-page">Verification attestation</h1>
    <p class="font-bold text-gray-500 italic mb-8">Resultat de la verification par la plateforme E-Ticket.</p>

    {% if isRegistered %}
    <div class="card-brutal-green mb-8">
        <p class="font-black text-lg mb-2">Attestation conforme</p>
        <p class="text-sm text-gray-700">Ce document est authentique. Il a ete genere par la plateforme E-Ticket et <strong>aucune donnee n'a ete alteree</strong>.</p>
        <div class="mt-4 pt-4 border-t border-green-300 grid grid-cols-1 md:grid-cols-2 gap-3">
            <div>
                <p class="text-[10px] font-black uppercase tracking-widest text-gray-500 mb-1">Reference</p>
                <p class="font-mono font-black text-sm">{{ data.ref }}</p>
            </div>
            <div>
                <p class="text-[10px] font-black uppercase tracking-widest text-gray-500 mb-1">Date d'emission</p>
                <p class="font-black text-sm">{{ data.generatedAt }}</p>
            </div>
            <div>
                <p class="text-[10px] font-black uppercase tracking-widest text-gray-500 mb-1">Evenement</p>
                <p class="font-black text-sm">{{ data.event }}</p>
            </div>
            <div>
                <p class="text-[10px] font-black uppercase tracking-widest text-gray-500 mb-1">Organisateur</p>
                <p class="font-black text-sm">{{ data.organizer }}</p>
            </div>
        </div>
        <div class="mt-3 pt-3 border-t border-green-300">
            <p class="text-[10px] text-gray-500"><strong>Signature numerique :</strong> <span class="font-mono">{{ attestation.signatureHash|slice(0, 32) }}...</span></p>
            <p class="text-[10px] text-gray-500"><strong>Enregistree le :</strong> {{ attestation.createdAt|date('d/m/Y a H:i:s') }}</p>
        </div>
    </div>
    {% else %}
    <div class="card-brutal mb-8" style="border-color: #eab308; background: #fefce8;">
        <p class="font-black text-sm mb-2" style="color: #92400e;">Signature valide mais non enregistree</p>
        <p class="text-sm text-gray-700">La signature numerique de ce document est valide, mais cette attestation n'a pas ete trouvee dans notre registre.</p>
    </div>
    {% endif %}

    <p class="text-xs text-gray-400 text-center">Verification fournie par E-Ticket (ticket.e-cosplay.fr), plateforme de billetterie geree par l'association E-Cosplay.</p>
</div>
{% endblock %}