<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">

	<div class="bg-light border-right" id="sidebarResponsive" th:fragment="sidebar">
		<div class="sidebar-heading uv-sidebar-heading" th:text="${#authentication.principal.usuari}" th:attr="title=${#authentication.principal.nom}+' '+${#authentication.principal.cognoms}"></div>
		<div class="navbar uv-navbar-menu-text" id="navbarResponsive" style="margin-top:-10px;">
			<ul class="uv-navbar-nav navbar-nav ml-auto" style="flex-direction: row !important;">
				<li class="nav-item dropright uv-dropright" th:attr="title=#{global.lang}">
					<a class="nav-link nav-link-black dropdown-toggle"  href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-globe-africa"></i></a>
					<div class="dropdown-menu dropdown-menu-right uv-navbar-dropdown" aria-labelledby="navbarDropdown" style="position:absolute !important;">
						<a class="dropdown-item" href="#" th:text="#{global.lang.va}" onclick="changeLocale('ca')"></a>
						<a class="dropdown-item" href="#" th:text="#{global.lang.es}" onclick="changeLocale('es')"></a>
					</div>
				</li>
				<li class="uv-navbar-li-separator-black"></li>
				<li class="nav-item uv-sidebar-nav-item" style="padding-right: .7rem;" th:attr="title=#{global.help}">
					<a class="nav-link nav-link-black" target="_blank" href="https://www.uv.es/uq"><i class="far fa-question-circle"></i></a>
				</li>
				<li class="uv-navbar-li-separator-black"></li>
				<li class="nav-item uv-sidebar-nav-item" th:attr="title=#{global.exit}">
					<a href="/logout" class="nav-link nav-link-black"><i class="fas fa-sign-out-alt"> </i></a>
				</li>
			</ul>
		</div>
		<br>
		<div class="list-group list-group-flush" style="margin-top:-10px;">
			<a href="/procedures" class="list-group-item list-group-item-action bg-light">
				<span th:text="#{global.menu.procedures}"></span>
			</a>
			<a href="/supervision" class="list-group-item list-group-item-action bg-light">
				<span th:text="#{global.menu.supervision}"></span>
			</a>
			<a href="/managers" class="list-group-item list-group-item-action bg-light">
				<span th:text="#{global.menu.managers}"></span>
			</a>
		</div>
		<br>
		<div class="list-group list-group-flush" th:if="${#authentication.principal.isAdmin()}">
			<span style="margin-left:10px;"><strong>Administración</strong></span>
			<a href="/admin/instances" class="list-group-item list-group-item-action bg-light">
				<span th:text="#{global.menu.admin.instances}"></span>
			</a>
			<a href="/admin/procedures" class="list-group-item list-group-item-action bg-light">
				<span th:text="#{global.menu.admin.procedures}"></span>
			</a>
			<a href="/admin/templates" class="list-group-item list-group-item-action bg-light">
				<span th:text="#{global.menu.admin.templates}"></span>
			</a>
			<a href="/admin/mailing" class="list-group-item list-group-item-action bg-light">
				<span th:text="#{global.menu.admin.mailing}"></span>
			</a>
			<a href="/admin/stats" class="list-group-item list-group-item-action bg-light">
				<span th:text="#{global.menu.admin.stats}"></span>
			</a>
		</div>
		<br>
		<div class="list-group uv-list-group-bottom list-group-flush">
			<span class="uv-list-group-item bg-light">
				<span th:text="#{global.footer.span1}"></span> <span> <a href="mailto:unitat.qualitat@uv.es">unitat.qualitat@uv.es</a></span>
			</span>
			<br>
			<span class="uv-list-group-item bg-light">
				<span th:text="#{global.footer.span2}"></span> <span> <a href="mailto:saic@uv.es">saic@uv.es</a></span>
			</span>
		</div>
		
	</div>
</html>
