{{define "login"}}{{template "layout" .}}{{end}}
{{define "content"}}
<section class="auth-card login-card">
  <div class="login-card-top"><div class="auth-brand"><span>DD</span> DNS Control</div><span class="login-mode {{if eq .Mode "https"}}is-secure{{end}}">{{if eq .Mode "https"}}HTTPS{{else}}LAN{{end}}</span></div>
  <h1>Willkommen zurück</h1>
  <p class="lede">Melde dich mit deinem persönlichen Zugang an.</p>
  <form action="/login" method="post" class="stacked-form">
    <input type="hidden" name="csrf" value="{{.CSRF}}">
    <label>Benutzername
      <input name="username" type="text" autocomplete="username" autocapitalize="none" spellcheck="false" maxlength="40" required autofocus>
    </label>
    <label>Passwort
      <input name="password" type="password" autocomplete="current-password" maxlength="128" required>
    </label>
    <button class="button button-primary" type="submit">Anmelden <span aria-hidden="true">→</span></button>
  </form>
</section>
{{end}}