<!-- NAVIGATION DESKTOP-->
<nav id="nav-desktop" >
    <div id="wrapper-lg">
        <div id="sidebar-wrapper-lg" class=" background-orange">
            <ul id="sidebar-menu" class="sidebar-nav background-orange">
                <li class="sidebar-brand plr-16 ptb-24 background-orange"><a href="javascript:void(0)" id="menu-toggle-close" onclick="closeNav()"><i class="fas fa-angle-left font-size-16"></i></a></li>
                <li class="plr-16 pb-16 text-align-c" style="background-color: #FFF"><img id="main-logo" class="align-middle" src="{{ asset('img/4.png') }}" alt="" /></li>
            </ul>
            <ul id="sidebar" class="sidebar-nav background-orange">
                {% set currentPath =  path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params'))   %}
                <li><a class="plr-16 ptb-24" href="{{ path('homepage') }}" {% if currentPath == path('homepage') %}style="background: #8e3e19;"{% endif %}><i class="fas fa-home font-size-16 mr-8"></i>Accueil</a></li>
                <li><a class="plr-16 ptb-24" href="{{ path('users_list') }}" {% if currentPath == path('users_list') %}style="background: #8e3e19;" {% endif %}><i class="far fa-user font-size-16 mr-8"></i>Usagers</a></li>

                {% if is_granted('ROLE_ADMIN') %}
                <li><a class="plr-16 ptb-24" href="{{ path('agents_list') }}" {% if 'agent' in currentPath  %}style="background: #8e3e19;" {% endif %}><i class="fas fa-user-md font-size-16 mr-8"></i>Agents</a></li>
                <li><a class="plr-16 ptb-24" href="{{ path('thematique_index') }}" {% if 'thematique' in currentPath %}style="background: #8e3e19;" {% endif %}><i class="fas fa-list font-size-16 mr-8"></i>Thématiques</a></li>
                <li><a class="plr-16 ptb-24" href="{{ path('entetes_list') }}" {% if 'entetes' in currentPath%}style="background: #8e3e19;" {% endif %}><i class="fas fa-heading font-size-16 mr-8"></i>Entête</a></li>
                <li><a class="plr-16 ptb-24" href="{{ path('update_cgu') }}" {% if currentPath == path('update_cgu') %}style="background: #8e3e19;" {% endif %}><i class="fas fa-book font-size-16 mr-8"></i>CGU</a></li>
                    <li><a class="plr-16 ptb-24" href="{{ path('historique_index') }}" {% if currentPath == path('historique_index') %}style="background: #8e3e19;" {% endif %}><i class="fas fa-calendar-alt font-size-16 mr-8"></i>Historique</a></li>
                {% endif %}
                <div class="plr-16 ptb-24">
                    <div class="divider-white-t"></div>
                </div>
                <li>
                    <a class="plr-16 ptb-24" href="#">
                        <div class="text-align-c">
                            <span>Découvrir les principales fonctionnalités du téléservice</span>
                            <div class="ico-explorer align-middle mt-8">
                                <i class="fas fa-info-circle align-middle font-size-16 mr-8"></i>
                                <span class="align-middle pr-16">explorer</span>
                            </div>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div id="wrapper-xs" style="display: none">
        <div id="sidebar-wrapper-xs" class="background-orange">
            <ul id="sidebar-menu" class="sidebar-nav">
                <li class="sidebar-brand plr-16 ptb-24 background-orange" ><a id="menu-toggle-open" onclick="openNav()"><i class="fas fa-angle-right font-size-16"></i></a></li>
                <li id="main-logo" class="pb-16"></li>
            </ul>
            <ul id="sidebar" class="sidebar-nav">
                <li><a class="plr-16 ptb-24" href="{{ path('homepage') }}"><i class="fas fa-home font-size-16"></i></a></li>
                <li><a class="plr-16 ptb-24" href="{{ path('users_list') }}"><i class="far fa-user font-size-16"></i></a></li>
                <li><a class="plr-16 ptb-24" href="{{ path('agents_list') }}"><i class="fas fa-user-md font-size-16"></i></a></li>
                <li><a class="plr-16 ptb-24" href="{{ path('thematique_index') }}"><i class="fas fa-list font-size-16"></i></a></li>
                <li><a class="plr-16 ptb-24" href="{{ path('entetes_list') }}"><i class="fas fa-heading font-size-16"></i></a></li>
                <li><a class="plr-16 ptb-24" href="{{ path('update_cgu') }}"><i class="fas fa-book font-size-16"></i></a></li>
                {% if is_granted("ROLE_ADMIN") %}
                    <li><a class="plr-16 ptb-24" href="{{ path('historique_index') }}"><i class="fas fa-calendar-alt font-size-16"></i></a></li>
                {% endif %}
                <div class="plr-16 ptb-24">
                    <div class="divider-white-t"></div>
                </div>
                <li>
                    <a class="plr-16 ptb-24" href="#">
                        <div class="">
                            <i class="fas fa-info-circle font-size-16"></i>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</nav>