extends layout

block content
  if messages.length
    .alert.alert-danger
      strong= messages

  form.form-horizontal(method='POST')
    legend Login
    .form-group
      .col-sm-offset-2.col-sm-8
        .btn-group.btn-group-justified.btn-group
          a.btn.btn-primary.facebook(href='/auth/facebook')
            i.fa.fa-facebook
            | Facebook
          a.btn.btn-info.twitter(href='/auth/twitter')
            i.fa.fa-twitter
            | Twitter
          a.btn.btn-default.github(href='/auth/github')
            i.fa.fa-github
            | GitHub
          a.btn.btn-danger.google(href='/auth/google')
            i.fa.fa-google-plus
            | Google
    .form-group
      label.col-sm-2.control-label(for='username') Email
      .col-sm-8
        input.form-control(type='text', name='username', id='username', placeholder='Email', autofocus='')
    .form-group
      label.col-sm-2.control-label(for='username') Password
      .col-sm-8
        .input-group
          input.form-control(type='password', name='password', id='password', placeholder='Password')
          span.input-group-btn
            button.btn.btn-primary(type='submit') Go
        .help-block
          a.pull-right(href='#') Forgot password?