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

{% block title %}Error404{% endblock %}

{% block body %}

    {% include '/loader/loader.html.twig' %}

    <div id="Error" class="Page">
        <div class="container h-100">
            <div class="row h-100">
                <div class="center-vertical">
                    <h1>La page n'a pas été trouvée</h1>

                    <p>
                        La page que vous avez sélectionné n'à pas été trouvé. Verifiez l'URL que vous avez entrée.
                    </p>
                    <p>
                        <a href="{{ path('home') }}">Cliquez ici pour retourner à la page d'accueuil</a>.
                    </p>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block javascripts %}

    <script>
        function displayOn() {
            document.getElementById("loader").style.display = "none";
            document.getElementById("Error").style.display = "flex";
        }

        $(document).ready(function () {
            displayOn();
        });
    </script>

{% endblock %}