{% 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 Settings') }}
    </h2>
    <p class="text-muted mb-3">{{ _('Configure base URLs, tokens, webhooks, and retry behaviour for the OCPI API.') }}</p>
  </div>

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

  <div class="card">
    <div class="card-body">
      <form method="post" class="row g-4">
        <div class="col-12">
          <p class="text-uppercase text-secondary text-xs mb-2">{{ _('Environment & Base URL') }}</p>
          <div class="row g-3">
            <div class="col-12 col-lg-4">
              <label class="form-label d-block">{{ _('Environment') }}</label>
              <div class="d-flex flex-wrap gap-3">
                <div class="form-check">
                  <input class="form-check-input" type="radio" name="ocpi_environment" id="ocpi-env-prod" value="prod" {% if environment != 'sandbox' %}checked{% endif %}>
                  <label class="form-check-label" for="ocpi-env-prod">{{ _('Production') }}</label>
                </div>
                <div class="form-check">
                  <input class="form-check-input" type="radio" name="ocpi_environment" id="ocpi-env-sandbox" value="sandbox" {% if environment == 'sandbox' %}checked{% endif %}>
                  <label class="form-check-label" for="ocpi-env-sandbox">{{ _('Sandbox') }}</label>
                </div>
              </div>
              <div class="form-text ocpi-helper-text mt-2">{{ _('Active base URL:') }} {{ active_base_url or _('n/a') }}</div>
            </div>
            <div class="col-12 col-lg-4">
              <label class="form-label" for="base_url_prod">{{ _('Base URL (Production)') }}</label>
              <input class="form-control ocpi-form-control" type="text" id="base_url_prod" name="base_url_prod" value="{{ base_url_prod }}" placeholder="https://prod.example.com">
              <div class="form-text ocpi-helper-text">{{ _('Used when the production environment is active or as fallback for existing peers.') }}</div>
            </div>
            <div class="col-12 col-lg-4">
              <label class="form-label" for="base_url_sandbox">{{ _('Base URL (Sandbox)') }}</label>
              <input class="form-control ocpi-form-control" type="text" id="base_url_sandbox" name="base_url_sandbox" value="{{ base_url_sandbox }}" placeholder="https://sandbox.example.com">
              <div class="form-text ocpi-helper-text">{{ _('Switch environments without losing the alternative base URL.') }}</div>
            </div>
          </div>
        </div>

        <div class="col-12">
          <p class="text-uppercase text-secondary text-xs mb-2">{{ _('Tokens & Webhooks') }}</p>
          <div class="row g-3">
            <div class="col-12 col-lg-6">
              <label class="form-label" for="token_prod">{{ _('Token (Production)') }}</label>
              <div class="input-group">
                <input class="form-control ocpi-form-control" type="text" id="token_prod" name="token_prod" value="{{ token_prod }}" placeholder="{{ _('API token for production traffic') }}">
                <button class="btn btn-outline-secondary btn-sm pipelet-btn" type="submit" name="generate_token_prod" value="1">{{ _('Generate token') }}</button>
              </div>
              <div class="form-text ocpi-helper-text">{{ _('Bearer-style token protecting the production OCPI endpoints.') }}</div>
            </div>
            <div class="col-12 col-lg-6">
              <label class="form-label" for="token_sandbox">{{ _('Token (Sandbox)') }}</label>
              <div class="input-group">
                <input class="form-control ocpi-form-control" type="text" id="token_sandbox" name="token_sandbox" value="{{ token_sandbox }}" placeholder="{{ _('API token for sandbox traffic') }}">
                <button class="btn btn-outline-secondary btn-sm pipelet-btn" type="submit" name="generate_token_sandbox" value="1">{{ _('Generate token') }}</button>
              </div>
              <div class="form-text ocpi-helper-text">{{ _('Use a separate token for sandbox partners if required.') }}</div>
            </div>
            <div class="col-12 col-lg-4">
              <label class="form-label" for="webhook_url">{{ _('Webhook URL') }}</label>
              <input class="form-control ocpi-form-control" type="url" id="webhook_url" name="webhook_url" value="{{ webhook_url }}" placeholder="https://hooks.example.com/ocpi">
              <div class="form-text ocpi-helper-text">{{ _('Optional webhook for OCPI alerts and retries.') }}</div>
            </div>
            <div class="col-12 col-lg-4">
              <label class="form-label" for="slack_webhook_url">{{ _('Slack webhook URL') }}</label>
              <input class="form-control ocpi-form-control" type="url" id="slack_webhook_url" name="slack_webhook_url" value="{{ slack_webhook_url }}" placeholder="https://hooks.slack.com/...">
              <div class="form-text ocpi-helper-text">{{ _('Send OCPI notifications to Slack or compatible channels.') }}</div>
            </div>
            <div class="col-12 col-lg-4">
              <label class="form-label" for="email_recipients">{{ _('Email recipients (comma-separated)') }}</label>
              <input class="form-control ocpi-form-control" type="text" id="email_recipients" name="email_recipients" value="{{ email_recipients }}" placeholder="ops@example.com, admin@example.com">
            </div>
          </div>
        </div>

        <div class="col-12">
          <p class="text-uppercase text-secondary text-xs mb-2">{{ _('Alerts & thresholds') }}</p>
          <div class="row g-3">
            <div class="col-12 col-lg-4">
              <label class="form-label" for="module_error_threshold_pct">{{ _('Module error threshold (%)') }}</label>
              <input class="form-control ocpi-form-control" type="number" step="0.1" id="module_error_threshold_pct" name="module_error_threshold_pct" value="{{ module_error_threshold_pct or '' }}" placeholder="10">
              <div class="form-text ocpi-helper-text">{{ _('Triggers alerts when a module exceeds this error rate.') }}</div>
            </div>
            <div class="col-12 col-lg-4">
              <label class="form-label" for="backend_error_threshold_pct">{{ _('Partner error threshold (%)') }}</label>
              <input class="form-control ocpi-form-control" type="number" step="0.1" id="backend_error_threshold_pct" name="backend_error_threshold_pct" value="{{ backend_error_threshold_pct or '' }}" placeholder="10">
              <div class="form-text ocpi-helper-text">{{ _('Threshold for partner/backend failure rate alerts.') }}</div>
            </div>
            <div class="col-12 col-lg-4">
              <label class="form-label" for="webhook_down_minutes">{{ _('Webhook down (minutes)') }}</label>
              <input class="form-control ocpi-form-control" type="number" id="webhook_down_minutes" name="webhook_down_minutes" value="{{ webhook_down_minutes or '' }}" min="0">
              <div class="form-text ocpi-helper-text">{{ _('Alert when webhook/slack endpoint stays unreachable.') }}</div>
            </div>
          </div>
          <div class="row g-3 mt-1">
            <div class="col-12 col-lg-4">
              <label class="form-label" for="token_expiry_warning_days">{{ _('Token expiry warning (days)') }}</label>
              <input class="form-control ocpi-form-control" type="number" id="token_expiry_warning_days" name="token_expiry_warning_days" value="{{ token_expiry_warning_days or '' }}" min="0">
              <div class="form-text ocpi-helper-text">{{ _('Send alerts when a token expires within this many days.') }}</div>
            </div>
            <div class="col-12 col-lg-4">
              <label class="form-label" for="token_expiry_date">{{ _('Default token expiry date (YYYY-MM-DD)') }}</label>
              <input class="form-control ocpi-form-control" type="text" id="token_expiry_date" name="token_expiry_date" value="{{ token_expiry_date }}">
              <div class="form-text ocpi-helper-text">{{ _('Optional default expiry for tokens without per-partner overrides.') }}</div>
            </div>
            <div class="col-12 col-lg-4">
              <label class="form-label" for="token_expiry_dates">{{ _('Token expiry map (JSON)') }}</label>
              <textarea class="form-control ocpi-form-control" id="token_expiry_dates" name="token_expiry_dates" rows="3" placeholder='{\"backend-1\": \"2024-12-31\"}'>{{ token_expiry_dates }}</textarea>
              <div class="form-text ocpi-helper-text">{{ _('Provide per-partner expiry dates as a JSON object.') }}</div>
            </div>
          </div>
          <div class="row g-3 mt-1">
            <div class="col-12 col-lg-4">
              <label class="form-label" for="quiet_hours_start">{{ _('Quiet hours start (HH:MM)') }}</label>
              <input class="form-control ocpi-form-control" type="text" id="quiet_hours_start" name="quiet_hours_start" value="{{ quiet_hours_start }}">
            </div>
            <div class="col-12 col-lg-4">
              <label class="form-label" for="quiet_hours_end">{{ _('Quiet hours end (HH:MM)') }}</label>
              <input class="form-control ocpi-form-control" type="text" id="quiet_hours_end" name="quiet_hours_end" value="{{ quiet_hours_end }}">
            </div>
            <div class="col-12 col-lg-4">
              <label class="form-label" for="quiet_hours_timezone">{{ _('Quiet hours timezone') }}</label>
              <input class="form-control ocpi-form-control" type="text" id="quiet_hours_timezone" name="quiet_hours_timezone" value="{{ quiet_hours_timezone }}" placeholder="Europe/Berlin">
              <div class="form-text ocpi-helper-text">{{ _('Silence notifications during the configured window.') }}</div>
            </div>
          </div>
          <div class="row g-3 mt-1">
            <div class="col-12 col-lg-4">
              <label class="form-label" for="alert_cooldown_seconds">{{ _('Alert cooldown (seconds)') }}</label>
              <input class="form-control ocpi-form-control" type="number" id="alert_cooldown_seconds" name="alert_cooldown_seconds" value="{{ alert_cooldown_seconds or '' }}" min="0">
              <div class="form-text ocpi-helper-text">{{ _('Minimum interval between repeated alerts of the same type.') }}</div>
            </div>
          </div>
        </div>

        <div class="col-12">
          <p class="text-uppercase text-secondary text-xs mb-2">{{ _('Retry policy') }}</p>
          <div class="row g-3">
            <div class="col-12 col-lg-4">
              <label class="form-label" for="retry_interval">{{ _('Retry interval (s)') }}</label>
              <input class="form-control ocpi-form-control" type="number" id="retry_interval" name="retry_interval" value="{{ retry_interval }}" min="1">
            </div>
            <div class="col-12 col-lg-4">
              <label class="form-label" for="retry_batch_size">{{ _('Retry batch size') }}</label>
              <input class="form-control ocpi-form-control" type="number" id="retry_batch_size" name="retry_batch_size" value="{{ retry_batch_size }}" min="1">
            </div>
            <div class="col-12 col-lg-4">
              <label class="form-label" for="retry_max_attempts">{{ _('Retry max attempts') }}</label>
              <input class="form-control ocpi-form-control" type="number" id="retry_max_attempts" name="retry_max_attempts" value="{{ retry_max_attempts }}" min="1">
            </div>
          </div>
          <div class="form-text ocpi-helper-text mt-2">{{ _('Controls how often failed OCPI exports are retried and how many items are processed per run.') }}</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>
</main>
{% endblock %}