{% extends "base.html" %}
{% set active = 'crawler' %}
{% block title %}Crawler{% endblock %}
{% block content %}
<h1>Crawler</h1>

{% if preview %}
<!-- ── Vorschau / Bestätigung ─────────────────────────────────────────── -->
<div class="card" style="border-color:var(--accent);margin-bottom:24px;">
  <div class="card-title" style="color:var(--accent);">
    Crawler-Ergebnis &mdash; Bitte pr&uuml;fen und best&auml;tigen
  </div>
  <p style="color:var(--muted);font-size:13px;margin-bottom:16px;">
    Die Daten wurden noch <strong>nicht &uuml;bernommen</strong>.
    Bitte die Zusammenfassung pr&uuml;fen und anschlie&szlig;end
    &bdquo;Übernehmen&ldquo; klicken &mdash; oder &bdquo;Verwerfen&ldquo;
    um den Lauf zu verwerfen.
  </p>

  <dl class="kv" style="margin-bottom:16px;">
    <dt>Teams gefunden</dt>
    <dd><strong>{{ preview.team_count }}</strong></dd>
    <dt>Spieltermine gesamt</dt>
    <dd><strong>{{ preview.termine_count }}</strong></dd>
  </dl>

  <div style="overflow-x:auto;margin-bottom:20px;">
    <table style="width:100%;font-size:13px;border-collapse:collapse;">
      <thead>
        <tr style="border-bottom:1px solid var(--border);">
          <th style="text-align:left;padding:5px 10px;color:var(--muted);">Mannschaft</th>
          <th style="text-align:right;padding:5px 10px;color:var(--muted);">Termine</th>
        </tr>
      </thead>
      <tbody>
        {% for t in preview.teams %}
        <tr style="border-bottom:1px solid var(--border);">
          <td style="padding:5px 10px;">{{ t.name }}</td>
          <td style="padding:5px 10px;text-align:right;">
            {% if t.termine > 0 %}
              <span class="badge badge-ok">{{ t.termine }}</span>
            {% else %}
              <span class="badge badge-warn">0</span>
            {% endif %}
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>

  <div style="display:flex;gap:12px;flex-wrap:wrap;">
    <form method="post" action="{{ url_for('admin.crawler_confirm') }}">
      <button type="submit" class="btn btn-primary">
        &#10003;&nbsp; &Uuml;bernehmen &amp; Bundle erzeugen
      </button>
    </form>
    <form method="post" action="{{ url_for('admin.crawler_discard') }}">
      <button type="submit" class="btn btn-secondary">Verwerfen</button>
    </form>
  </div>
</div>
{% endif %}

<div class="grid-2">
  <div class="card">
    <div class="card-title">Konfiguration</div>
    <dl class="kv">
      <dt>VereinsID</dt>
      <dd>
        {% if verein_id %}
          <code style="font-size:12px;">{{ verein_id }}</code>
        {% else %}
          <span class="badge badge-err">nicht gesetzt</span>
          &nbsp;<a href="{{ url_for('admin.einstellungen') }}"
                   style="color:var(--accent);font-size:12px;">Einstellungen &rarr;</a>
        {% endif %}
      </dd>
      <dt>Skript</dt>
      <dd>
        {% if script_exists %}
          <span class="badge badge-ok">gefunden</span>
        {% else %}
          <span class="badge badge-err">nicht gefunden</span>
        {% endif %}
      </dd>
      <dt>Letzter Stand</dt>
      <dd>{{ generated_at }}</dd>
    </dl>

    <div style="margin-top:16px;">
      {% if script_exists and verein_id %}
      <form method="post" action="{{ url_for('admin.crawler_run') }}">
        <button type="submit" class="btn btn-primary">Jetzt crawlen</button>
      </form>
      {% elif not verein_id %}
      <p style="color:var(--warning);font-size:13px;">
        Bitte zuerst die VereinsID in den Einstellungen setzen.
      </p>
      {% else %}
      <p style="color:var(--danger);font-size:13px;">
        Crawler-Skript nicht gefunden. <code>CRAWLER_SCRIPT</code> in der
        <code>.env</code> pr&uuml;fen.
      </p>
      {% endif %}
    </div>
  </div>

  <div class="card">
    <div class="card-title">Hinweise</div>
    <ul style="color:var(--muted);font-size:13px;padding-left:18px;line-height:1.9;">
      <li>Ben&ouml;tigt Internetverbindung zu fussball.de</li>
      <li>Dauert typischerweise 30&ndash;90 Sekunden</li>
      <li>Daten werden nach Abschluss automatisch neu geladen</li>
      <li>Die REST-API bleibt w&auml;hrend des Crawls mit alten Daten verf&uuml;gbar</li>
      <li>Neue Paketdatei danach unter Einstellungen &rarr; Bundle generieren</li>
      <li style="color:var(--warning);">
        Der automatische Cron-Job aktualisiert nur <strong>Termine</strong> &mdash;
        die Team-Liste wird nicht ver&auml;ndert.
        Teams pflegen: <a href="{{ url_for('admin.teamscan') }}"
                          style="color:var(--accent);">Team-Scan &rarr;</a>
      </li>
    </ul>
  </div>
