<template name="headerBar">
  <ul id="drop-manage" class="dropdown-content">
    
  </ul>
    <nav>
        <div class="nav-wrapper blue darken-4">
          <a href="#" class="brand-logo center" id="brandLogo">Get My</a>
          <a href="#" data-target="mobile-demo" class="sidenav-trigger"><i class="material-icons">menu</i></a>
          <ul class="right hide-on-med-and-down">
            {{#if currentUser}}
              <li><a href="#" id="mylists" class="navBtn">My Lists</a></li>
              <li><a href="#" id="mymenus" class="navBtn">My Menus</a></li>
              <li><a href="#" id="myTasks" class="navBtn">My Tasks</a></li>
              {{#if isInRole 'systemadmin'}}
                <li><a href="#" id="manage" class="navBtn">Manage</a></li>
              {{/if}}
              <li class="signOut"><a href="#" class="signOut">Log Out</a></li>
            {{else}}
              <li><a href="#!" id="login" class="navBtn">Login</a></li>
            {{/if}}
          </ul>
        </div>
      </nav>
      <ul class="sidenav" id="mobile-demo">
        {{#if currentUser}}
        <li><a href="#!" id="mylists" class="navBtn">My Lists</a></li>
        <li><a href="#!" id="mymenus" class="navBtn">My Menus</a></li>
        <li><a href="#!" id="myTasks" class="navBtn">My Tasks</a></li>
        {{#if isInRole 'systemadmin'}}
          <li><a href="#!" id="manage" class="navBtn">Manage</a></li>
        {{/if}}
        <li><a href="#!" class="signOut">Sign Out</a></li>
        {{else}}
          <li><a href="#!" id="login" class="navBtn">Login</a></li>
        {{/if}}
      </ul>
</template>
