{% extends "base.html" %}
{% set show_nav = false %}
{% block title %}Ersteinrichtung{% endblock %}
{% block content %}
<div style="max-width:560px;margin:40px auto;">
  <h1>Ersteinrichtung</h1>
  <p style="color:var(--muted);font-size:13px;margin-bottom:20px;">
    Es wurde noch keine <code>.env</code>-Datei gefunden. Bitte die Grundkonfiguration
    eintragen. Die Werte werden in <code>server/.env</code> gespeichert.
  </p>

  <div class="card">
    <form method="post" action="{{ url_for('admin.onboarding') }}">

      <!-- ── Bootstrap-Secret ── -->
      <div class="card-title">Sicherheitsschl&uuml;ssel</div>

      <div class="form-group">
        <label for="bootstrap_secret">BOOTSTRAP_SECRET <span style="color:var(--danger)">*</span></label>
        <input type="text" id="bootstrap_secret" name="bootstrap_secret"
               value="{{ bootstrap_secret }}" required>
        <p class="form-hint">
          Einmaliges Geheimnis zum Anlegen des Admin-Accounts. Nur per SSH einsehbar &mdash;
          nach dem ersten Login dauerhaft gesperrt.
        </p>
      </div>

      <div class="flash warning" style="margin-bottom:14px;font-size:12px;">
        <strong>CRAWLER_KEY</strong> wird automatisch generiert und in die <code>.env</code>
        geschrieben &mdash; kein manueller Eintrag n&ouml;tig.
      </div>

      <!-- ── Datenpfade ── -->
      <div class="card-title" style="margin-top:20px;">Datenpfade</div>

      <div class="form-group">
        <label for="data_file">Vereinsdaten-JSON (DATA_FILE)</label>
        <input type="text" id="data_file" name="data_file" value="{{ data_file }}">
        <p class="form-hint">
          Pfad zur JSON-Datei, die der Crawler erzeugt (<code>verein.json</code>).
          Die Datei wird automatisch als leere Vorlage angelegt, falls sie noch nicht existiert.
          Inhalte sp&auml;ter &uuml;ber <strong>Admin &rarr; Daten</strong> hochladen oder
          Crawler laufen lassen.
        </p>
      </div>

      <div class="form-group">
        <label for="data_dir">Medienverzeichnis (DATA_DIR)</label>
        <input type="text" id="data_dir" name="data_dir" value="{{ data_dir }}">
        <p class="form-hint">
          Verzeichnis f&uuml;r Logo (<code>logo.png</code>), Mannschaftsfoto
          (<code>teamfoto.png</code>) und Hymne (<code>hymn.mp3</code>).
          Wird auch als Ausgabe-Ordner f&uuml;r das App-Paket (<code>vereinspaket.trb</code>)
          verwendet. Standardm&auml;&szlig;ig <code>dist/</code> im Server-Verzeichnis.
        </p>
      </div>

      <div class="form-group">
        <label for="port">PORT</label>
        <input type="number" id="port" name="port" value="{{ port }}" min="1024" max="65535">
      </div>

      <!-- ── Fussball.de ── -->
      <div class="card-title" style="margin-top:20px;">Fussball.de Vereinsdaten</div>

      <div class="form-group">
        <label for="verein_id">Club-ID (fussball.de)</label>
        <input type="text" id="verein_id" name="verein_id" value="{{ verein_id }}"
               placeholder="z.B. 00ES8GN75400000VVV0AG08LVUPGND5I">
        <p class="form-hint">
          Zu finden in der URL der Vereinsseite auf fussball.de:
          <code>https://www.fussball.de/verein/…/<strong>CLUB_ID</strong>/</code>.
          Kann sp&auml;ter in den Einstellungen ge&auml;ndert werden.
        </p>
      </div>

      <div class="form-group">
        <label for="heim_keywords">Heim-Keywords <span style="color:var(--muted)">(kommagetrennt)</span></label>
        <input type="text" id="heim_keywords" name="heim_keywords" value="{{ heim_keywords }}"
               placeholder="z.B. TuS Cremlingen, Cremlingen">
        <p class="form-hint">
          W&ouml;rter zur Erkennung von Heimspielen im Spielplan (z.B. Vereinsname, Kurzname).
        </p>
      </div>

      <div class="btn-row">
        <button type="submit" class="btn btn-primary">.env speichern &amp; weiter</button>
      </div>
    </form>
  </div>

  <div class="card" style="border-color:var(--warning);">
    <div class="card-title" style="color:var(--warning);">Hinweis: HTTP-Betrieb</div>
    <p style="font-size:13px;color:var(--muted);">
      Dieser Server l&auml;uft per HTTP ohne TLS-Zertifikat. Die Admin-Oberfl&auml;che darf
      deshalb nur im LAN oder hinter einem VPN betrieben werden &mdash; niemals direkt
      &ouml;ffentlich ins Internet exponiert.
    </p>
  </div>
</div>
{% endblock %}