doctype 5
html
  head
    meta(charset='utf-8')
    meta(http-equiv='X-UA-Compatible', content='IE=edge')
    meta(name='viewport', content='width=device-width, initial-scale=1.0')
    meta(name='description', content='')
    meta(name='author', content='')
    title #{title} - Starter Template for Bootstrap
    link(href='/css/app.css', rel='stylesheet')

  body
    .navbar.navbar-default.navbar-fixed-top(role='navigation')
      .container
        .navbar-header
          button.navbar-toggle(type='button', data-toggle='collapse', data-target='.navbar-collapse')
            span.sr-only Toggle navigation
            span.icon-bar
            span.icon-bar
            span.icon-bar
          a.navbar-brand(href='/') Project name
        .collapse.navbar-collapse
          ul.nav.navbar-nav
            li(class=title=='Home'?'active':undefined)
              a(href='/') Home
            li(class=title=='API Browser'?'active':undefined)
              a(href='/api') API Browser
            li(class=title=='Contact'?'active':undefined)
              a(href='/contact') Contact
          ul.nav.navbar-nav.navbar-right
            if !user
              li(class=title=='Login'?'active':undefined)
                a(href='/login') Login
              li(class=title=='Create Account'?'active':undefined)
                a(href='/signup') Create Account
            else
              li
                a(href='/account') Welcome,  #{user.firstName} #{user.lastName}
              li
                a(href='/logout') Logout
  .container
    block content

  script(src='/js/lib/jquery.js')
  script(src='/js/lib/bootstrap.js')
  script(src='/js/main.js')