{{define "bodyclass"}}page-auth{{end}}
{{define "content"}}
<section class="auth-card">
  <div class="auth-mark">{{icon "lock"}}</div>
  <h1>Sign in</h1>
  <p class="muted">Manage your lists, art and theme.</p>
  {{with .Data.Error}}<p class="alert alert--error" role="alert">{{icon "alert"}}{{.}}</p>{{end}}
  <form method="post" action="/login" class="stack">
    <input type="hidden" name="next" value="{{.Data.Next}}">
    <label class="field">
      <span class="field-label">Username</span>
      <input name="username" autocomplete="username" required autofocus value="{{.Data.Username}}">
    </label>
    <label class="field">
      <span class="field-label">Password</span>
      <input name="password" type="password" autocomplete="current-password" required>
    </label>
    <button class="btn btn--primary btn--block" type="submit">Sign in</button>
  </form>
  <a class="auth-back" href="/">{{icon "arrow-left"}}Back to {{.Site.Title}}</a>
</section>
{{end}}