<%-- 
    Document   : banner
    Created on : 02/12/2014, 10:24:09 AM
    Author     : evicente
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler" data-target="#sidebar">
	<span class="sr-only">Toggle sidebar</span>

	<span class="icon-bar"></span>

	<span class="icon-bar"></span>

	<span class="icon-bar"></span>
</button>
<div class="navbar-header pull-left">
	<!-- #section:basics/navbar.layout.brand -->
	<span class="navbar-brand">
		<small>
			<i class="ace-icon fa fa-calendar green"></i>
			<span class="orange">Sistema </span>
			<span class="white"> de Horarios</span>
			<span class="white"> :: Periodo Académico - <%=periodo!=null?periodo.getNombrePeriodo():""%></span>
		</small>
	</span>
</div>

<!-- #section:basics/navbar.dropdown -->
<div class="navbar-buttons navbar-header pull-right" role="navigation">
	<ul class="nav ace-nav">
		<li class="light-blue">
			<a data-toggle="dropdown" href="#" class="dropdown-toggle">
				<img class="nav-user-photo" src="../assets/avatars/user-icon.png"/>
				<span class="user-info">
					<small>Bienvenido</small>
					<%=usuario!=null?usuario.getUsuarioUsuario():""%>
				</span>

				<i class="ace-icon fa fa-caret-down"></i>
			</a>

			<ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
				<!--<li>
						<a href="#">
								<i class="ace-icon fa fa-cog"></i>
								Settings
						</a>
				</li>

				<li>
						<a href="profile.html">
								<i class="ace-icon fa fa-user"></i>
								Profile
						</a>
				</li>

				<li class="divider"></li>-->

				<li>
					<a href="close.jsp">
						<i class="ace-icon fa fa-power-off"></i>
						Salir
					</a>
				</li>
			</ul>
		</li>
		<!-- /section:basics/navbar.user_menu -->
	</ul>
</div>