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

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

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

{% block loading %}{% endblock %}

{% block main %}
    <div role="main" class="main">

        <section class="page-header page-header-modern bg-color-light-scale-1 page-header-lg">
            <div class="container">
                <div class="row">
                    <div class="col-md-12 align-self-center p-static order-2 text-center">
                        <h1 class="font-weight-bold text-dark">{% block header_message %}{% endblock %}</h1>
                    </div>
                    <div class="col-md-12 align-self-center order-1">
                        <ul class="breadcrumb d-block text-center">
                            <li><a href="{{ path('app_home') }}">Accueil</a></li>
                            <li class="active">Erreur</li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>

        <div class="container">

            <section class="http-error">
                <div class="row justify-content-center py-3">
                    <div class="col-md-7 text-center">
                        <div class="http-error-main">
                            <h2>{% block message %}{% endblock %}</h2>
                            <p>{% block description %}{% endblock %}</p>
                        </div>
                    </div>
                    <div class="col-md-4 mt-4 mt-md-0">
                        <h4 class="text-primary">Quelques liens utiles :</h4>
                        <ul class="nav nav-list flex-column">
                            <li class="nav-item"><a class="nav-link" href="{{ path('app_home') }}">Accueil</a></li>
                            <li class="nav-item"><a class="nav-link" href="{{ path('app_article') }}">Mes Créations</a></li>
                            <li class="nav-item"><a class="nav-link" href="{{ path('app_essence') }}">Les Essences de Bois</a></li>
                            <li class="nav-item"><a class="nav-link" href="{{ path('app_post') }}">Le Blog</a></li>
                            <li class="nav-item"><a class="nav-link" href="#">Contact Us</a></li>
                        </ul>
                    </div>
                </div>
            </section>

        </div>

    </div>
{% endblock %}

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