{% extends "admin/onboarding/base.html" %}
{% block title %}Sicherheit{% endblock %}

{% block content %}
<h1>Sicherheitsschlüssel</h1>
<p class="lead">
  Diese Schlüssel wurden automatisch für deinen Server generiert.
  Du musst sie <strong>nicht</strong> aufschreiben.
</p>

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

<div style="margin-bottom: 16px;">
  <label>CRAWLER_KEY</label>
  <div class="secret-box">{{ crawler_key }}</div>
  <p style="font-size:12px; color:var(--muted); margin-top:4px;">
    Schützt den Spielplan-Crawler-Endpunkt gegen unberechtigte Aufrufe.
  </p>
</div>

<div style="margin-bottom: 16px;">
  <label>SECRET_KEY</label>
  <div class="secret-box">{{ secret_key }}</div>
  <p style="font-size:12px; color:var(--muted); margin-top:4px;">
    Verschlüsselt die Browser-Sessions. Wird automatisch gesetzt.
  </p>
</div>

<div style="margin-bottom: 20px;">
  <label>BOOTSTRAP_SECRET</label>
  <p style="font-size:13px; color:#ff7b72; margin-top:4px;">
    ⚠️ Das Bootstrap-Secret wird aus Sicherheitsgründen <strong>nur im Server-Terminal</strong>
    angezeigt (Ausgabe von <code>start_server.sh</code>). Du benötigst es im nächsten Schritt,
    um das Admin-Konto anzulegen. So ist sichergestellt, dass nur jemand mit Server-Zugriff
    den ersten Admin einrichten kann.
  </p>
</div>

<form method="post">
  <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
  <div class="checkbox-row">
    <input type="checkbox" id="confirmed" name="confirmed" value="1">
    <label for="confirmed">
      Ich habe Zugriff auf das Server-Terminal und das dort angezeigte BOOTSTRAP_SECRET.
    </label>
  </div>

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