{% 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 – Local Lists</h1>
  <p class="text-muted">Verwalten Sie die lokalen Autorisierungslisten Ihrer Ladestationen und senden Sie diese direkt über den OCPP Server.</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 mb-4">
    <div class="card-header pb-0">
      <h6 class="mb-0">Ladestation auswählen</h6>
    </div>
    <div class="card-body">
      {% if fetch_error %}
      <div class="alert alert-warning" role="alert">
        <strong>Hinweis:</strong> Die Liste der verbundenen Ladestationen konnte nicht vollständig geladen werden. Details: {{ fetch_error }}
      </div>
      {% endif %}
      <form method="get" class="row g-3 align-items-end">
        <div class="col-md-6">
          <label for="stationId" class="form-label">Station ID</label>
          <input type="text" class="form-control" id="stationId" name="station_id" value="{{ selected_station }}" list="connectedStations" placeholder="z. B. CP_123">
          <datalist id="connectedStations">
            {% for station in stations %}
            <option value="{{ station.station_id }}"></option>
            {% endfor %}
          </datalist>
        </div>
        <div class="col-md-3">
          <button type="submit" class="btn btn-primary">Station laden</button>
        </div>
      </form>
    </div>
  </div>

  {% if selected_station %}
  <div class="card mb-4">
    <div class="card-header pb-0">
      <h6 class="mb-0">Konfiguration der lokalen Autorisierung</h6>
      <p class="text-xs text-muted mb-0">Station: {{ selected_station }}</p>
    </div>
    <div class="card-body">
      {% if config_error %}
      <div class="alert alert-danger" role="alert">{{ config_error }}</div>
      {% endif %}
      <form method="post" class="row g-3">
        <input type="hidden" name="action" value="update_config">
        <input type="hidden" name="station_id" value="{{ selected_station }}">
        {% set local_auth_enabled = (config_settings.get('LocalAuthListEnabled', '') | string).lower() %}
        {% set offline_enabled = (config_settings.get('LocalAuthorizeOffline', '') | string).lower() %}
        <div class="col-md-4">
          <div class="form-check form-switch">
            <input class="form-check-input" type="checkbox" role="switch" id="LocalAuthListEnabled" name="LocalAuthListEnabled" value="1" {% if local_auth_enabled == 'true' %}checked{% endif %}>
            <label class="form-check-label" for="LocalAuthListEnabled">LocalAuthListEnabled</label>
          </div>
        </div>
        <div class="col-md-4">
          <div class="form-check form-switch">
            <input class="form-check-input" type="checkbox" role="switch" id="LocalAuthorizeOffline" name="LocalAuthorizeOffline" value="1" {% if offline_enabled == 'true' %}checked{% endif %}>
            <label class="form-check-label" for="LocalAuthorizeOffline">LocalAuthorizeOffline</label>
          </div>
        </div>
        <div class="col-md-4">
          <label for="SendLocalListMaxLength" class="form-label">SendLocalListMaxLength</label>
          <input type="number" class="form-control" id="SendLocalListMaxLength" name="SendLocalListMaxLength" min="0" value="{{ config_settings.get('SendLocalListMaxLength', '') }}">
        </div>
        <div class="col-12">
          <button type="submit" class="btn btn-primary">Konfiguration speichern</button>
        </div>
      </form>
      {% if config_payload %}
      <div class="mt-4">
        <h6 class="text-sm text-muted">Aktuelle Einstellungen</h6>
        <pre class="bg-light p-3 rounded text-sm">{{ config_payload | tojson(indent=2) | safe }}</pre>
      </div>
      {% endif %}
      {% if config_update_response %}
      <div class="mt-4">
        <h6 class="text-sm text-muted">Antwort des OCPP-Servers (ChangeConfiguration)</h6>
        <pre class="bg-light p-3 rounded text-sm">{% if config_update_response is mapping or config_update_response is sequence %}{{ config_update_response | tojson(indent=2) | safe }}{% else %}{{ config_update_response }}{% endif %}</pre>
      </div>
      {% endif %}
    </div>
  </div>

  <div class="card mb-4">
    <div class="card-header pb-0">
      <h6 class="mb-0">Aktuelle Local List Version</h6>
    </div>
    <div class="card-body">
      {% if list_version_error %}
      <div class="alert alert-danger" role="alert">{{ list_version_error }}</div>
      {% elif list_version_payload %}
      <p class="mb-1">Station: <strong>{{ selected_station }}</strong></p>
      <p class="mb-0">List Version: <strong>{{ current_list_version if current_list_version is not none else list_version_payload.get('result', {}).get('listVersion', '-') }}</strong></p>
      {% else %}
      <p class="text-muted mb-0">Es liegen keine Informationen zur aktuellen Version vor.</p>
      {% endif %}
    </div>
  </div>

  <div class="card mb-4">
    <div class="card-header pb-0 d-flex justify-content-between align-items-center">
      <div>
        <h6 class="mb-0">Lokale Autorisierungsliste</h6>
        <p class="text-xs text-muted mb-0">Gespeicherte Einträge für {{ selected_station }}</p>
      </div>
      <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">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="station_id" value="{{ selected_station }}">
                <input type="hidden" name="entry_id" value="{{ entry.id }}">
                <td>
                  <input type="text" class="form-control form-control-sm" name="id_tag" value="{{ entry.id_tag }}">
                </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_entry">Speichern</button>
                  <button type="submit" class="btn btn-danger btn-sm" name="action" value="delete_entry" 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_entry">
                <input type="hidden" name="station_id" value="{{ selected_station }}">
                <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>

  <div class="card mb-4">
    <div class="card-header pb-0">
      <h6 class="mb-0">Lokale Liste übertragen</h6>
    </div>
    <div class="card-body">
      <form method="post" class="row g-3 align-items-end">
        <input type="hidden" name="action" value="send_local_list">
        <input type="hidden" name="station_id" value="{{ selected_station }}">
        <div class="col-md-3">
          <label for="listVersion" class="form-label">List Version</label>
          <input type="number" class="form-control" id="listVersion" name="list_version" min="0" value="{{ (current_list_version + 1) if current_list_version is not none else '' }}" required>
        </div>
        <div class="col-md-3">
          <label for="updateType" class="form-label">Update Type</label>
          <select class="form-select" id="updateType" name="update_type">
            <option value="Full">Full</option>
            <option value="Differential">Differential</option>
          </select>
        </div>
        <div class="col-md-6">
          <label class="form-label">Übersicht</label>
          <div class="form-text">Es werden {{ entries|length }} Einträge übertragen.</div>
        </div>
        <div class="col-12">
          <button type="submit" class="btn btn-primary">SendLocalList auslösen</button>
        </div>
      </form>
      {% if send_local_list_response %}
      <div class="mt-4">
        <h6 class="text-sm text-muted">Antwort des OCPP-Servers (SendLocalList)</h6>
        <pre class="bg-light p-3 rounded text-sm">{% if send_local_list_response is mapping or send_local_list_response is sequence %}{{ send_local_list_response | tojson(indent=2) | safe }}{% else %}{{ send_local_list_response }}{% endif %}</pre>
      </div>
      {% endif %}
    </div>
  </div>
  {% endif %}
</main>
{% endblock %}