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

<div class="grid-2">
  <div class="card">
    <div class="card-title">Aktuelle Datendatei</div>
    <dl class="kv">
      <dt>Pfad</dt>
      <dd><code>{{ data_file or '–' }}</code></dd>
      <dt>Vorhanden</dt>
      <dd>
        {% if exists %}
          <span class="badge badge-ok">ja</span>
        {% else %}
          <span class="badge badge-err">nein</span>
        {% endif %}
      </dd>
      {% if exists %}
      <dt>Gr&ouml;&szlig;e</dt>
      <dd>{{ size_kb }} KB</dd>
      {% endif %}
    </dl>
    {% if exists %}
    <div class="btn-row">
      <a href="{{ url_for('admin.daten_download') }}" class="btn btn-secondary btn-sm">
        JSON herunterladen
      </a>
      <form method="post" action="{{ url_for('admin.daten_reload') }}" style="margin:0">
        <button type="submit" class="btn btn-secondary btn-sm">Hot-Reload</button>
      </form>
    </div>
    {% endif %}
  </div>

  <div class="card">
    <div class="card-title">JSON hochladen &amp; aktivieren</div>
    <p style="color:var(--muted);font-size:13px;margin-bottom:14px;">
      Bearbeitete JSON-Datei hochladen. Der Server &uuml;bernimmt die neuen Daten sofort
      (Hot-Reload) ohne Neustart.
    </p>
    <form method="post" action="{{ url_for('admin.daten_upload') }}"
          enctype="multipart/form-data">
      <div class="form-group">
        <label for="datei">JSON-Datei ausw&auml;hlen</label>
        <input type="file" id="datei" name="datei" accept=".json"
               style="color:var(--text);font-size:13px;">
      </div>
      <button type="submit" class="btn btn-primary btn-sm">Hochladen &amp; aktivieren</button>
    </form>
  </div>
</div>

<div class="card">
  <div class="card-title">Hinweis: Workflow</div>
  <ol style="color:var(--muted);font-size:13px;padding-left:18px;line-height:1.8;">
    <li>JSON herunterladen (Button oben links)</li>
    <li>Lokal mit einem Text-Editor oder JSON-Editor bearbeiten</li>
    <li>Ge&auml;nderte Datei hochladen (Formular oben rechts)</li>
    <li>Server l&auml;dt die Daten automatisch neu &mdash; kein Neustart n&ouml;tig</li>
  </ol>
</div>
{% endblock %}