{#
    templates/bundles/TwigBundle/Exception/error404.html.twig
    Servie automatiquement par Symfony pour toute NotFoundHttpException.
#}
{% extends 'base.html.twig' %}
{% block title %}Page introuvable (404){% endblock %}
{% block body %}
<section class="mx-auto flex min-h-[60vh] max-w-2xl flex-col items-center px-4 py-20 text-center">
    <div class="relative">
        <div class="absolute -inset-6 rounded-full bg-gold-500/10 blur-3xl"></div>
        <div class="relative grid h-28 w-28 place-items-center rounded-full border-2 border-gold-600/40 bg-night-900 shadow-glow">
            <span class="font-display text-4xl text-gold-300">؟</span>
        </div>
    </div>

    <p class="mt-8 text-xs font-semibold uppercase tracking-[0.3em] text-gold-400">Erreur 404</p>
    <h1 class="rule-gold mt-2 font-display text-3xl font-bold md:text-4xl">Cette page n'existe pas</h1>
    <p class="mt-4 max-w-md leading-relaxed text-sand">
        Le lien que vous avez suivi est peut-être obsolète, ou la page a été déplacée. Vérifiez l'adresse, ou repartez d'ici :
    </p>

    <form action="{{ path('app_search') }}" method="get" role="search" class="relative mt-8 w-full max-w-sm">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-sand-dim" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m21 21-4.3-4.3"/></svg>
        <input class="field w-full !pl-9 text-sm" type="search" name="q" placeholder="Rechercher une conférence…" aria-label="Rechercher une conférence">
    </form>

    <div class="mt-6 flex flex-wrap items-center justify-center gap-3">
        <a href="{{ path('app_home') }}" class="btn-gold">Retour à l'accueil</a>
        <a href="{{ path('app_videos') }}" class="btn-ghost">Vidéos</a>
        <a href="{{ path('app_themes') }}" class="btn-ghost">Thèmes</a>
        <a href="{{ path('app_contact') }}" class="btn-ghost">Contact</a>
    </div>
</section>
{% endblock %}