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

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

{% block body %}
    <main class="error-page">
        <section class="error-container">
            <div class="error-card">
                <p class="error-code">{{ status_code }}</p>
                <h1 class="error-title">Oups ! Une erreur s'est produite.</h1>
                <h2 class="error-subtitle">
                    Le serveur a renvoyé une erreur "{{ status_code }} {{ status_text }}".
                </h2>

                {% if exception is defined and exception.message is not empty %}
                    <p class="error-message">
                        Message à nous retrouver dans l'email : "{{ exception.message }}"
                    </p>
                {% endif %}

                <p class="error-text">
                    Quelque chose ne fonctionne pas correctement. Veuillez nous envoyer un e-mail à
                    <a href="mailto:onSfaitca@coucou.cc">onSfaitca@coucou.cc</a>
                    en nous indiquant ce que vous faisiez lorsque cette erreur s'est produite.
                    Nous corrigerons le problème dès que possible. Désolés pour la gêne occasionnée.
                </p>

                <div class="error-actions">
                    <a href="{{ path('main_event') }}" class="btn btn-primary">Retour au site</a>
                </div>
            </div>
        </section>
    </main>
{% endblock %}