{# templates/landing/contact/confirm_error.html.twig #}
{% extends 'base.landing.html.twig' %}

{% block title %}Lien expiré — Bubul{% endblock %}
{% block meta_description %}Ce lien de confirmation a expiré ou a déjà été utilisé.{% endblock %}
{% block header_cta_label %}Créer un compte{% endblock %}

{% block landing_content %}

<div class="flex-1 flex flex-col items-center justify-center bg-[#FAFCFF] px-6 py-24 text-center">

    {# Icône erreur #}
    <div class="w-16 h-16 rounded-2xl mb-7 flex items-center justify-center flex-shrink-0 bg-red-50 border border-red-100">
        <svg class="w-7 h-7 text-red-400" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <circle cx="12" cy="12" r="10"/>
            <line x1="15" y1="9" x2="9" y2="15"/>
            <line x1="9" y1="9" x2="15" y2="15"/>
        </svg>
    </div>

    <h1 class="font-display text-4xl font-bold text-[#1A2B3F] mb-3">Lien expiré</h1>
    <p class="text-[17px] text-[#5A6B7F] max-w-md leading-relaxed mb-10">
        Ce lien de confirmation a expiré ou a déjà été utilisé.
        Vous pouvez soumettre à nouveau votre message si besoin.
    </p>

    <a href="{{ path('app_contact') }}"
       class="inline-flex items-center gap-2 px-6 py-3 rounded-xl font-semibold text-sm text-white transition-all"
       style="background: linear-gradient(135deg, #0A6BC4, #3AB8E8);">
        Renvoyer un message
    </a>

</div>

{% include '_organisms/landing/footer.html.twig' with {
    tagline: 'Des outils IA pensés pour les formateurs — créez, déployez et pilotez vos formations depuis un seul espace.'
} only %}

{% endblock %}