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

{% block stylesheets %}
    {{ parent() }} 

        #exception-layout
        {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
        }

        h1
        {
            width:100%;
            text-align:center;
            text-transform:capitalize;
            width: 800px;
            height: 600px;
            position: relative;
            font-size: 32px;
            background-image: url({{ asset ('img/panneau.jpeg') }});
            padding-top: 200px; /* Ajustez cette valeur selon votre préférence */
            background-size: cover; 
            background-position: center; 
            background-repeat: no-repeat; 
            border:solid;
        }
        
        #exception-layout div
        {
            border: solid;
            height:600px;
        }
        
        #exception-layout div p
        {
            margin: 5%;
        }

{% endblock %}

{% block main_content %}

    
    {% block content %}
    
    <div id="exception-layout">
    
   
        <h1>{{ exception }}</h1>
      
        <div>
            <p>Oups, votre cheminement vous a conduit dans une impasse. Vous avez été téléporté en ce lieu suite à une action malencontreuse ou non.</p>
            <p>Le titre indique la raison pour laquelle on vous a éconduit de façon aussi rustre.</p> 
            <p>Nous vous recommandons de le signaler au "maître" afin qu'il puisse éviter une telle mésaventure à l'avenir aux autres voyageurs en utilisant la <a href="{{ path('contact') }}">messagerie</a></p>
            <p>Décrivez les circonstances qui ont conduit à vous égarer - où vous étiez, et qu'avez vous fait - et faites part au "maître" du message affichée sur le panneau à votre gauche.</p>
            <p>Enfin, suivez <a href="{{ path('homepage') }}">cette direction</a>, et vous vous trouverez en territoire connu.</p>
        </div>

   
    </div>
    
     
    {% endblock %}

{% endblock %}

{% block javascript %}
    {{ parent() }}
{% endblock %}