{% extends "op_zz_frame.html" %}
{% block centercontent %}
<main class="ct-docs-content-col" role="main">
  <h1 class="ct-docs-page-h1-title" id="content">Globale RFIDs</h1>

  <p class="text-muted">Verwalten Sie die globale Allow-/Deny-Liste aus <code>op_server_rfid_global</code>.</p>

  {% for message in error_messages %}
  <div class="alert alert-danger" role="alert">{{ message }}</div>
  {% endfor %}
  {% for message in success_messages %}
  <div class="alert alert-success" role="alert">{{ message }}</div>
  {% endfor %}

  <div class="card mb-4">
    <div class="card-header pb-0 d-flex justify-content-between align-items-center">
      <h6 class="mb-0">CSV Import / Export</h6>
      <span class="badge bg-gradient-info">{{ rows|length }} Einträge</span>
    </div>
    <div class="card-body">
      <div class="row g-3 align-items-center">
        <div class="col-md-4">
          <a class="btn btn-outline-primary w-100" href="{{ url_for('rfid_global_management', download='csv') }}">Liste herunterladen</a>
        </div>
        <div class="col-md-5">
          <form method="post" enctype="multipart/form-data" class="row g-2 align-items-center">
            <input type="hidden" name="action" value="upload_csv">
            <div class="col-sm-8">
              <input type="file" class="form-control" name="csv_file" accept=".csv" required>
            </div>
            <div class="col-sm-4 d-grid">
              <button type="submit" class="btn btn-primary">CSV importieren</button>
            </div>
          </form>
          <p class="text-xs text-muted mt-2 mb-0">Erwartete Spalten: <code>uuid</code> (Pflicht), <code>status</code> (optional, accepted/blocked). Bestehende Einträge werden bei gleicher UUID aktualisiert.</p>
        </div>
        <div class="col-md-3 d-grid">
          <form method="post">
            <input type="hidden" name="action" value="dedupe">
            <button type="submit" class="btn btn-outline-secondary">Dubletten entfernen</button>
          </form>
          <p class="text-xs text-muted mt-2 mb-0">Fasst mehrfache UUIDs zusammen und behält bei Konflikten blockierte Einträge bevorzugt.</p>
        </div>
      </div>
    </div>
  </div>

  <div class="card">
    <div class="card-header pb-0">
      <h6 class="mb-0">Globale RFID-Liste</h6>
    </div>
    <div class="card-body p-0">
      <div class="table-responsive">
        <table class="table align-items-center mb-0">
          <thead>
            <tr>
              <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">UUID</th>
              <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Status</th>
              <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Aktionen</th>
            </tr>
          </thead>
          <tbody>
            {% for row in rows %}
            <tr>
              <form method="post" class="mb-0">
                <td><input class="form-control form-control-sm" type="text" name="uuid" value="{{ row.uuid }}" required></td>
                <td>
                  <select class="form-select form-select-sm" name="status">
                    <option value="accepted" {% if row.status|lower == 'accepted' %}selected{% endif %}>Akzeptiert</option>
                    <option value="blocked" {% if row.status|lower == 'blocked' %}selected{% endif %}>Blockiert</option>
                  </select>
                </td>
                <td class="text-nowrap">
                  <input type="hidden" name="original_uuid" value="{{ row.uuid }}">
                  <button class="btn btn-primary btn-sm me-2" name="action" value="update" type="submit">Speichern</button>
                  <button class="btn btn-danger btn-sm" name="action" value="delete" type="submit" onclick="return confirm('Eintrag wirklich löschen?');">Löschen</button>
                </td>
              </form>
            </tr>
            {% endfor %}
            <tr>
              <form method="post" class="mb-0">
                <td><input class="form-control form-control-sm" type="text" name="uuid" placeholder="Neue UUID" required></td>
                <td>
                  <select class="form-select form-select-sm" name="status">
                    <option value="accepted" selected>Akzeptiert</option>
                    <option value="blocked">Blockiert</option>
                  </select>
                </td>
                <td><button class="btn btn-success btn-sm" name="action" value="add" type="submit">Hinzufügen</button></td>
              </form>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</main>
{% endblock %}