#set( $symbol_pound = '#' )
#set( $symbol_dollar = '$' )
#set( $symbol_escape = '\' )
<div class="navbar navbar-inverse navbar-fixed-top">
	<div class="container">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
				<span class="icon-bar"></span> 
				<span class="icon-bar"></span> 
				<span class="icon-bar"></span>
			</button>
			<a class="navbar-brand" href="/">${symbol_dollar}{i18n("header.title")}</a>
		</div>
		<div class="navbar-collapse collapse">
			<ul class="nav navbar-nav">
				<li class="active"><a href="/">${symbol_dollar}{i18n("header.home")}</a></li>
			</ul>
			<ul class="navbar-right nav navbar-nav">
			<${symbol_pound}if (session.username)??>
                <li><a href="${symbol_pound}">${symbol_dollar}{session.username}</a></li>
                <li><a href="/article/new">${symbol_dollar}{i18n("header.new")}</a></li>
                <li><a href="/logout">${symbol_dollar}{i18n("header.logout")}</a></li>
            <${symbol_pound}else>
                
                <li><a href="/login" id="login">${symbol_dollar}{i18n("header.login")}</a></li>
            </${symbol_pound}if>
				
			</ul>
		</div>
		<!--/.navbar-collapse -->
	</div>
</div>