{#
    templates/bundles/TwigBundle/Exception/error403.html.twig
    Servie automatiquement par Symfony pour toute AccessDeniedException.
#}
{% extends 'base.html.twig' %}
{% block title %}Accès refusé (403){% 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">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" class="h-12 w-12 text-gold-300" aria-hidden="true">
                <rect x="5" y="11" width="14" height="9" rx="2"/>
                <path d="M8 11V7a4 4 0 0 1 8 0v4"/>
            </svg>
        </div>
    </div>

    <p class="mt-8 text-xs font-semibold uppercase tracking-[0.3em] text-gold-400">Erreur 403</p>
    <h1 class="rule-gold mt-2 font-display text-3xl font-bold md:text-4xl">Accès refusé</h1>
    <p class="mt-4 max-w-md leading-relaxed text-sand">
        {% if app.user %}
            Votre compte n'a pas les autorisations nécessaires pour accéder à cette page.
        {% else %}
            Cette page nécessite d'être connecté. Identifiez-vous pour continuer.
        {% endif %}
    </p>

    <div class="mt-8 flex flex-wrap items-center justify-center gap-3">
        {% if not app.user %}
            <a href="{{ path('app_login') }}" class="btn-gold">Se connecter</a>
        {% endif %}
        <a href="{{ path('app_home') }}" class="btn-ghost">Retour à l'accueil</a>
        <a href="{{ path('app_contact') }}" class="btn-ghost">Nous contacter</a>
    </div>
</section>
{% endblock %}