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

{% block title %}Error403{% endblock %}

{% block body %}

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

    <div id="Error" class="Page">
        <div class="container-fluid">
            <div class="row">
                <div class="center-vertical">
                    <h1>L'accès à cette page n'est pas autorisé'</h1>

                    <p>
                        Vous n'avez pas la permission d'accéder à cette page.
                    </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 %}