{{define "setup"}}{{template "layout" .}}{{end}}
{{define "content"}}
<section class="auth-card">
  <div class="auth-brand"><span>DD</span> DynDNS Console</div>
  <h1>System einrichten</h1>
  <p class="lede">Erstelle den ersten Administrator. Weitere Benutzer und Zugriffsrechte können anschließend in der Verwaltung angelegt werden.</p>
  <form action="/setup" method="post" class="stacked-form">
    <input type="hidden" name="csrf" value="{{.CSRF}}">
    <div class="form-grid"><label>Admin-Benutzername
      <input name="username" type="text" value="{{index .Form "username"}}" autocomplete="username" minlength="3" maxlength="40" required autofocus>
    </label>
    <label>Anzeigename
      <input name="display_name" type="text" value="{{index .Form "display_name"}}" maxlength="80" required>
    </label></div>
    <label>Admin-Passwort
      <input name="password" type="password" autocomplete="new-password" minlength="12" required>
      <small>Mindestens 12 Zeichen; dieses Passwort kann in V1 nicht über die Oberfläche zurückgesetzt werden.</small>
    </label>
    <label>Passwort wiederholen
      <input name="confirm_password" type="password" autocomplete="new-password" minlength="12" required>
    </label>
    <button class="button button-primary" type="submit">Sichere Einrichtung abschließen <span aria-hidden="true">→</span></button>
  </form>
  <div class="security-strip"><span>✓</span> Argon2id-Passworthash · verschlüsselte API-Tokens · lokale Datenhaltung</div>
</section>
{{end}}