</div>

<!-- ── Skript-Dokumentation ───────────────────────────────────────────────── -->
<div class="card" style="margin-bottom:20px;">
  <div class="card-title">Was macht das Crawler-Skript?</div>
  <p style="color:var(--muted);font-size:13px;margin-bottom:14px;">
    <code>spielplan_crawler.py</code> ruft die fussball.de-API ab und schreibt
    alle Vereins-, Team- und Spielplandaten in die Datendatei (<code>DATA_FILE</code>).
    Spieler-Slots werden mit Platzhalternamen bef&uuml;llt (Seed&nbsp;42&nbsp;&rarr;&nbsp;reproduzierbar),
    damit die App sofort einsatzbereit ist &mdash; echte Namen tr&auml;gt der Trainer per
    CSV-Import oder manuell ein.
  </p>

  <p style="font-size:13px;font-weight:600;margin-bottom:6px;">Ablauf</p>
  <ol style="color:var(--muted);font-size:13px;padding-left:18px;line-height:1.9;margin-bottom:16px;">
    <li>Alle Mannschaften des Vereins laden (<code>FUSSBALL_DE_CLUB_ID</code>)</li>
    <li>Duplikate und Futsaljugend-Teams herausfiltern</li>
    <li>Team-eigene Spielpl&auml;ne abrufen und parsen</li>
    <li>Spieler-Slots je Altersklasse generieren (Platzhalternamen)</li>
    <li>Ergebnis als JSON in <code>DATA_FILE</code> schreiben</li>
    <li>Server l&auml;dt die neue Datei ohne Neustart</li>
  </ol>

  <p style="font-size:13px;font-weight:600;margin-bottom:6px;">Umgebungsvariablen</p>
  <table style="width:100%;font-size:12px;border-collapse:collapse;">
    <thead>
      <tr style="border-bottom:1px solid var(--border);">
        <th style="text-align:left;padding:4px 8px;color:var(--muted);">Variable</th>
        <th style="text-align:left;padding:4px 8px;color:var(--muted);">Wert / Standard</th>
        <th style="text-align:left;padding:4px 8px;color:var(--muted);">Beschreibung</th>
      </tr>
    </thead>
    <tbody>
      <tr style="border-bottom:1px solid var(--border);">
        <td style="padding:5px 8px;"><code>FUSSBALL_DE_CLUB_ID</code></td>
        <td style="padding:5px 8px;"><code>{{ verein_id or '— nicht gesetzt —' }}</code></td>
        <td style="padding:5px 8px;color:var(--muted);">Vereins-ID von fussball.de &mdash; in den Einstellungen setzen</td>
      </tr>
      <tr style="border-bottom:1px solid var(--border);">
        <td style="padding:5px 8px;"><code>FUSSBALL_DE_HEIM_KEYWORDS</code></td>
        <td style="padding:5px 8px;"><code>{{ heim_keywords or 'Cremlingen, TuS (Standard)' }}</code></td>
        <td style="padding:5px 8px;color:var(--muted);">Komma-getrennte Stichwörter zur Erkennung von Heimspielen</td>
      </tr>
      <tr style="border-bottom:1px solid var(--border);">
        <td style="padding:5px 8px;"><code>DATA_FILE</code></td>
        <td style="padding:5px 8px;"><code>{{ data_file }}</code></td>
        <td style="padding:5px 8px;color:var(--muted);">Ausgabepfad f&uuml;r die generierte JSON-Datendatei</td>
      </tr>
      <tr>
        <td style="padding:5px 8px;"><code>CRAWLER_SCRIPT</code></td>
        <td style="padding:5px 8px;"><code>{{ crawler_script or '— nicht gesetzt —' }}</code></td>
        <td style="padding:5px 8px;color:var(--muted);">Absoluter Pfad zum Skript im Container&nbsp;/&nbsp;auf dem Host</td>
      </tr>
    </tbody>
  </table>
</div>

