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

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

{% block body %}
    <div class="row">
        <div class="col-12 col-lg-2 order-2 order-lg-1 bg-primary p-5 text-center d-none d-lg-block">
            <img src="{{ asset('images/Hextra-bg-transparent.svg') }}" alt="Logo Hans & associés" class="img-fluid mb-4 mt-md-5">
        </div>
        <div id="first-login-form" class="col-12 col-lg-10 order-1 order-lg-2 p-5">
            <img src="{{ asset('images/Hextra.svg') }}" alt="Logo Hans & associés" class="img-fluid mb-4 mt-md-5 d-block d-lg-none">
            <h1 class="h3 mb-3 font-weight-normal text-uppercase text-primary text-center fst-italic mt-md-5">Erreur {{ status_code }} : {{ status_text }}</h1>
            <div class="row">
                <div class="col-12">
                    <div class="italic h4">
                        Errare informaticum est
                    </div>
                    <p>
                        Nous sommes navrés mais une erreur est survenue :(
                    </p>
                    <p><code>{{ exception.message }}</code></p>
                    <p>
                        Contactez-nous pour nous faire remonter le problème !
                    </p>
                    <p><a href="/" class="btn btn-primary btn-fw">Retour à l'accueil</a></p>
                </div>
            </div>
        </div>
    </div>

{% endblock %}