{# 
	@author: Benjamin AMOUZOU <benkokouamouzou@gmail.com>
	Comment: Contient le menu afficher lorsque l'utilisateur clique sur l'icone user
#}
<nav class="navbar navbar-expand-lg navbar-light border-bottom" style="background-color: #94C11E">

	<button class="btn btn-link" id="menu-toggle" style="color:white">
		<i class="fa fa-bars fa-lg"></i>
	</button>

	<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" style="border:0">
		<i class="fa fa-ellipsis-v fa-fw" style="color:white;"></i>
	</button>

	<div class="collapse navbar-collapse" id="navbarSupportedContent">
		<div class="ml-auto d-flex flex-row align-items-center">
			<span style="color:#FFFFFF" class="ml-3">{{app.user.login|capitalize}}</span>
			<ul class="navbar-nav mt-lg-0" style="list-style-type: none">
				<li class="nav-item dropdown">

					<a class="nav-link dropdown-toggle ml-2" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="color: white">
						<i class="fa fa-user-circle fa-lg" style="color: white"></i>
					</a>

					<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">

						{% if is_granted("ROLE_ADMIN") %}
							<a class="dropdown-item" href="{{path('app_user_list')}}">
							<i class="fa fa-lock fa-fw" style="color: gray"></i>&nbsp;&nbsp;Menu d'administration</a>
							<div class="dropdown-divider"></div>
						{% endif %}

						{% if not is_granted("ROLE_ADMIN") %}
							<a class="dropdown-item" href="#">
								<i class="fa fa-book fa-fw" style="color: gray"></i>&nbsp;&nbsp;Documentation
							</a>
							<a class="dropdown-item" href="#">
								<i class="fa fa-bell-o fa-fw" style="color: gray"></i>&nbsp;&nbsp;Notification
							</a>
							<a class="dropdown-item" href="{{path('app_user_profil_edit')}}">
								<i class="fa fa-user fa-fw" style="color: gray"></i>&nbsp;&nbsp;Profile
							</a>
							<div class="dropdown-divider"></div>
						{% endif %}

						<a class="dropdown-item" href="{{path('app_logout')}}">
							<i class="fa fa-sign-out fa-fw" style="color: gray"></i>&nbsp;&nbsp;Déconnexion
						</a>

					</div>
				</li>
			</ul>
		</div>

	</div>

</nav>