{% extends "base.html" %}
{% block title %}设置 · aether{% endblock %}

{% block content %}
<section class="page-header">
  <h1>设置</h1>
  <p class="page-sub">
    当前生效:
    <code>{{ current.base_url }}</code> /
    <code>{{ current.model }}</code>
    {% if current.api_key %}· key 已设{% else %}· <span style="color: var(--error-fg);">key 未设</span>{% endif %}
  </p>
</section>

{% if request.query_params.saved == "1" %}
  <div class="banner banner-ok">✓ 已保存, 下次 LLM 调用立即生效</div>
{% elif request.query_params.reset == "1" %}
  <div class="banner banner-ok">✓ 已清空 settings.json, 回到 .env 默认</div>
{% elif request.query_params.test %}
  {% if request.query_params.test == "ok" %}
    <div class="banner banner-ok">✓ 测试成功, 当前 provider 配置可用</div>
  {% else %}
    <div class="banner banner-error">
      <strong>测试失败:</strong> {{ request.query_params.test }}
    </div>
  {% endif %}
{% endif %}

<form method="post" action="/settings" class="settings-form">
  <h2>LLM 提供方</h2>
  <p class="hint">
    改完点保存, <strong>不</strong>需要重启服务. 改 <code>.env</code> 仍然有效
    (优先级: settings.json > .env > 默认).
  </p>

  <div class="form-row">
    <label>Base URL</label>
    <input type="text" name="base_url" value="{{ current.base_url }}"
           placeholder="https://api.anthropic.com" />
  </div>

  <div class="form-row">
    <label>Model</label>
    <input type="text" name="model" value="{{ current.model }}"
           placeholder="claude-sonnet-4-6" />
  </div>

  <div class="form-row">
    <label>API Key</label>
    <input type="password" name="api_key" value="{{ current.api_key }}"
           placeholder="sk-...  (留空表示不改)" autocomplete="off" />
    <span class="form-hint">明文存到 data/settings.json (本机用 OK, 上云前要加密)</span>
  </div>

  <div class="form-row form-row-split">
    <div>
      <label>Timeout (秒)</label>
      <input type="number" name="timeout" value="{{ current.timeout }}" min="10" max="600" />
    </div>
    <div>
      <label>Max Retries</label>
      <input type="number" name="max_retries" value="{{ current.max_retries }}" min="0" max="10" />
    </div>
    <div>
      <label>Disable Thinking</label>
      <select name="thinking_disabled">
        <option value="1" {% if current.thinking_disabled %}selected{% endif %}>是 (关掉内省)</option>
        <option value="0" {% if not current.thinking_disabled %}selected{% endif %}>否 (用 provider 默认)</option>
      </select>
    </div>
  </div>

  <div class="form-actions">
    <button type="submit" class="btn btn-primary">💾 保存</button>
    <button type="submit" form="test-form" formaction="/settings/test" class="btn">🧪 测试连接</button>
    <button type="submit" form="reset-form" formaction="/settings/reset" class="btn btn-ghost"
            onclick="return confirm('确认清空 settings.json? 会回到 .env 默认');">↺ 恢复 .env 默认</button>
  </div>
</form>

<!-- 隐藏的 test/reset form, 复用一个 form 不行因为 submit 按钮的 formaction 会被忽略 -->
<form id="test-form" method="post" action="/settings/test" style="display:none;"></form>
<form id="reset-form" method="post" action="/settings/reset" style="display:none;"></form>

<section class="presets">
  <h2>Provider 快捷切换</h2>
  <p class="hint">点一下填好 base_url + model, 还是要手动填 key.</p>
  <div class="preset-grid">
    {% for key, p in presets.items() %}
      <form method="post" action="/settings/preset/{{ key }}" class="preset-card">
        <h3>{{ p.label }}</h3>
        <p class="preset-hint">{{ p.hint }}</p>
        <code class="preset-model">{{ p.model }}</code>
        <input type="password" name="api_key" placeholder="API key (可选)" autocomplete="off" />
        <button type="submit" class="btn btn-sm">应用</button>
      </form>
    {% endfor %}
  </div>
</section>

<section class="read-only">
  <h2>抓取层 (v0.1 只读, 改 .env)</h2>
  <p class="hint">未来也加 UI 编辑 (v0.2+).</p>
  <dl>
    <dt>User-Agent</dt><dd><code>{{ snapshot.fetcher.user_agent if snapshot else 'AetherBot/0.1' }}</code></dd>
    <dt>Request Timeout</dt><dd><code>{{ snapshot.fetcher.request_timeout if snapshot else 30 }}s</code></dd>
    <dt>Default Top N</dt><dd><code>{{ snapshot.fetcher.default_top_n if snapshot else 3 }}</code></dd>
  </dl>
</section>

<section class="read-only">
  <h2>数据库连接 (boot-time, 改 .env 重启)</h2>
  <dl>
    <dt>DATABASE_URL</dt><dd><code>{{ snapshot._meta.settings_path if snapshot else 'data/settings.json' }}</code></dd>
    <dt>说明</dt><dd>DB 连接池在启动时建立, 改 DATABASE_URL 需要重启 uvicorn</dd>
  </dl>
</section>
{% endblock %}