{% extends "admin/onboarding/base.html" %}
{% block title %}Admin-Konto{% endblock %}

{% block content %}
<h1>Admin-Konto anlegen</h1>
<p class="lead">
  Mit diesem Passwort loggst du dich später unter
  <code>/admin/login</code> ein.
  Wähle ein sicheres Passwort (mindestens 8 Zeichen).
</p>

{% if error %}
  <div class="alert alert-error">{{ error }}</div>
{% endif %}

<form method="post">
  <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">

  <label for="bootstrap_secret">BOOTSTRAP_SECRET <span style="color:var(--danger)">*</span></label>
  <input type="text" id="bootstrap_secret" name="bootstrap_secret"
         autocomplete="off" spellcheck="false">
  <p style="font-size:12px; color:var(--muted); margin-top:4px; margin-bottom:14px;">
    Aus dem Server-Terminal (Ausgabe von <code>start_server.sh</code>). Belegt, dass du
    Zugriff auf den Server hast.
  </p>

  <label for="password">Passwort <span style="color:var(--danger)">*</span></label>
  <input type="password" id="password" name="password"
         autocomplete="new-password" minlength="8">

  <label for="password2">Passwort wiederholen <span style="color:var(--danger)">*</span></label>
  <input type="password" id="password2" name="password2"
         autocomplete="new-password" minlength="8">

  <div class="btn-row">
    <a href="{{ url_for('onboarding.step_5') }}" class="btn btn-ghost">&larr; Zurück</a>
    <button type="submit" class="btn btn-primary">Konto anlegen &amp; Fertig &rarr;</button>
  </div>
</form>
{% endblock %}