.user-menu(ng-controller='AuthCtrl')
  ul.nav.site-nav(ng-show='authenticated()')
    li.flyout
      h1.task-action-btn.tile.solid.user-reporter {{user.profile.name}}
      ul.flyout-content.nav.stacked
        li
          a.task-action-btn.tile.solid
            span(ng-show='$state.includes("options")', ui-sref='tasks')
              span.glyphicon.glyphicon-ok
              |  
              =env.t('tasks')
            span(ng-show='$state.includes("tasks")', ui-sref='options')
              span.glyphicon.glyphicon-wrench
              |  
              =env.t('options')
        li 
          a.task-action-btn.tile.solid(href="http://habitrpg.wikia.com/wiki/FAQ", target='_blank')
            span.glyphicon.glyphicon-book
            |  
            =env.t('FAQ')
        li 
          a.task-action-btn.tile.solid(href="https://vimeo.com/57654086", target='_blank')
            span.glyphicon.glyphicon-film
            //|   Tutorials is too long to stay in the menu if we add a space
            =env.t('tutorials')
        li
          a.task-action-btn.tile.solid(ng-click='User.sync()')
            span.glyphicon.glyphicon-refresh
            |  
            =env.t('sync')
        li
          a.task-action-btn.tile.solid(ng-click='logout()')
            span.glyphicon.glyphicon-share-alt
            |  
            =env.t('logout')
    // party invitation notification
    a(ng-show='user.party.invitation', style='cursor: pointer;', x-bind='click:gotoPartyChat')
      span.glyphicon.glyphicon-user
    // party chat notification
    a(ng-show='newChatMessages(_party.chat,user.party.lastMessageSeen)', style='cursor: pointer;', x-bind='click:gotoPartyChat')
      span.glyphicon.glyphicon-comment(tooltip=env.t('partyNotification'))