doctype html
html(lang="en")
  head
    include ./head.jade
    
  body
    .container

      block menu
        -var selected = '/'; //default

      -var menu = { 'Home': '/', 'About': '/about' };

      .header.clearfix
        nav: ul.nav.nav-pills.pull-right#nav
          each val, key in menu
            if selected === val
              li.active(role='presentation'): a(href=val,title=key)= key
            else
              li(role='presentation'): a(href=val,title=key)= key
          li.login-link(role='presentation'): a.btn-botleagues-login(href='#',title='Login') Login
        h3: a.no-style(href='/') Botleagues

      #messages

      #login-block
        form.form-inline#login-form(action='#',method='post')
          .form-group
            input.form-control#login-email(type='email',placeholder='Email')
          |  
          .form-group
            input.form-control#login-password(type='password',placeholder='Password')
          |  
          .form-group
            button.btn.btn-default.pull-right#login-submit(role='submit') Login
        br(style='clear:both;')

      -var header_jumbotron = false
      block header

      -if (header_jumbotron)
        .jumbotron
          h1= header_title
          -if (header_subtitle)
            p.lead= header_subtitle
          p.row
            block header_content
      -else
        .row
          .col-lg-12
            .bs-component
              h1= header_title
              -if (header_subtitle)
                p.lead= header_subtitle
              p.row
                block header_content

      block content

      footer.footer: :markdown
        © [ViviSoft](http://vivisoft.nl/) 2015

    script(type='text/javascript')!= 'var selected_page = "' + selected + '";'

    include ./foot.jade

    block js