{% extends 'html.html.twig' %}
{% trans_default_domain 'WMS-FRIDA' %}

{% block stylesheets %}
{% endblock %}

{% block body %}
        
    <div class="app-admin-wrap layout-sidebar-large {% if app.request.attributes.get('_route')=='viewGantt' %}height100{% endif %}">
        <div class="main-header">
            <div class="logo">
                <img src="{{ asset('images/test-logo-frida.png') }}" alt="">
            </div>
            {% if is_granted("ROLE_ADMIN") %}
            <div class="menu-toggle" style="width:30px;">
                <div></div>
                <div></div>
                <div></div>
            </div>
            {% else %}
            <div class="pl-2 pr-2">
                <a href="{{ path('accueil') }}" class="text-secondary"><i class="i-Home1 header-icon d-sm-inline-block mr-2"></i></a>
            </div>
            {% endif %}
            
            <i class="i-Full-Screen header-icon d-inline-block d-sm-none mr-2" data-fullscreen></i>
            
            {% block megamenu %}
            {% endblock %}
            
            <div style="margin: auto;">
                {% block headerbar %}
                {% endblock %}
            </div>
            
            <div class="header-part-right">
                {% block rightbar %}
                    <a href="{{ path('deconnexion') }}" class="text-secondary" title="{{ 'security.logout'|trans }}"><i class="fas fa-sign-out-alt header-icon d-sm-inline-block mr-sm-3"></i></a>
                {% endblock %}
            </div>
        </div>
            
        {% if is_granted("ROLE_ADMIN") %}
        <div class="side-content-wrap">
            <div class="sidebar-left open rtl-ps-none" data-perfect-scrollbar="" data-suppress-scroll-x="true">
                <ul class="navigation-left">
                    <li class="nav-item {% if app.request.attributes.get('_route')=='accueil' %}active{% endif %}">
                        <a class="nav-item-hold" href="{{ path('accueil') }}"><i class="nav-icon i-One-Window"></i><span class="nav-text">{{ 'page.accueil'|trans }}</span></a>
                        <div class="triangle"></div>
                    </li>
                    {% if is_granted("ROLE_ADMIN") %}
                    <li class="nav-item {% if app.request.attributes.get('_route')=='admin' %}active{% endif %}">
                        <a class="nav-item-hold" href="{{ path('admin') }}"><i class="nav-icon i-Gears"></i><span class="nav-text">{{ 'page.admin'|trans }}</span></a>
                        <div class="triangle"></div>
                    </li>
                    {% endif %}
                </ul>
            </div>
            <div class="sidebar-overlay"></div>
        </div>
        {% endif %}
        <!-- =============== Left side End ================-->
        <div class="main-content-wrap {% if is_granted("ROLE_ADMIN") %}sidenav-open{% endif %} mb-5">
            <!-- ============ Body content start ============= -->
            <div class="main-content">
                
                {% block page %}{% endblock %}
                
            </div>
        </div>
        {% block footer %}{% endblock %}
    </div>
                
{% endblock %}

{% block javascripts %}
    
    <script>
        $(function () {
            
            {# On affiche les messages flash que définissent les différents contrôleurs #}
            {% for type, messages in app.session.flashbag.all() %}
                {% for message in messages %}
                    var messageJS = "{{ message|trans }}".replace("&#039;", "'");
                    var typeJS = "";
                    if("{{ type }}" == "error"){
                        typeJS = "Erreur";
                    }
                    else if("{{ type }}" == "warning"){
                        typeJS = "Avertissement";
                    }
                    else if("{{ type }}" == "info"){
                        typeJS = "Information";
                    }
                    swal(typeJS, messageJS, "{{ type }}");
                {% endfor %}
            {% endfor %}
        });
    </script>
{% endblock %}