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

{% block title %}{{ errorPage ? errorPage.heading : fallbackTitle }}{% endblock %}

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

{% block body %}
<meta name="robots" content="noindex">

<div class="error-card">
    {% if siteParams.logo is defined and siteParams.logo %}
        <a href="{{ path('app_home') }}" class="error-logo" style="background:none;box-shadow:none">
            <img src="{{ asset(siteParams.logo) }}" alt="" style="width:36px;height:36px;object-fit:contain;border-radius:8px">
        </a>
    {% else %}
        <a href="{{ path('app_home') }}" class="error-logo">
            <svg viewBox="0 0 24 24"><path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/></svg>
        </a>
    {% endif %}

    <div class="error-icon-card">
        {% if errorPage is defined and errorPage and errorPage.image %}
            <img src="{{ asset(errorPage.image) }}" alt="{{ errorPage.heading }}">
        {% else %}
            {{ errorSvg|raw }}
        {% endif %}
    </div>

    <span class="error-badge">Erreur {{ errorCode }}</span>
    <h1>{{ errorPage is defined and errorPage ? errorPage.heading : fallbackTitle }}</h1>
    <div class="error-subtitle">
        {{ errorPage is defined and errorPage ? errorPage.body|raw : fallbackBody }}
    </div>

    <div class="error-divider"></div>

    {% block error_actions %}
    <a href="{{ path('app_home') }}" class="error-btn-primary">
        <svg width="14" height="14" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.2"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>
        Retour à l'accueil
    </a>
    {% endblock %}
</div>
{% endblock %}

{% block cookie_banner %}{% endblock %}