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

{% block title %}Erreur {{ status_code }} - Bubul{% endblock %}

{% block meta_description %}Une erreur est survenue.{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('styles/pages/error.css') }}">
{% endblock %}

{% block body %}
{# Messages personnalisés selon le code d'erreur #}
{% set error_descriptions = {
    404: "Oups ! La page que vous recherchez semble avoir disparu dans une bulle...",
    500: "Oups ! Une erreur inattendue s'est produite. Nos équipes travaillent pour résoudre le problème.",
    403: "Vous n'avez pas les droits nécessaires pour accéder à cette page.",
    401: "Vous devez être connecté pour accéder à cette page.",
} %}
{% set description = error_descriptions[status_code] | default("Une erreur est survenue lors du traitement de votre demande.") %}

{% if not app.user %}
    {# Page simple pour les utilisateurs non connectés #}
    <div class="error-page error-page--full">
        <div class="error-page__container">
            <div class="error-page__logo">
                {% include "_components/logos/logo-with-text.html.twig" %}
            </div>

            <div class="error-page__content">
                <div class="error-page__code">
                    <span class="error-page__code-number">{{ status_code }}</span>
                </div>

                <h1 class="error-page__title">{{ status_text }}</h1>
                <p class="error-page__description">{{ description }}</p>

                {% if error_message is defined and error_message %}
                <div class="error-page__message">
                    <code>{{ error_message }}</code>
                </div>
                {% endif %}

                <a href="{{ path('app_landing') }}" class="error-page__button">
                    Retour à l'accueil
                </a>
            </div>
        </div>
    </div>
{% else %}
    {# Page avec sidebar pour les utilisateurs connectés #}
    <div class="error-page">
        <div class="error-page__content">
            <div class="error-page__code">
                <span class="error-page__code-number">{{ status_code }}</span>
            </div>

            <h1 class="error-page__title">{{ status_text }}</h1>
            <p class="error-page__description">{{ description }}</p>

            {% if error_message is defined and error_message %}
            <div class="error-page__message">
                <code>{{ error_message }}</code>
            </div>
            {% endif %}

            <div class="error-page__actions">
                <a href="{{ path('app_dashboard') }}" class="error-page__button">
                    Retour au tableau de bord
                </a>
                <a href="javascript:history.back()" class="error-page__button error-page__button--secondary">
                    Page précédente
                </a>
            </div>
        </div>
    </div>
{% endif %}
{% endblock %}