{#
 # ============================================================================
 # PAGE: ERROR 403 - Access Denied
 # ============================================================================
 #
 # Page d'erreur 403 affichee lorsqu'un utilisateur tente d'acceder
 # a une ressource pour laquelle il n'a pas les droits suffisants.
 # Utilise le theme couleur error (rouge) pour signaler l'interdit.
 #
 # Symfony fournit automatiquement les variables:
 # - status_code : 403
 # - status_text : "Forbidden"
 #
 # ============================================================================
 # COMPOSITION
 # ============================================================================
 #
 # - _atoms/logo/logo-with-text.html.twig
 # - _atoms/icon/icon.html.twig
 # - _atoms/button/button.html.twig
 #
 # ============================================================================
 #}

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

{% block title %}Acces refuse - Bubul{% endblock %}

{% block meta_description %}Vous n'avez pas les droits necessaires pour acceder a cette page.{% endblock %}

{# Une page d'erreur republie l'URL demandee dans canonical/og:url/twitter:url
   (base.html.twig). Sous /p/, cette URL PORTE LE JETON de partage : la laisser
   heriter du « index, follow » par defaut de base.html.twig reviendrait a
   inviter les moteurs a indexer un lien prive. L'en-tete X-Robots-Tag pose par
   PublicShareResponseListener ne couvre que le corps du dispositif ; ce bloc
   couvre TOUTES les URL reflechies, quelle que soit la route. #}
{% block meta_robots %}noindex, nofollow{% endblock %}

{% block show_sidebar %}{{ app.user ? 'true' : 'false' }}{% endblock %}

{% block body %}

<div class="flex items-center justify-center {{ app.user ? 'min-h-[calc(100vh-4rem)]' : 'min-h-screen bg-gradient-to-br from-gray-50 to-gray-200' }} px-4 py-12">
    <div class="w-full max-w-md">

        {# Logo (non-authenticated users only) #}
        {% if not app.user %}
            <div class="flex justify-center mb-10">
                {% include '_atoms/logo/logo-with-text.html.twig' with {
                    size: 'lg',
                    showBadge: false
                } only %}
            </div>
        {% endif %}

        {# Card #}
        <div class="bg-white rounded-2xl shadow-lg p-8 sm:p-10 text-center">

            {# Error code in primary blue #}
            <div class="mb-4">
                <span class="font-secondary font-bold text-8xl sm:text-9xl leading-none text-primary">
                    403
                </span>
            </div>

            {# Title #}
            <h1 class="font-secondary font-bold text-xl sm:text-2xl text-gray-900 mb-3">
                Acces refuse
            </h1>

            {# Description #}
            <p class="font-primary text-sm sm:text-base text-gray-500 leading-relaxed mb-8 max-w-sm mx-auto">
                Vous n'avez pas les droits necessaires pour acceder a cette page.
                Si vous pensez qu'il s'agit d'une erreur, contactez votre administrateur.
            </p>

            {# Actions #}
            <div class="flex flex-col gap-3">
                {% if app.user %}
                    {% include '_atoms/button/button.html.twig' with {
                        label: 'Retour au tableau de bord',
                        href: path('app_dashboard'),
                        variant: 'primary',
                        size: 'lg',
                        icon: 'home-smile',
                        iconPosition: 'left',
                        width: 'full'
                    } only %}
                    {% include '_atoms/button/button.html.twig' with {
                        label: 'Page precedente',
                        href: 'javascript:history.back()',
                        variant: 'ghost',
                        size: 'md',
                        icon: 'arrow-left',
                        iconPosition: 'left',
                        width: 'full'
                    } only %}
                {% else %}
                    {% include '_atoms/button/button.html.twig' with {
                        label: 'Se connecter',
                        href: path('app_login'),
                        variant: 'primary',
                        size: 'lg',
                        icon: 'unlock',
                        iconPosition: 'left',
                        width: 'full'
                    } only %}
                    {% include '_atoms/button/button.html.twig' with {
                        label: 'Retour a l\'accueil',
                        href: path('app_landing'),
                        variant: 'ghost',
                        size: 'md',
                        icon: 'home',
                        iconPosition: 'left',
                        width: 'full'
                    } only %}
                {% endif %}
            </div>

        </div>

        {# Footer hint #}
        <p class="text-center text-xs text-gray-400 mt-6">
            Erreur 403 &middot; Acces refuse
        </p>
    </div>
</div>

{% endblock %}