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

{% block title %}Accès refusé (403){% endblock %}

{% block body %}
    <div class="min-h-screen flex flex-col items-center justify-center bg-gray-50 px-4">
        <div class="max-w-md w-full bg-white p-8 rounded-lg shadow-md text-center">
            <div class="text-6xl font-bold text-red-600 mb-4">403</div>
            <h1 class="text-2xl font-bold text-gray-800 mb-2">Accès refusé</h1>
            <p class="text-gray-600 mb-6">
                Vous n'avez pas les permissions nécessaires pour accéder à cette ressource.
            </p>
            {% if is_granted('IS_AUTHENTICATED_FULLY') %}
                <p class="text-sm text-gray-500 mb-4">
                    Connecté en tant que : {{ app.user.email }}
                </p>
            {% endif %}
            <div class="flex justify-center space-x-4">
                <a href="{{ path('app_accueil_index') }}" class="px-4 py-2 bg-indigo-600 text-white rounded hover:bg-indigo-700 transition">
                    Retour à l'accueil
                </a>
                {% if not is_granted('IS_AUTHENTICATED_FULLY') %}
                    <a href="{{ path('app_login') }}" class="px-4 py-2 border border-indigo-600 text-indigo-600 rounded hover:bg-indigo-50 transition">
                        Se connecter
                    </a>
                {% endif %}
            </div>
        </div>
    </div>
{% endblock %}