<div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvasMenu" aria-labelledby="offcanvasMenuLabel">
<nav id="sidebar" class="">
<div class="sidebar-header">
<div class="offcanvas-header text-center">
<div class="text-center">
<h5 class="offcanvas-title " id="offcanvasMenuLabel">
<img src="{{ asset('build/static/images/logo_ars_hdf.png') }}" width="120em" style="border:4px solid white;background-color: white"/>
</h5>
</div>
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="pb-5 pt-3">
<div class="row">
<div class="col-1"></div>
<div class="col-3 p-3 bg-light text-center rounded">
<i class="fas fa-user-circle" style="font-size:40px"></i>
</div>
<div class="col-8">
{% if app.user %}
<span style="font-weight: 600; font-size: 1rem">{{ app.user.prenom }} {{ app.user.nom }}</span>
<div style="font-size: 12px">
{% if app.user.place is not empty %}
Place {{ app.user.place}}
{% endif %}
</div>
{% endif %}
</div>
</div>
</div>
</div>
<div class="p-4 pt-2" style="font-size: 1rem">
<ul class="list-unstyled components mb-5">
<li><a href="{{ path('main') }}"><i class=" fa fa-home"></i> Accueil</a></li>
<li><a href="{{ path('monCompte') }}"><i class=" fa fa-address-card"></i> Mon compte</a></li>
{% if (app.user) and (app.user.place is not empty) %}
<li><a href="{{ path('mesActions') }}"><i class="fa fa-user-slash"></i> Mes actions</a></li>
<li><a href="{{ path('mesReservations') }}"><i class="fa fa-check"></i> Mes réservations</a></li>
{% else %}
<li><a href="{{ path('mesReservations') }}"><i class="fa fa-check"></i> Mes réservations</a></li>
<li><a href="{{ path('mesAlertes') }}"><i class="fa fa-clock"></i> Mes alertes</a></li>
{% endif %}
{% if (app.user) and ('ROLE_HAB' in app.user.roles) %}
<li><a href="{{ path('toactivate') }}"><i class="fa fa-users"></i> Habilitations</a></li>
<li><a href="{{ path('habilitation_liberer_place') }}"><i class=" fa fa-car"></i> Libérer une place</a></li>
<li><a href="{{ path('disposition_agent') }}"><i class=" fa fa-file-csv"></i> Liste des mises à dispositions (export)</a></li>
<li>
<a href="#pageSubmenuStat" data-bs-toggle="collapse" data-bs-target="#pageSubmenuStat" aria-controls="pageSubmenuStat" aria-expanded="false" class="dropdown-toggle collapsed"><i class=" fa fa-chart-bar"></i> Statistique</a>
<ul class="list-unstyled collapse" id="pageSubmenuStat" style="">
<li><a href="{{ path('grapheParAnnnee') }}" ><i class="fa fa-angle-right"></i> Graphe par année</a></li>
<li><a href="{{ path('grapheParAnnneeMois',{'annee':"now"|date('Y')}) }}" ><i class="fa fa-angle-right"></i> Graphe par mois</a></li>
</ul>
</li>
{% endif %}
<li><a href="{{path('arshdf_user_logout')}}" ><i class="fas fa-sign-in-alt" ></i> Déconnexion</a></li>
</ul>
</div>
</nav>
</div>