{% 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 }}</strong>Stored rows</span>
    <span><strong>{{ trim_count }}</strong>Older than {{ days }} 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) %}

<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/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.duration_ms }} 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 }} 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 %}