<!-- ── Cron-Zeitplan ──────────────────────────────────────────────────── -->
{% if cron.available %}
<div class="card" style="margin-bottom:20px;">
  <div class="card-title">Automatischer Zeitplan (Cron)</div>

  {% if cron.active %}
  <dl class="kv" style="margin-bottom:14px;">
    <dt>Status</dt>
    <dd><span class="badge badge-ok">aktiv</span></dd>
    <dt>Uhrzeit</dt>
    <dd><strong>{{ '%02d'|format(cron.hour) }}:{{ '%02d'|format(cron.minute) }} Uhr</strong> &mdash; täglich</dd>
  </dl>
  <div style="display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;">
    <form method="post" action="{{ url_for('admin.crawler_cron_aktivieren') }}"
          style="display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap;">
      <div>
        <label style="display:block;font-size:12px;color:var(--muted);margin-bottom:3px;">Stunde</label>
        <input type="number" name="hour" min="0" max="23" value="{{ cron.hour }}"
               style="width:64px;text-align:center;">
      </div>
      <div>
        <label style="display:block;font-size:12px;color:var(--muted);margin-bottom:3px;">Minute</label>
        <input type="number" name="minute" min="0" max="59" value="{{ cron.minute }}"
               style="width:64px;text-align:center;">
      </div>
      <button type="submit" class="btn btn-secondary btn-sm">Uhrzeit ändern</button>
    </form>
    <form method="post" action="{{ url_for('admin.crawler_cron_deaktivieren') }}">
      <button type="submit" class="btn btn-sm"
              style="background:var(--danger);color:#fff;border-color:var(--danger);">
        Cron deaktivieren
      </button>
    </form>
  </div>
  {% else %}
  <p style="color:var(--muted);font-size:13px;margin-bottom:14px;">
    Kein Cron-Job aktiv. Crawler wird nicht automatisch ausgeführt.
  </p>
  <form method="post" action="{{ url_for('admin.crawler_cron_aktivieren') }}"
        style="display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap;">
    <div>
      <label style="display:block;font-size:12px;color:var(--muted);margin-bottom:3px;">Stunde</label>
      <input type="number" name="hour" min="0" max="23" value="1"
             style="width:64px;text-align:center;">
    </div>
    <div>
      <label style="display:block;font-size:12px;color:var(--muted);margin-bottom:3px;">Minute</label>
      <input type="number" name="minute" min="0" max="59" value="0"
             style="width:64px;text-align:center;">
    </div>
    <button type="submit" class="btn btn-primary btn-sm"
            {% if not script_exists or not verein_id %}disabled title="Skript und VereinsID müssen konfiguriert sein"{% endif %}>
      Cron aktivieren
    </button>
  </form>
  {% endif %}

  <p style="color:var(--muted);font-size:11px;margin-top:12px;">
    Eingetragen in der Crontab des laufenden Systembenutzers.
    Log: <code>{{ cron.log_hint }}</code>
  </p>
</div>
{% else %}
<div class="card" style="margin-bottom:20px;">
  <div class="card-title">Automatischer Zeitplan (Cron)</div>
  <p style="color:var(--muted);font-size:13px;">
    <code>crontab</code> nicht verfügbar (Docker ohne Cron-Daemon oder kein crontab-Binary).
    Alternativ den Crawler per externem Scheduler oder
    <code>POST /crawler/run</code> mit <code>X-Crawler-Key</code> automatisieren.
  </p>
</div>
{% endif %}

<!-- ── Letzter Crawl-Lauf ─────────────────────────────────────────────── -->
{% if last_run %}
<div class="card" style="border-color:{% if last_run.success %}var(--success){% else %}var(--danger){% endif %}">
  <div class="card-title">
    Letzter Crawl-Lauf &mdash;
    {% if last_run.success %}
      <span style="color:var(--success);">Erfolgreich</span>
    {% else %}
      <span style="color:var(--danger);">Fehlgeschlagen</span>
    {% endif %}
  </div>

  <dl class="kv" style="margin-bottom:14px;">
    <dt>Zeitpunkt</dt> <dd>{{ last_run.timestamp }}</dd>
    {% if last_run.success %}
    <dt>Teams</dt>     <dd><strong>{{ last_run.teams }}</strong></dd>
    <dt>Termine</dt>   <dd><strong>{{ last_run.termine }}</strong></dd>
    {% endif %}
  </dl>

  {% if last_run.success and last_run.output %}
  <details>
    <summary style="cursor:pointer;color:var(--muted);font-size:12px;
                    user-select:none;margin-bottom:6px;">
      Crawler-Ausgabe anzeigen
    </summary>
    <pre>{{ last_run.output }}</pre>
  </details>
  {% endif %}

  {% if not last_run.success %}
  <div style="margin-top:8px;">
    <p style="color:var(--muted);font-size:12px;margin-bottom:6px;">Fehlerausgabe:</p>
    <pre style="border-color:var(--danger);">{{ last_run.error or last_run.output }}</pre>
  </div>
  {% endif %}
</div>
{% else %}
<div class="card">
  <div class="card-title">Letzter Crawl-Lauf</div>
  <p style="color:var(--muted);font-size:13px;">
    Noch kein Crawl ausgef&uuml;hrt seit Serverstart.
  </p>
</div>
{% endif %}

{% endblock %}