{% 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) %}

<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>

  <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>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>
              <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>
        API Key Env
        <input name="api_key_env" placeholder="OPENAI_API_KEY">
      </label>
      <button class="button primary" type="submit">Save Route</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 %}