{% extends "op_zz_frame.html" %}
{% block centercontent %}
<main class="ct-docs-content-col" role="main">
  <h1 class="ct-docs-page-h1-title" id="content">Core CPMS – Lokale RFID-Liste</h1>
  <p class="text-muted">Pflegen Sie die Inhalte der Tabelle <code>op_server_rfid</code>, um lokale Autorisierungslisten zentral zu verwalten.</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">
      <h6 class="mb-0">CSV Import / Export</h6>
    </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('mini_cpms_local_rfid', download='csv') }}">Komplette Liste herunterladen</a>
        </div>
        <div class="col-md-8">
          <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 hochladen</button>
            </div>
          </form>
          <p class="text-xs text-muted mt-2 mb-0">Erwartete Spalten: <code>station_id</code>, <code>id_tag</code>, <code>status</code>, <code>expiry_date</code>, <code>parent_id_tag</code>. Beim Import wird die bestehende Liste vollständig ersetzt.</p>
        </div>
      </div>
    </div>
  </div>

  <div class="card">
    <div class="card-header pb-0 d-flex justify-content-between align-items-center">
      <h6 class="mb-0">RFID-Einträge</h6>
      <span class="badge bg-gradient-info">{{ entries|length }} Einträge</span>
    </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">Station ID</th>
              <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">idTag</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">Ablauf (UTC)</th>
              <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Parent IdTag</th>
              <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Aktionen</th>
            </tr>
          </thead>
          <tbody>
            {% for entry in entries %}
            <tr>
              <form method="post" class="mb-0">
                <input type="hidden" name="entry_id" value="{{ entry.id }}">
                <td>
                  <input type="text" class="form-control form-control-sm" name="station_id" value="{{ entry.station_id }}" required>
                </td>
                <td>
                  <input type="text" class="form-control form-control-sm" name="id_tag" value="{{ entry.id_tag }}" required>
                </td>
                <td>
                  <select class="form-select form-select-sm" name="status">
                    {% for value, label in status_choices %}
                    <option value="{{ value }}" {% if entry.status == value %}selected{% endif %}>{{ label }}</option>
                    {% endfor %}
                  </select>
                </td>
                <td>
                  <input type="datetime-local" class="form-control form-control-sm" name="expiry_date" value="{{ entry.expiry_input }}">
                  {% if entry.expiry_display %}
                  <div class="text-xs text-muted">{{ entry.expiry_display }}</div>
                  {% endif %}
                </td>
                <td>
                  <input type="text" class="form-control form-control-sm" name="parent_id_tag" value="{{ entry.parent_id_tag }}">
                </td>
                <td class="text-nowrap">
                  <button type="submit" class="btn btn-primary btn-sm me-2" name="action" value="update">Speichern</button>
                  <button type="submit" class="btn btn-danger btn-sm" name="action" value="delete" onclick="return confirm('Eintrag wirklich löschen?');">Löschen</button>
                </td>
              </form>
            </tr>
            {% endfor %}
            <tr>
              <form method="post" class="mb-0">
                <input type="hidden" name="action" value="add">
                <td>
                  <input type="text" class="form-control form-control-sm" name="station_id" placeholder="Station" required>
                </td>
                <td>
                  <input type="text" class="form-control form-control-sm" name="id_tag" placeholder="Neue RFID" required>
                </td>
                <td>
                  <select class="form-select form-select-sm" name="status">
                    {% for value, label in status_choices %}
                    <option value="{{ value }}">{{ label }}</option>
                    {% endfor %}
                  </select>
                </td>
                <td>
                  <input type="datetime-local" class="form-control form-control-sm" name="expiry_date">
                </td>
                <td>
                  <input type="text" class="form-control form-control-sm" name="parent_id_tag" placeholder="Optional">
                </td>
                <td>
                  <button type="submit" class="btn btn-success btn-sm">Hinzufügen</button>
                </td>
              </form>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</main>
{% endblock %}