{% 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 – CP Config</h1>
  <p class="text-muted">Verwalten Sie die OICP-Markierung für gespeicherte Konfigurationen.</p>

  {% if error_message %}
  <div class="alert alert-danger" role="alert">{{ error_message }}</div>
  {% endif %}
  {% if success_message %}
  <div class="alert alert-success" role="alert">{{ success_message }}</div>
  {% endif %}

  <div class="card">
    <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">chargepoint_id</th>
              <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">created_at</th>
              <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">oicp</th>
              <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Aktionen</th>
            </tr>
          </thead>
          <tbody>
            {% if entries %}
              {% for entry in entries %}
              <tr>
                <td class="text-sm font-weight-bold">{{ entry.chargepoint_id or '-' }}</td>
                <td class="text-sm">{{ entry.created_at or '-' }}</td>
                <td class="text-sm">
                  <form method="post" class="d-flex align-items-center gap-2 mb-0">
                    <input type="hidden" name="action" value="update_oicp">
                    <input type="hidden" name="entry_id" value="{{ entry.id }}">
                    <div class="form-check form-switch mb-0">
                      <input class="form-check-input" type="checkbox" id="oicp-{{ entry.id }}" name="oicp" value="1" {% if entry.oicp_enabled %}checked{% endif %}>
                      <label class="form-check-label" for="oicp-{{ entry.id }}"></label>
                    </div>
                    <button type="submit" class="btn btn-sm btn-outline-primary">Speichern</button>
                  </form>
                </td>
                <td class="text-sm">
                  <div class="d-flex flex-wrap align-items-center gap-2">
                    {% if entry.chargepoint_id %}
                    <a class="btn btn-sm btn-outline-secondary" href="{{ url_for('mini_cpms_cp_metadata', chargepoint_id=entry.chargepoint_id) }}">CP Metadaten</a>
                    {% endif %}
                    <form method="post" class="mb-0" onsubmit="return confirm('Eintrag wirklich löschen?');">
                      <input type="hidden" name="action" value="delete_entry">
                      <input type="hidden" name="entry_id" value="{{ entry.id }}">
                      <button type="submit" class="btn btn-sm btn-outline-danger">Delete</button>
                    </form>
                  </div>
                </td>
              </tr>
              {% endfor %}
            {% else %}
              <tr>
                <td colspan="4" class="text-center text-muted py-4">Keine Einträge vorhanden.</td>
              </tr>
            {% endif %}
          </tbody>
        </table>
      </div>
    </div>
  </div>
</main>
{% endblock %}