{{define "content"}}
<section class="hero">
  <p class="eyebrow">{{.Eyebrow}}</p>
  <h1>{{.Heading}}</h1>
  <p class="lede">{{.Description}}</p>
</section>

{{if .Login.Error}}
<section class="alert-card alert-error">
  <p>{{.Login.Error}}</p>
</section>
{{end}}

{{if .Login.SetupHint}}
<section class="alert-card">
  <p>{{.Login.SetupHint}}</p>
</section>
{{end}}

<section class="form-shell">
  <form class="stack-form" method="post" action="{{.Login.Action}}">
    {{template "csrf_field" .}}
    <input type="hidden" name="next" value="{{.Login.Next}}">

    <label class="field">
      <span>Email</span>
      <input type="email" name="email" value="{{.Login.Email}}" autocomplete="username" required>
    </label>

    <label class="field">
      <span>Password</span>
      <input type="password" name="password" autocomplete="current-password" required>
    </label>

    <button class="button" type="submit">Log in</button>
  </form>
</section>
{{end}}
