doctype 5
html
  head
    title HabitRPG | Your Life The Role Playing Game

    script(type='text/javascript').
      window.env = !{JSON.stringify(env)};

    style.
      [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
        display: none;
      }

    // CSS
    link(rel='stylesheet', href='/bower_components/bootstrap/docs/assets/css/bootstrap.css')
    link(rel='stylesheet', href='/bower_components/bootstrap/docs/assets/css/bootstrap-responsive.css')
    link(rel='stylesheet', href='/bower_components/angular-ui/build/angular-ui.css')
    != css('index')

    // HabitRPG Shared
    link(rel='stylesheet', href='/bower_components/habitrpg-shared/spritesheets.css')

    // JS
    script(type='text/javascript', src='/bower_components/jquery/jquery.min.js')
    script(type='text/javascript', src='/bower_components/lodash/lodash.js')
    script(type='text/javascript', src='/bower_components/moment/moment.js')
    script(type='text/javascript', src='/bower_components/bootstrap-growl/jquery.bootstrap-growl.min.js')
    script(type='text/javascript', src='/bower_components/angular/angular.js')
    script(type='text/javascript', src='/bower_components/angular-route/angular-route.js')
    script(type='text/javascript', src='/bower_components/angular-resource/angular-resource.js')
    script(type='text/javascript', src='/bower_components/angular-ui/build/angular-ui.js')
    script(type='text/javascript', src='/bower_components/angular-bootstrap/ui-bootstrap.js')
    script(type='text/javascript', src='/bower_components/angular-bootstrap/ui-bootstrap-tpls.js')

    // Sortable
    script(type='text/javascript', src='/bower_components/jquery-ui/ui/minified/jquery.ui.core.min.js')
    script(type='text/javascript', src='/bower_components/jquery-ui/ui/minified/jquery.ui.widget.min.js')
    script(type='text/javascript', src='/bower_components/jquery-ui/ui/minified/jquery.ui.mouse.min.js')
    script(type='text/javascript', src='/bower_components/jquery-ui/ui/minified/jquery.ui.sortable.min.js')


    script(type='text/javascript', src='/bower_components/habitrpg-shared/dist/habitrpg-shared.js')

    != js('app')

    != js('services/authServices')
    != js('services/notificationServices')
    != js('services/sharedServices')
    != js('services/userServices')
    != js('services/groupServices')

    != js('filters/filters')

    != js('directives/directives')

    != js('controllers/authCtrl')
    != js('controllers/characterCtrl')
    != js('controllers/menuCtrl')
    != js('controllers/notificationCtrl')
    != js('controllers/rootCtrl')
    != js('controllers/settingsCtrl')
    != js('controllers/statsCtrl')
    != js('controllers/tasksCtrl')
    != js('controllers/taskDetailsCtrl')
    != js('controllers/filtersCtrl')
    != js('controllers/userAvatarCtrl')
    != js('controllers/groupsCtrl')
    != js('controllers/footerCtrl')

    //webfonts
    link(href='//fonts.googleapis.com/css?family=Lato:300,400,700,400italic,700italic', rel='stylesheet', type='text/css')
    meta(name='viewport', content='width=device-width')
    meta(name='apple-mobile-web-app-capable', content='yes')

  body(ng-app="habitrpg", ng-controller="RootCtrl", ng-cloak)
    include ./shared/modals/index
    include ./shared/header/header

    #notification-area(ng-controller='NotificationCtrl')
    #wrap

      // Errors
      ul.unstyled.alert.alert-error(ng-show='_flash.error')
        li(ng-repeat='error in _flash.error') {{error}}

      //if they hide the header, we still need user-menu visible
      div(ng-if='user.preferences.hideHeader')
        include ./shared/header/menu

      .exp-chart(ng-show='page.charts.exp')

      #main(ng-view)

    .container
      h3
        a(target='_blank',href='https://workflowy.com/shared/9c77c53d-a174-d181-73a4-dc611508a936/') Roadmap
    include ./shared/footer