{% extends "base.html" %}
{% set show_nav = false %}
{% block title %}Admin einrichten{% endblock %}
{% block content %}
<div style="max-width:420px;margin:60px auto;">

{% if locked %}
  <div class="card" style="text-align:center;border-color:var(--danger);">
    <h2 style="color:var(--danger);margin-bottom:8px;">Bereits eingerichtet</h2>
    <p style="color:var(--muted);font-size:13px;margin-bottom:16px;">
      Ein Admin-Account existiert bereits. Der Bootstrap-Pfad ist dauerhaft gesperrt.
    </p>
    <a href="{{ url_for('admin.login') }}" class="btn btn-primary">Zum Login</a>
  </div>

{% else %}
  <h1>Admin-Account anlegen</h1>
  <p style="color:var(--muted);font-size:13px;margin-bottom:20px;">
    Einmaliger Vorgang. Das <code>BOOTSTRAP_SECRET</code> aus der <code>.env</code>-Datei
    best&auml;tigen und ein Admin-Passwort vergeben.
  </p>

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

  <div class="card">
    <form method="post" action="{{ url_for('admin.setup') }}">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
      <div class="form-group">
        <label for="bootstrap_secret">Bootstrap-Secret <span style="color:var(--danger)">*</span></label>
        <input type="password" id="bootstrap_secret" name="bootstrap_secret" required autofocus>
        <p class="form-hint">Aus der <code>.env</code>-Datei auf dem Server (nur per SSH sichtbar).</p>
      </div>
      <div class="form-group">
        <label for="password">Neues Admin-Passwort <span style="color:var(--danger)">*</span></label>
        <input type="password" id="password" name="password" required minlength="8">
        <p class="form-hint">Mindestens 8 Zeichen.</p>
      </div>
      <div class="form-group">
        <label for="password2">Passwort wiederholen <span style="color:var(--danger)">*</span></label>
        <input type="password" id="password2" name="password2" required>
      </div>
      <div class="btn-row">
        <button type="submit" class="btn btn-primary">Admin-Account anlegen</button>
      </div>
    </form>
  </div>
{% endif %}

</div>
{% endblock %}