{{template "header"}}
    <form method="post" action="login">
      <md-card-title>
	<md-card-title-text style="text-align:center">
          <span class="md-headline">Sign in with your Qarnot account</span>
          <span class="md-subhead">Don't have an account? <a href="/register">Create one!</a></span>
	</md-card-title-text>
      </md-card-title>

      <md-card-content layout="column" class="layout-column">
	{{if .error}}<div class="q-error" aria-hidden="true">{{.error}}</div>{{end}}
	<div>
          <md-input-container class="md-block">
  	    <input name="login" required="" class="md-input" id="input_0" type="text" placeholder="Email" autofocus><div class="md-errors-spacer"></div>
          </md-input-container>
        </div>
        <div>
          <md-input-container class="md-block">
    	    <input name="password" required="" class="md-input" id="input_1" aria-invalid="true" type="password" placeholder="Password"><div class="md-errors-spacer"></div>
          </md-input-container>
        </div>
      </md-card-content>
      <md-card-actions layout="column" class="layout-column">
	<button class="md-primary md-raised md-button md-ink-ripple" type="submit">Sign In</button>
	<div class="q-forgot">
          <a href="/lost">Forgot your password?</a>
	</div>
      </md-card-actions>
    </form>
{{template "footer"}}