<!-- NAVIGATION DESKTOP-->
<nav id="nav-desktop">
    <div id="wrapper-lg">
        <div id="sidebar-wrapper-lg">
            <ul id="sidebar-menu" class="sidebar-nav">
                <li class="sidebar-brand plr-16 ptb-24"><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">
                {% 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: #0e4363;"{% endif %}><i class="fas fa-home font-size-16 mr-8"></i>Accueil</a></li>
                <li><a class="plr-16 ptb-24" href="{{ path('documentDispo') }}" {% if currentPath == path('documentDispo') %}style="background: #0e4363;"{% endif %}><i class="far fa-copy font-size-16 mr-8"></i>Documents à disposition</a></li>
                <li><a class="plr-16 ptb-24" href="{{ path('documentDepo') }}" {% if currentPath == path('documentDepo') %}style="background: #0e4363;"{% endif %}><i class="fas fa-upload font-size-16 mr-8"></i>Dépôt de documents</a></li>
                {% if 'DPF' in app.user.thematiqueCodes %}
                    <li>
                        <a class="plr-16 ptb-24" href="{{ path('participations_list') }}" {% if ('echeances' in currentPath) or ('dossier' in currentPath) or ('participation' in currentPath) %}style="background: #0e4363;"{% endif %}>
                        <i class="fas fa-th-list font-size-16 mr-8"></i>Participations financières</a>
                    </li>
                {% endif %}
                <li><a class="plr-16 ptb-24" href="{{ path('encaissements_usager') }}" {% if currentPath == path('encaissements_usager') or currentPath == path('decaissements_usager') %}style="background: #0e4363;"{% endif %}><i class="fas fa-exchange-alt font-size-16 mr-8"></i>Opérations comptables</a></li>
                <div class="plr-16 ptb-24">
                    <div class="divider-white-t"></div>
                </div>
                <li>
                    <a class="plr-16 ptb-24" href="{{ path('downloadFile', { 'id': 0, 'type': 'explorer'}) }}">
                        <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">
            <ul id="sidebar-menu" class="sidebar-nav">
                <li class="sidebar-brand plr-16 ptb-24"><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('documentDispo') }}"><i class="far fa-copy font-size-16"></i></a></li>
                <li><a class="plr-16 ptb-24" href="{{ path('documentDepo') }}"><i class="fas fa-upload font-size-16"></i></a></li>
                <li><a class="plr-16 ptb-24" href="{{ path('participations_list') }}"><i class="fas fa-th-list font-size-16"></i></a></li>
                <li><a class="plr-16 ptb-24" href="{{ path('encaissements_usager') }}"><i class="fas fa-exchange-alt font-size-16"></i></a></li>
                <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>