{% extends 'legal/_layout.html.twig' %}

{% block title %}Attestation introuvable - Association E-Cosplay{% endblock %}

{% block body %}
<div class="page-container">
    <h1 class="text-3xl font-bold uppercase tracking-tighter italic heading-page mb-8">Attestation introuvable</h1>

    <div class="p-6 border-4 border-red-600 bg-red-50">
        <div class="flex items-center gap-3 mb-2">
            <svg class="w-8 h-8 text-red-600 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M6 18L18 6M6 6l12 12"/></svg>
            <span class="text-xl font-bold uppercase text-red-800">Reference inconnue</span>
        </div>
        <p class="text-sm text-red-700 font-bold">Aucune attestation n'a ete trouvee pour la reference <strong>{{ reference }}</strong>.</p>
        <p class="text-sm text-red-700 mt-2">Verifiez que le lien ou le QR code est correct.</p>
    </div>
</div>
{% endblock %}
