{% extends "base.html" %}
{% set active = 'teamscan' %}
{% block title %}Team-Scan{% endblock %}
{% block content %}
<h1>Team-Scan</h1>

{% if not verein_id %}
<div class="flash warning">
  VereinsID nicht konfiguriert &mdash;
  <a href="{{ url_for('admin.einstellungen') }}" style="color:inherit;font-weight:600">Einstellungen &rarr;</a>
</div>
{% endif %}

<!-- ── Scan-Formular ──────────────────────────────────────────────────── -->
<div class="card" style="margin-bottom:20px;">
  <div class="card-title">Teams von fussball.de abrufen</div>
  <p style="color:var(--muted);font-size:13px;margin-bottom:16px;">
    Tr&auml;gt alle beim Verein gemeldeten Mannschaften zusammen.
    Du siehst Teamname + Wettbewerb und kannst ausw&auml;hlen, welche Teams &uuml;bernommen werden.
    Bereits vorhandene Teams werden nicht ver&auml;ndert.
  </p>
  <form method="post" action="{{ url_for('admin.teamscan_scan') }}"
        style="display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;">
    <div>
      <label>Saison-ID</label>
      <input type="text" name="saison" value="{{ saison }}"
             placeholder="z.B. 2526" style="width:120px;"
             {% if not verein_id %}disabled{% endif %}>
      <div class="form-hint">Format: JJJJ (z.B. &bdquo;2526&ldquo; f&uuml;r 2025/26)</div>
    </div>
    <button type="submit" class="btn btn-primary"
            {% if not verein_id %}disabled title="VereinsID fehlt"{% endif %}>
      Teams abrufen
    </button>
  </form>
</div>

{% if preview %}
<!-- ── Ergebnisliste + Auswahl ─────────────────────────────────────────── -->
<div class="card" style="border-color:var(--accent);margin-bottom:20px;">
  <div class="card-title" style="color:var(--accent);">
    Scan-Ergebnis &mdash; {{ preview.teams | length }} Teams gefunden
    {% if preview.saison %}
      <span style="font-weight:400;color:var(--muted);">(Saison {{ preview.saison }})</span>
    {% endif %}
  </div>
  <p style="color:var(--muted);font-size:13px;margin-bottom:16px;">
    Bereits vorhandene Teams sind vormarkiert und k&ouml;nnen nicht abgew&auml;hlt werden.
    Neue Teams sind deaktiviert &mdash; H&auml;kchen setzen zum &Uuml;bernehmen.
  </p>

  <form method="post" action="{{ url_for('admin.teamscan_uebernehmen') }}">
    <input type="hidden" name="saison" value="{{ preview.saison }}">

    <div style="overflow-x:auto;margin-bottom:20px;">
      <table>
        <thead>
          <tr>
            <th style="width:36px;">&Uuml;bernehmen</th>
            <th>Mannschaft</th>
            <th>Wettbewerb(e)</th>
            <th style="width:110px;">Status</th>
          </tr>
        </thead>
        <tbody>
          {% for t in preview.teams %}
          {% set is_existing = t.team_id in existing_fde_ids %}
          <tr style="{% if is_existing %}opacity:.65;{% endif %}">
            <td style="text-align:center;">
              {% if is_existing %}
                <input type="checkbox" name="selected_teams" value="{{ t.team_id }}"
                       checked disabled>
                <input type="hidden" name="selected_teams" value="{{ t.team_id }}">
              {% else %}
                <input type="checkbox" name="selected_teams" value="{{ t.team_id }}">
              {% endif %}
            </td>
            <td style="font-weight:500;">{{ t.name }}</td>
            <td style="color:var(--muted);font-size:12px;">
              {{ t.wettbewerbe | join(', ') if t.wettbewerbe else '—' }}
            </td>
            <td>
              {% if is_existing %}
                <span class="badge badge-ok">vorhanden</span>
              {% else %}
                <span class="badge badge-info">neu</span>
              {% endif %}
            </td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>

    <div style="display:flex;gap:12px;flex-wrap:wrap;">
      <button type="submit" class="btn btn-primary">
        &#10003;&nbsp; Ausgew&auml;hlte Teams &uuml;bernehmen
      </button>
      <a href="{{ url_for('admin.teamscan') }}"
         onclick="return confirm('Scan-Ergebnis verwerfen?')"
         class="btn btn-secondary">Verwerfen</a>
    </div>
  </form>
</div>
{% endif %}

<!-- ── Hinweise ──────────────────────────────────────────────────────── -->
<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>Teams k&ouml;nnen durch wiederholtes Scannen nachgemeldet werden</li>
    <li>Bestehende Teams (inkl. Kader, Fotos) werden niemals &uuml;berschrieben</li>
    <li>Teams k&ouml;nnen hier nicht gel&ouml;scht werden &mdash; das erfolgt manuell in der JSON-Datei</li>
    <li>Nach dem &Uuml;bernehmen: Trainer-Token f&uuml;r neue Teams unter
      <a href="{{ url_for('teammanagement.teammanagement_dashboard') }}"
         style="color:var(--accent);">TeamManagement</a> vergeben
    </li>
  </ul>
</div>

{% endblock %}