extends layout

block content
  div(ng-app="habitrpg", ng-controller="RootCtrl")
    include ./modals/login
    include ./header/header

    span(ng-class='{hidden: _gamePane}')
      | app:filters:filters

    br
    #notification-area
    #wrap
      app:alerts:flash
      //if they hide the header, we still need user-menu visible
      app:settings:menu(ng-show='_user.preferences.hideHeader')
      .exp-chart(ng-class='{hidden: _page.charts.exp}')
      #main.grid
        div(ng-class='{hidden: _gamePane}')
          app:tasks:task-lists(habits='{{_habitList}}', dailys='{{_dailyList}}', todos='{{_todoList}}', rewards='{{_rewardList}}', main='true', editable='true')
        div(ng-class='{hidden: _gamePane}')
          app:game-pane:main
    app:footer:footer