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

{% block title %}admin - CompanyInformation{% 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="Page">
        <div>
            {% include '/management/top_menu.html.twig' %}
        </div>
        {% 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="container-fluid h-100">
            <div class="row h-100">
                {% include '/management/Admin/vertical_menu.html.twig' %}
                <div class="col-10" style="background: var(--color-grey-light)">
                    <div class="container-fluid p-2 w-100 h-100">
                        <div class="row"><!-- invoice list -->
                            <div class="col-12">
                                <div class="Text mt-2 mb-2">
                                    <div class="Size-2 Bold">
                                        Paramètres de la société
                                        <button class="float-right btn btn-primary" onclick="addDocument()">Action
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </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 %}