{% extends "base.html" %}
{% block content %}
<section class="page-heading">
  <div>
    <p class="eyebrow">Admin</p>
    <h1>Settings</h1>
  </div>
  <div class="stats">
    <span><strong>{{ total | compact_number }}</strong>Stored rows</span>
    <span><strong>{{ trim_count | compact_number }}</strong>Older than {{ days | compact_number }} days</span>
  </div>
</section>

{% if error %}
<div class="alert">{{ error }}</div>
{% endif %}

{% set current_incoming_host = incoming_host | default('localhost', true) %}
{% set current_incoming_port = incoming_port | default(8080, true) %}
{% set current_expose_all_ips = expose_all_ips | default(false, true) %}
{% set configured_model_routes = model_routes | default([], true) %}
{% set configured_providers = providers | default([], true) %}
{% set configured_model_prices = model_prices | default([], true) %}
{% set configured_default_fixes_text = default_compat_fixes_text | default('', true) %}
{% set known_compat_fixes = available_compat_fixes | default([], true) %}

<section class="settings-grid">
  <form class="panel form-panel" method="post" action="/admin/settings/incoming">
    <header>
      <h2>Incoming Server</h2>
      <span>{{ current_incoming_host }}:{{ current_incoming_port }}</span>
    </header>
    <label>
      Incoming port
      <input name="incoming_port" value="{{ current_incoming_port }}" min="1" max="65535" type="number" required>
    </label>
    <label class="check">
      <input type="checkbox" name="expose_all_ips" value="yes" {% if current_expose_all_ips %}checked{% endif %}>
      Expose on all IPs (0.0.0.0)
    </label>
    <button class="button primary" type="submit">Save Incoming</button>
  </form>

  <form class="panel form-panel" method="post" action="/admin/settings/upstream">
    <header>
      <h2>Upstream URL</h2>
      <span>Base /v1 endpoint</span>
    </header>
    <label>
      URL
      <input name="upstream_url" value="{{ upstream_url }}" placeholder="http://localhost:8080/v1" required>
    </label>
    <button class="button primary" type="submit">Save Upstream</button>
  </form>

  <form class="panel form-panel" method="post" action="/admin/settings/compat-fixes">
    <header>
      <h2>Default Compatibility Fixes</h2>
      <span>{{ 'off' if not configured_default_fixes_text else 'configured' }}</span>
    </header>
    <label>
      Ordered fix IDs
      <textarea name="fixes" rows="4" placeholder="qwen-tagged-tool-call-rewrite">{{ configured_default_fixes_text }}</textarea>
    </label>
    <button class="button primary" type="submit">Save Fixes</button>
    {% if known_compat_fixes %}
    <div class="help-list">
      {% for fix in known_compat_fixes %}
      <p><code>{{ fix.id }}</code> {{ fix.description }} <span class="muted">{{ fix.risk_note }}</span></p>
      {% endfor %}
    </div>
    {% endif %}
  </form>

  <article class="panel model-routes-panel">
    <header>
      <h2>Model Routes</h2>
      <span>{{ configured_model_routes | length }} configured</span>
    </header>
    {% if configured_model_routes %}
    <div class="table-shell compact-table">
      <table class="model-routes-table">
        <thead>
          <tr>
            <th>Source</th>
            <th>Model</th>
            <th>Upstream</th>
            <th>Upstream Model</th>
            <th>Provider</th>
            <th>Fixes</th>
            <th>API Key</th>
            <th>Actions</th>
          </tr>
        </thead>
        <tbody>
          {% for route in configured_model_routes %}
          <tr>
            <td>
              <span class="source-pill source-{{ route.source }}">
                {{ 'Settings' if route.editable else 'Startup' }}
              </span>
            </td>
            <td><code>{{ route.model }}</code></td>
            <td><code>{{ route.upstream_url }}</code></td>
            <td><code>{{ route.upstream_model }}</code></td>
            <td>
              {% if route.provider_slug %}
              <span class="source-pill">{{ route.provider_name | default(route.provider_slug, true) }}</span>
              {% else %}
              <span class="muted">Auto</span>
              {% endif %}
            </td>
            <td>
              {% if route.fixes %}
              <code>{{ route.fixes | join(', ') }}</code>
              {% else %}
              <span class="muted">None</span>
              {% endif %}
            </td>
            <td>
              <span class="key-state key-state-{{ route.api_key_state | replace(' ', '-') }}">
                {{ route.api_key_state }}
              </span>
              {% if route.api_key_env %}
              <small>{{ route.api_key_env }}</small>
              {% elif route.api_key_state == 'configured' %}
              <small>direct key</small>
              {% endif %}
            </td>
            <td>
              {% if route.editable %}
              <form method="post" action="/admin/settings/model-routes/delete">
                <input type="hidden" name="model" value="{{ route.model }}">
                <button class="button danger compact-button" type="submit">Delete</button>
              </form>
              {% else %}
              <span class="muted">Locked</span>
              {% endif %}
            </td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
    {% else %}
    <p class="muted">No model routes are configured. Requests use the global upstream fallback.</p>
    {% endif %}
    <form class="model-route-form" method="post" action="/admin/settings/model-routes">
      <label>
        Model
        <input name="model" placeholder="local-qwen" required>
      </label>
      <label>
        Upstream URL
        <input name="upstream_url" placeholder="http://localhost:8000/v1" required>
      </label>
      <label>
        Upstream Model
        <input name="upstream_model" placeholder="qwen3-coder-30b">
      </label>
      <label>
        Provider
        <select name="provider_slug">
          <option value="">Auto by upstream URL</option>
          {% for provider in configured_providers %}
          <option value="{{ provider.slug }}">{{ provider.name }}</option>
          {% endfor %}
        </select>
      </label>
      <label>
        API Key Env
        <input name="api_key_env" placeholder="OPENAI_API_KEY">
      </label>
      <label>
        Compatibility Fixes
        <textarea name="fixes" rows="3" placeholder="qwen-tagged-tool-call-rewrite"></textarea>
      </label>
      <button class="button primary" type="submit">Save Route</button>
    </form>
  </article>

  <article class="panel providers-panel">
    <header>
      <h2>Model Providers</h2>
      <span>{{ configured_providers | length }} configured</span>
    </header>
    {% if configured_providers %}
    <div class="table-shell compact-table">
      <table class="model-routes-table">
        <thead>
          <tr>
            <th>Slug</th>
            <th>Name</th>
            <th>Upstream URL</th>
            <th>Currency</th>
            <th>Actions</th>
          </tr>
        </thead>
        <tbody>
          {% for provider in configured_providers %}
          <tr>
            <td><code>{{ provider.slug }}</code></td>
            <td>{{ provider.name }}</td>
            <td><code>{{ provider.upstream_url | default('-', true) }}</code></td>
            <td>{{ provider.currency }}</td>
            <td>
              <form method="post" action="/admin/settings/providers/delete">
                <input type="hidden" name="slug" value="{{ provider.slug }}">
                <button class="button danger compact-button" type="submit">Delete</button>
              </form>
            </td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
    {% endif %}
    <form class="provider-form" method="post" action="/admin/settings/providers">
      <label>
        Slug
        <input name="slug" placeholder="openai" required>
      </label>
      <label>
        Name
        <input name="name" placeholder="OpenAI" required>
      </label>
      <label>
        Upstream URL
        <input name="upstream_url" placeholder="https://api.openai.com/v1">
      </label>
      <label>
        Currency
        <input name="currency" value="USD" required>
      </label>
      <button class="button primary" type="submit">Save Provider</button>
    </form>
  </article>

  <article class="panel prices-panel">
    <header>
      <h2>Model Pricing</h2>
      <span>{{ configured_model_prices | length }} configured</span>
    </header>
    {% if configured_model_prices %}
    <div class="table-shell compact-table">
      <table class="model-routes-table">
        <thead>
          <tr>
            <th>Provider</th>
            <th>Model</th>
            <th>Display Name</th>
            <th>Input / 1M</th>
            <th>Cached Input / 1M</th>
            <th>Output / 1M</th>
            <th>Aliases</th>
            <th>Active</th>
            <th>Actions</th>
          </tr>
        </thead>
        <tbody>
          {% for price in configured_model_prices %}
          <tr>
            <td>{{ price.provider_name }}</td>
            <td><code>{{ price.model }}</code></td>
            <td>{{ price.display_name | default('-', true) }}</td>
            <td>{{ price.input_usd_per_million | usd }}</td>
            <td>{{ price.cached_input_usd_per_million | usd }}</td>
            <td>{{ price.output_usd_per_million | usd }}</td>
            <td>{{ price.aliases | default('-', true) }}</td>
            <td><span class="pill">{{ 'yes' if price.active else 'no' }}</span></td>
            <td>
              <form method="post" action="/admin/settings/model-prices/delete">
                <input type="hidden" name="provider_slug" value="{{ price.provider_slug }}">
                <input type="hidden" name="model" value="{{ price.model }}">
                <button class="button danger compact-button" type="submit">Delete</button>
              </form>
            </td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
    {% endif %}
    <form class="price-form" method="post" action="/admin/settings/model-prices">
      <label>
        Provider
        <select name="provider_slug" required>
          {% for provider in configured_providers %}
          <option value="{{ provider.slug }}">{{ provider.name }}</option>
          {% endfor %}
        </select>
      </label>
      <label>
        Model
        <input name="model" placeholder="gpt-5.4-mini" required>
      </label>
      <label>
        Display Name
        <input name="display_name" placeholder="GPT-5.4 Mini">
      </label>
      <label>
        Input USD / 1M
        <input name="input_usd_per_million" placeholder="0.75" type="number" min="0" step="0.000001" required>
      </label>
      <label>
        Output USD / 1M
        <input name="output_usd_per_million" placeholder="4.50" type="number" min="0" step="0.000001" required>
      </label>
      <label>
        Cached Input USD / 1M
        <input name="cached_input_usd_per_million" placeholder="0.075" type="number" min="0" step="0.000001">
      </label>
      <label>
        Aliases
        <input name="aliases" placeholder="alternate-model-id">
      </label>
      <label>
        Notes
        <input name="notes" placeholder="Standard paid text pricing">
      </label>
      <input type="hidden" name="active" value="no">
      <label class="check"><input type="checkbox" name="active" value="yes" checked> Active</label>
      <button class="button primary" type="submit">Save Price</button>
    </form>
  </article>

  <form class="panel form-panel" method="post" action="/admin/settings/test-upstream">
    <header>
      <h2>Test Upstream</h2>
      <span>Send sample chat requests</span>
    </header>
    <label>
      Model
      <input name="model" value="{{ test_model | default('gpt-test', true) }}" required>
    </label>
    <label>
      Prompt
      <textarea name="prompt" rows="4" required>{{ test_prompt | default('Reply with a short upstream connectivity check.', true) }}</textarea>
    </label>
    <div class="button-row">
      <button class="button primary" type="submit" name="test_kind" value="simple">Simple Message</button>
      <button class="button ghost" type="submit" name="test_kind" value="image">Image Message</button>
      <button class="button ghost" type="submit" name="test_kind" value="tools">Function Call</button>
    </div>
    {% if test_result %}
    <div class="test-result">
      <div class="detail-meta">
        <span class="{{ 'status-200' if test_result.ok else 'status-500' }}">
          {{ test_result.status_code | default('error', true) }}
        </span>
        <span>{{ test_result.kind }}</span>
        <span>{{ test_result.model_route | default('global fallback', true) }}</span>
        {% if test_result.upstream_model %}
        <span>{{ test_result.upstream_model }}</span>
        {% endif %}
        <span>{{ test_result.duration_ms | duration_ms }}</span>
      </div>
      <code>{{ test_result.url }}</code>
      {% if test_result.error %}
      <p class="error-text">{{ test_result.error }}</p>
      {% else %}
      <pre class="code compact-code">{{ test_result.body }}</pre>
      {% endif %}
    </div>
    {% endif %}
  </form>

  <form class="panel form-panel" method="post" action="/admin/trim" data-confirm-trim>
    <header>
      <h2>Trim History</h2>
      <span>Delete older records</span>
    </header>
    <label>
      Retain days
      <input name="days" value="{{ days }}" min="1" max="3650" type="number" required>
    </label>
    <label class="check"><input type="checkbox" name="confirm" value="yes" required> Confirm deletion</label>
    <p class="muted">Current preview: {{ trim_count | compact_number }} row{{ '' if trim_count == 1 else 's' }} will be deleted.</p>
    <button class="button danger" type="submit">Trim Records</button>
    <a class="button ghost" href="/admin/settings?days={{ days }}">Refresh Count</a>
  </form>
</section>
{% endblock %}