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

{% block stylesheets %}
{% endblock %}

{% block body %}
        
    <div class="app-admin-wrap layout-sidebar-large {% if app.request.attributes.get('_route') in ['viewGantt', 'viewGanttViewer', 'calendrier'] %}height100{% endif %}">
        <div class="main-header">
            <div class="logo">
                <img src="{{ asset('images/logo_concept_2022.png') }}" alt="">
            </div>
            <div class="menu-toggle" style="width:30px;">
                <div></div>
                <div></div>
                <div></div>
            </div>
            <i class="i-Full-Screen header-icon d-none d-sm-inline-block 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('deconnecterUtilisateur') }}" 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>
        <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">
                    {% if is_granted("ROLE_DASHBOARD") %}
                    <li class="nav-item {% if app.request.attributes.get('_route')=='dashboard' %}active{% endif %}">
                        <a class="nav-item-hold" href="{{ path('dashboard') }}"><i class="nav-icon i-Dashboard"></i><span class="nav-text">Dashboard</span></a>
                        <div class="triangle"></div>
                    </li>
                    {%  endif %}
                    {% if is_granted("ROLE_GANTT") %}
                    <li class="nav-item {% if app.request.attributes.get('_route')=='viewGantt' %}active{% endif %}">
                        <a class="nav-item-hold" href="{{ path('viewGantt') }}"><i class="nav-icon i-Calendar-4"></i><span class="nav-text">Gantt</span></a>
                        <div class="triangle"></div>
                    </li>
                    {%  endif %}
                    {% if is_granted("ROLE_GANTT_VIEWER") %}
                    <li class="nav-item {% if app.request.attributes.get('_route')=='viewGanttViewer' %}active{% endif %}">
                        <a class="nav-item-hold" href="{{ path('viewGanttViewer') }}"><i class="nav-icon i-Eye-Scan"></i><span class="nav-text">Viewer</span></a>
                        <div class="triangle"></div>
                    </li>
                    {%  endif %}
                    {% if is_granted("ROLE_LISTE_OPE") %}
                    <li class="nav-item {% if app.request.attributes.get('_route')=='liste-OF' %}active{% endif %}">
                        <a class="nav-item-hold" href="{{ path('liste-OF') }}"><i class="nav-icon i-Split-Horizontal"></i><span class="nav-text">Liste</span></a>
                        <div class="triangle"></div>
                    </li>
                    {%  endif %}
                    {% if is_granted("ROLE_CALENDRIER") %}
                    <li class="nav-item {% if app.request.attributes.get('_route')=='calendrier' %}active{% endif %}">
                        <a class="nav-item-hold" href="{{ path('calendrier') }}"><i class="nav-icon i-Calendar-2"></i><span class="nav-text">Calendrier</span></a>
                        <div class="triangle"></div>
                    </li>
                    {%  endif %}
                    {% 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-Lock"></i><span class="nav-text">Admin</span></a>
                        <div class="triangle"></div>
                    </li>
                    {%  endif %}
                </ul>
            </div>
            <div class="sidebar-overlay"></div>
        </div>
        <!-- =============== Left side End ================-->
        <div class="main-content-wrap sidenav-open {% if app.request.attributes.get('_route') in ['viewGantt', 'viewGanttViewer', 'calendrier'] %}height-main-content-wrap{% endif %}">
            <!-- ============ Body content start ============= -->
            <div class="main-content {% if app.request.attributes.get('_route') in ['viewGantt', 'viewGanttViewer', 'calendrier'] %}height-main-content{% endif %}">
                
                {% block page %}{% endblock %}
                
            </div>
        </div>
    </div>
                
{% endblock %}

{% block javascripts %}
    <script src="{{ asset('lib/sweetalert/sweetalert.min.js') }}"></script>
    
    <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 %}