{% 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 – Voucher</h1>

  {% if success_messages %}
  <div class="alert alert-success">
    {% for msg in success_messages %}
      <div>{{ msg }}</div>
    {% endfor %}
  </div>
  {% endif %}

  {% if error_messages %}
  <div class="alert alert-danger">
    {% for msg in error_messages %}
      <div>{{ msg }}</div>
    {% endfor %}
  </div>
  {% endif %}

  <p class="text-muted">Verwalte RFID-Voucher mit Energiemengenlimit, Ablaufdatum und erlaubten Ladepunkten.</p>

  <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">RFID UUID</th>
          <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Energiemenge (kWh)</th>
          <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Bisher geladen (kWh)</th>
          <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Rest (kWh)</th>
          <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Gültig bis</th>
          <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Chargepoint IDs</th>
          <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Aktionen</th>
        </tr>
      </thead>
      <tbody>
        {% for voucher in vouchers %}
        <tr>
          <form method="post">
            <td><input class="form-control" name="rfid_uuid" value="{{ voucher.rfid_uuid }}" required></td>
            <td><input class="form-control" name="energy_kwh" type="number" step="0.001" min="0" value="{{ voucher.energy_kwh }}" required></td>
            <td class="text-sm">{{ voucher.used_kwh }}</td>
            <td class="text-sm">{{ voucher.remaining_kwh }}</td>
            <td>
              <input class="form-control" name="valid_until" type="datetime-local" value="{% if voucher.valid_until %}{{ voucher.valid_until.strftime('%Y-%m-%dT%H:%M') }}{% endif %}">
            </td>
            <td>
              <input class="form-control" name="allowed_chargepoints" value="{{ voucher.allowed_chargepoints }}" placeholder="Kommagetrennte IDs">
            </td>
            <td>
              <input type="hidden" name="voucher_id" value="{{ voucher.id }}">
              <button class="btn btn-primary btn-sm" type="submit" name="action" value="update">Speichern</button>
              <button class="btn btn-danger btn-sm" type="submit" name="action" value="delete">Löschen</button>
            </td>
          </form>
        </tr>
        {% endfor %}
        <tr>
          <form method="post">
            <td><input class="form-control" name="rfid_uuid" placeholder="RFID UUID" required></td>
            <td><input class="form-control" name="energy_kwh" type="number" step="0.001" min="0" placeholder="z.B. 25.000" required></td>
            <td class="text-sm text-muted">–</td>
            <td class="text-sm text-muted">–</td>
            <td><input class="form-control" name="valid_until" type="datetime-local"></td>
            <td><input class="form-control" name="allowed_chargepoints" placeholder="Kommagetrennte IDs"></td>
            <td><button class="btn btn-success btn-sm" type="submit" name="action" value="add">Hinzufügen</button></td>
          </form>
        </tr>
      </tbody>
    </table>
  </div>
</main>
{% endblock %}