{% extends "op_zz_frame.html" %}
{% block centercontent %}
<main class="ct-docs-content-col" role="main">
  <div style="width:100%">
    <h2 class="ct-docs-page-h1-title" id="content">
      {{ _('OCPI') }}
    </h2>
  </div>

  {% if message %}
  <div class="alert alert-info" role="alert">{{ message }}</div>
  {% endif %}

  <div class="card mb-4">
    <div class="card-body">
      <form method="post" action="{{ url_for('ocpi_config') }}" class="row g-3">
        <div class="col-12">
          <div class="form-check form-switch">
            <input class="form-check-input" type="checkbox" role="switch" id="ocpi_enabled" name="ocpi_enabled" {% if ocpi_enabled %}checked{% endif %}>
            <label class="form-check-label" for="ocpi_enabled">{{ _('Enable OCPI backend') }}</label>
            <div class="form-text ocpi-helper-text">{{ _('Sending OCPI CDRs is disabled by default and must be explicitly enabled.') }}</div>
          </div>
        </div>
        <div class="col-12 col-lg-6">
          <label class="form-label" for="ocpi_url">{{ _('OCPI Backend URL:') }}</label>
          <input class="form-control ocpi-form-control" type="text" id="ocpi_url" name="ocpi_url" value="{{ ocpi_url }}" placeholder="https://example.com/ocpi/cdrs">
          <div class="form-text ocpi-helper-text">{{ _('Please verify the target URL before enabling OCPI forwarding.') }}</div>
        </div>
        <div class="col-12 col-lg-6">
          <label class="form-label" for="ocpi_token">{{ _('Bearer Token:') }}</label>
          <input class="form-control ocpi-form-control" type="text" id="ocpi_token" name="ocpi_token" value="{{ ocpi_token }}" placeholder="{{ _('Bearer token used when forwarding is enabled') }}">
          <div class="form-text ocpi-helper-text">{{ _('The token is only used when OCPI forwarding is explicitly enabled.') }}</div>
        </div>
        <div class="col-12 d-flex justify-content-end">
          <button class="btn btn-primary btn-sm pipelet-btn" type="submit">{{ _('Save') }}</button>
        </div>
      </form>
    </div>
  </div>

  <div style="width:100%; margin-top:10px">
    <h3 class="ct-docs-page-h1-title" id="ocpi-backends">
      {{ _('OCPI Backends') }}
    </h3>
    <p class="text-muted" style="max-width: 800px;">
      {{ _('Multiple targets can be maintained in parallel. Active backends are used per station according to the assignment list.') }}
    </p>
  </div>

  <div class="d-flex flex-column gap-4">
    {% for backend in ocpi_backends %}
    <div class="card ocpi-backend-card">
      <div class="card-body">
        <form method="post" class="ocpi-backend-form">
          <input type="hidden" name="backend_action" value="update">
          <input type="hidden" name="backend_id" value="{{ backend.backend_id }}">
          <div class="row g-4 ocpi-backend-grid">
            <div class="col-12 col-lg-6">
              <p class="text-uppercase text-secondary text-xs mb-2">{{ _('Identity') }}</p>
              <div class="mb-3">
                <label class="form-label" for="backend-name-{{ backend.backend_id }}">{{ _('Name') }}</label>
                <input class="form-control ocpi-form-control" type="text" id="backend-name-{{ backend.backend_id }}" name="backend_name" value="{{ backend.name }}" required>
              </div>
              <div class="mb-3">
                <label class="form-label" for="backend-url-{{ backend.backend_id }}">{{ _('URL') }}</label>
                <input class="form-control ocpi-form-control" type="text" id="backend-url-{{ backend.backend_id }}" name="backend_url" value="{{ backend.url }}" placeholder="https://example.com/ocpi/cdrs" required>
                <div class="form-text ocpi-helper-text">{{ _('Primary endpoint for OCPI interactions.') }}</div>
              </div>
              <div class="mb-0">
                <label class="form-label" for="backend-versions-url-{{ backend.backend_id }}">{{ _('Versions URL') }}</label>
                <input class="form-control ocpi-form-control" type="text" id="backend-versions-url-{{ backend.backend_id }}" name="backend_versions_url" value="{{ backend.remote_versions_url or '' }}" placeholder="https://example.com/ocpi/versions">
                <div class="form-text ocpi-helper-text">{{ _('Optional explicit versions endpoint used during discovery.') }}</div>
              </div>
            </div>

            <div class="col-12 col-lg-6">
              <p class="text-uppercase text-secondary text-xs mb-2">{{ _('Modules') }}</p>
              <div class="ocpi-module-list">
                {% for module in available_modules %}
                {% set checkbox_id = 'backend-' ~ backend.backend_id ~ '-' ~ module %}
                <div class="form-check">
                  <input class="form-check-input" type="checkbox" id="{{ checkbox_id }}" name="backend_modules" value="{{ module }}" {% if module in backend.modules_list %}checked{% endif %}>
                  <label class="form-check-label" for="{{ checkbox_id }}">{{ module|capitalize }}</label>
                </div>
                {% endfor %}
              </div>
              <div class="form-text ocpi-helper-text mt-2">{{ _('Choose the OCPI modules this backend should serve.') }}</div>
            </div>

            {% set stats = backend.feed_stats %}
            {% set last_status = stats.last_status if stats.last_status is defined else None %}
            {% set last_created = stats.last_created_at if stats.last_created_at is defined else None %}
            <div class="col-12 col-md-6">
              <p class="text-uppercase text-secondary text-xs mb-2">{{ _('Feed status') }}</p>
              <div class="small">{{ _('Total:') }} {{ stats.total or 0 }}</div>
              <div class="small">{{ _('Success:') }} {{ stats.success or 0 }} / {{ _('Failures:') }} {{ stats.failure or 0 }}</div>
              <div class="small">{{ _('Pending retries:') }} {{ stats.pending or 0 }}</div>
              <div class="small text-muted ocpi-helper-text">{{ _('Last response:') }} {{ last_status if last_status is not none else _('n/a') }}{% if last_created %} ({{ last_created }}){% endif %}</div>
            </div>

            {% set command_stats = backend.command_stats or {} %}
            {% set commands_row = command_stats.get('commands') or {} %}
            {% set profiles_row = command_stats.get('chargingprofiles') or {} %}
            <div class="col-12 col-md-6">
              <p class="text-uppercase text-secondary text-xs mb-2">{{ _('Commands / Profiles') }}</p>
              <div class="small">{{ _('Commands:') }} {{ commands_row.total or 0 }} ({{ _('OK') }} {{ commands_row.success or 0 }}, {{ _('Errors') }} {{ commands_row.failure or 0 }})</div>
              <div class="small text-muted ocpi-helper-text">{{ _('Last:') }} {{ commands_row.last_status or _('n/a') }}{% if commands_row.last_created_at %} ({{ commands_row.last_created_at }}){% endif %}</div>
              <div class="small mt-2">{{ _('Profiles:') }} {{ profiles_row.total or 0 }} ({{ _('OK') }} {{ profiles_row.success or 0 }}, {{ _('Errors') }} {{ profiles_row.failure or 0 }})</div>
              <div class="small text-muted ocpi-helper-text">{{ _('Last:') }} {{ profiles_row.last_status or _('n/a') }}{% if profiles_row.last_created_at %} ({{ profiles_row.last_created_at }}){% endif %}</div>
            </div>

            <div class="col-12 col-lg-6">
              <p class="text-uppercase text-secondary text-xs mb-2">{{ _('Tokens') }}</p>
              <div class="mb-3">
                <label class="form-label" for="backend-token-{{ backend.backend_id }}">{{ _('Bootstrap token') }}</label>
                <input class="form-control ocpi-form-control" type="text" id="backend-token-{{ backend.backend_id }}" name="backend_token" value="{{ backend.token }}" placeholder="{{ _('Bootstrap token') }}">
                <div class="form-text ocpi-helper-text">{{ _('Used for the initial versions/credentials call.') }}</div>
              </div>
              <div class="mb-0">
                <label class="form-label" for="backend-credentials-token-{{ backend.backend_id }}">{{ _('Token presented to peers') }}</label>
                <input class="form-control ocpi-form-control" type="text" id="backend-credentials-token-{{ backend.backend_id }}" name="backend_credentials_token" value="{{ backend.credentials_token or '' }}" placeholder="{{ _('Token presented to peers') }}">
                <div class="form-text ocpi-helper-text">{{ _('Peer token:') }} {{ backend.peer_token or _('pending') }}</div>
              </div>
            </div>

            <div class="col-12 col-lg-6">
              <p class="text-uppercase text-secondary text-xs mb-2">{{ _('Active / Actions') }}</p>
              <div class="ocpi-backend-actions">
                <div class="form-check form-switch">
                  <input class="form-check-input" type="checkbox" id="backend-enabled-{{ backend.backend_id }}" name="backend_enabled" value="1" {% if backend.enabled %}checked{% endif %}>
                  <label class="form-check-label" for="backend-enabled-{{ backend.backend_id }}">{{ _('Active backend') }}</label>
                </div>
                <div class="d-flex flex-wrap gap-2">
                  <button class="btn btn-primary btn-sm" type="submit">{{ _('Save') }}</button>
                  <button class="btn btn-danger btn-sm" type="submit" name="backend_action" value="delete">{{ _('Delete') }}</button>
                </div>
              </div>
            </div>
          </div>
        </form>
      </div>
      <div class="card-footer bg-light">
        <form method="post" class="d-flex flex-wrap align-items-center gap-3 mb-0">
          <input type="hidden" name="backend_action" value="exchange">
          <input type="hidden" name="backend_id" value="{{ backend.backend_id }}">
          <button class="btn btn-secondary btn-sm" type="submit">{{ _('Exchange credentials') }}</button>
          <div class="small">{{ _('Peer token:') }} {{ backend.peer_token or _('pending') }}</div>
          <div class="small">{{ _('Peer versions URL:') }} {{ backend.peer_versions_url or _('n/a') }}</div>
          <div class="small">{{ _('Status:') }} {{ backend.last_credentials_status or _('never') }}{% if backend.last_credentials_at %} ({{ backend.last_credentials_at }}){% endif %}</div>
        </form>
      </div>
    </div>
    {% endfor %}

    <div class="card ocpi-backend-card">
      <div class="card-body">
        <form method="post" class="ocpi-backend-form">
          <input type="hidden" name="backend_action" value="add">
          <div class="row g-4 ocpi-backend-grid">
            <div class="col-12 col-lg-6">
              <p class="text-uppercase text-secondary text-xs mb-2">{{ _('Identity') }}</p>
              <div class="mb-3">
                <label class="form-label" for="backend-name-new">{{ _('Name') }}</label>
                <input class="form-control ocpi-form-control" type="text" id="backend-name-new" name="backend_name" placeholder="{{ _('Name') }}" required>
              </div>
              <div class="mb-3">
                <label class="form-label" for="backend-url-new">{{ _('URL') }}</label>
                <input class="form-control ocpi-form-control" type="text" id="backend-url-new" name="backend_url" placeholder="https://example.com/ocpi/cdrs" required>
                <div class="form-text ocpi-helper-text">{{ _('Primary endpoint for OCPI interactions.') }}</div>
              </div>
              <div class="mb-0">
                <label class="form-label" for="backend-versions-url-new">{{ _('Versions URL') }}</label>
                <input class="form-control ocpi-form-control" type="text" id="backend-versions-url-new" name="backend_versions_url" placeholder="https://example.com/ocpi/versions">
                <div class="form-text ocpi-helper-text">{{ _('Optional explicit versions endpoint used during discovery.') }}</div>
              </div>
            </div>

            <div class="col-12 col-lg-6">
              <p class="text-uppercase text-secondary text-xs mb-2">{{ _('Modules') }}</p>
              <div class="ocpi-module-list">
                {% for module in available_modules %}
                {% set checkbox_id = 'backend-new-' ~ module %}
                <div class="form-check">
                  <input class="form-check-input" type="checkbox" id="{{ checkbox_id }}" name="backend_modules" value="{{ module }}" {% if module == 'cdrs' %}checked{% endif %}>
                  <label class="form-check-label" for="{{ checkbox_id }}">{{ module|capitalize }}</label>
                </div>
                {% endfor %}
              </div>
              <div class="form-text ocpi-helper-text mt-2">{{ _('Choose the OCPI modules this backend should serve.') }}</div>
            </div>

            <div class="col-12 col-md-6">
              <p class="text-uppercase text-secondary text-xs mb-2">{{ _('Feed status') }}</p>
              <div class="small">{{ _('Totals:') }} 0</div>
              <div class="small">{{ _('Pending retries:') }} 0</div>
              <div class="small text-muted ocpi-helper-text">{{ _('Last response: n/a') }}</div>
            </div>

            <div class="col-12 col-md-6">
              <p class="text-uppercase text-secondary text-xs mb-2">{{ _('Commands / Profiles') }}</p>
              <div class="small">{{ _('Commands:') }} 0</div>
              <div class="small">{{ _('Profiles:') }} 0</div>
              <div class="small text-muted ocpi-helper-text">{{ _('Last response: n/a') }}</div>
            </div>

            <div class="col-12 col-lg-6">
              <p class="text-uppercase text-secondary text-xs mb-2">{{ _('Tokens') }}</p>
              <div class="mb-3">
                <label class="form-label" for="backend-token-new">{{ _('Bootstrap token') }}</label>
                <input class="form-control ocpi-form-control" type="text" id="backend-token-new" name="backend_token" placeholder="{{ _('Bootstrap token') }}">
                <div class="form-text ocpi-helper-text">{{ _('Used for the initial versions/credentials call.') }}</div>
              </div>
              <div class="mb-0">
                <label class="form-label" for="backend-credentials-token-new">{{ _('Token presented to peers') }}</label>
                <input class="form-control ocpi-form-control" type="text" id="backend-credentials-token-new" name="backend_credentials_token" placeholder="{{ _('Token presented to peers') }}">
                <div class="form-text ocpi-helper-text">{{ _('Peer token: pending') }}</div>
              </div>
            </div>

            <div class="col-12 col-lg-6">
              <p class="text-uppercase text-secondary text-xs mb-2">{{ _('Active / Actions') }}</p>
              <div class="ocpi-backend-actions">
                <div class="form-check form-switch">
                  <input class="form-check-input" type="checkbox" id="backend-enabled-new" name="backend_enabled" value="1" checked>
                  <label class="form-check-label" for="backend-enabled-new">{{ _('Active backend') }}</label>
                </div>
                <div class="d-flex flex-wrap gap-2">
                  <button class="btn btn-primary btn-sm pipelet-btn" type="submit">{{ _('Add backend') }}</button>
                </div>
              </div>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</main>
{% endblock %}