<template name="header">
	<nav class="navbar navbar-default" role="navigation">
	  <div class="container">
	    <div class="navbar-header">
	      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
	        <span class="sr-only">Toggle navigation</span>
	        <span class="icon-bar"></span>
	        <span class="icon-bar"></span>
	        <span class="icon-bar"></span>
	      </button>
	      <a class="navbar-brand" href="{{pathFor 'index'}}">Base</a>
	    </div>
	    <div id="bs-example-navbar-collapse-1" class="collapse navbar-collapse">
	    	{{#if currentUser}}
	      <ul class="nav navbar-nav navbar-right">
	        <li class="dropdown">
	          <a href="#" class="dropdown-toggle" data-toggle="dropdown">{{currentUser.emails.[0].address}} <span class="caret"></span></a>
	          <ul class="dropdown-menu" role="menu">
	            <li class="logout"><a href="#">Logout</a></li>
	          </ul>
	        </li>
	      </ul>
	      {{else}}
	      <ul class="nav navbar-nav navbar-right">
	        <li class="{{currentRoute 'login'}}"><a href="{{pathFor 'login'}}">Login</a></li>
	        <li class="{{currentRoute 'signup'}}"><a href="{{pathFor 'signup'}}">Sign Up</a></li>
	      </ul>
	      {{/if}}
	    </div> <!-- end .navbar-collapse -->
	  </div> <!-- end .container-fluid -->
	</nav>
</template>