!!!5
html(lang='en')
  head
    title= title
    link(rel='stylesheet', href='/css/bootstrap.css')
    style(type='text/css')
      #content { padding-top: 60px; }
  body
    .navbar.navbar-fixed-top
      .navbar-inner
        .container
          a.brand(href='/') Modulo Users
          .nav-collapse.pull-right
            ul#account.nav.nav-pills
              - if (user)
                li.dropdown
                  a.dropdown-toggle(href='#', data-toggle='dropdown')
                    i.icon-user.icon-white  
                    |   
                    = user.name.full 
                    |  
                    b.caret
                  ul.dropdown-menu
                    li: a(href='/account')
                      i.icon-cog
                      |  Account
                    li.divider
                    li: a(href='/logout')
                      i.icon-lock
                      |  Logout
              - else
                li: a(href='/signup') Sign up
                li: a(href='/login') Login 
 
    #content.container
      - if (messages.success)
        .alert.alert-success!= messages.success.toString()
      block content

    footer.container
      .row
        .span12
          p © 2012

  //-
    != js('jquery-1.7.2.min')
    != js('rails')
    != js('bootstrap')
    != js('client')