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

{% block title %}Admin{% endblock %}

{% block body %}

    <div id="loader">
        <div class="loader"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
    </div>
    <div id="management" class="w-100" style="display: none; padding-left: 4vw">
    {% for message in app.flashes('success') %}
        <div class="alert alert-success position-absolute" style="width: 100% !important; z-index: 3000">
            {{ message }}
        </div>
    {% endfor %}
    {% for message in app.flashes('warning') %}
        <div class="alert alert-warning position-absolute" style="width: 100% !important; z-index: 3000">
            {{ message }}
        </div>
    {% endfor %}
    <div class="d-flex w-100" style="min-height: calc(100vh - 5rem - 85px)">
    {% include '/admin/vertical_menu.html.twig' %}
        <div class="ml-auto mr-auto width-80-per">
            <div class="content-wrapper">
                <div class="content-body">
                    <div class="h4 col-12 card">
                        <div class="card-content">
                            <div class="h4 card-body text-center">Vue d'ensemble</div>
                        </div>
                    </div>
                    <br>
                    <div class="row">
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    <script>

        function displayOn()
        {
            document.getElementById("loader").style.display = "none";
            document.getElementById("management").style.display = "block";
        }

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

{% endblock %}