{% extends "admin.html" %}

{% block admin_content %}
<section class="admin-section" aria-labelledby="models-heading">
  <div class="admin-section-heading">
    <div><h2 id="models-heading">{% if is_en %}Models{% else %}模型管理{% endif %}</h2></div>
  </div>
  <p class="admin-model-note">
    {% if is_en %}Only the global model catalog is managed here. API keys and tokens normally stay in each client's secure storage; manual sync may upload only client-encrypted opaque account records. Built-in web search runs in the clients; this website never receives or proxies search queries or page content.{% else %}这里只管理全局模型目录；API Key/Token 平时保存在各客户端安全存储，手动同步也只能上传客户端加密的不透明账户记录。内置网络搜索只在客户端运行，网站不接收或代理搜索词与页面正文。{% endif %}
  </p>

  <details class="admin-model-create">
    <summary>{% if is_en %}Add model{% else %}新增模型{% endif %}</summary>
    <form class="admin-form-grid admin-model-form" hx-post="/admin/models" hx-target="#admin-global-feedback" hx-swap="innerHTML">
      {% if is_en %}<input type="hidden" name="lang" value="en">{% endif %}
      <label class="admin-field">{% if is_en %}Display name{% else %}显示名称{% endif %}<input name="name" required maxlength="100" placeholder="DeepSeek V4 Pro"></label>
      <label class="admin-field">{% if is_en %}Vendor{% else %}厂商{% endif %}<input name="provider" required maxlength="64" placeholder="DeepSeek"></label>
      <label class="admin-field">{% if is_en %}Context window{% else %}上下文窗口{% endif %}<input name="context_length" type="number" min="4096" max="2000000" value="128000" required></label>
      <details class="admin-model-interface" data-api-format="openai_compatible" data-configured="true" open>
        <summary><span>{% if is_en %}OpenAI-compatible interface{% else %}OpenAI 兼容接口{% endif %}</span><small>{% if is_en %}Default interface{% else %}默认接口{% endif %}</small></summary>
        <div class="admin-model-interface-fields">
          <label class="admin-field">Base URL<input name="openai_base_url" type="url" maxlength="512" placeholder="https://api.example.com/v1"></label>
          <label class="admin-field">Model ID<input name="openai_model_name" maxlength="128" placeholder="example-model"></label>
        </div>
      </details>
      <details class="admin-model-interface" data-api-format="anthropic_compatible" data-configured="false">
        <summary><span>{% if is_en %}Anthropic-compatible interface{% else %}Anthropic 兼容接口{% endif %}</span><small>{% if is_en %}Add when needed{% else %}按需添加{% endif %}</small></summary>
        <div class="admin-model-interface-fields">
          <label class="admin-field">Base URL<input name="anthropic_base_url" type="url" maxlength="512" placeholder="https://api.example.com/anthropic"></label>
          <label class="admin-field">Model ID<input name="anthropic_model_name" maxlength="128" placeholder="example-model"></label>
        </div>
      </details>
      <details class="admin-model-interface" data-api-format="responses_compatible" data-configured="false">
        <summary><span>{% if is_en %}Responses-compatible interface{% else %}Responses 兼容接口{% endif %}</span><small>{% if is_en %}Add when needed{% else %}按需添加{% endif %}</small></summary>
        <div class="admin-model-interface-fields">
          <label class="admin-field">Base URL<input name="responses_base_url" type="url" maxlength="512" placeholder="https://api.example.com/v1"></label>
          <label class="admin-field">Model ID<input name="responses_model_name" maxlength="128" placeholder="example-model"></label>
        </div>
      </details>
      <div class="admin-model-options">
        <label><input name="enabled" type="checkbox" value="true" checked> {% if is_en %}Enabled{% else %}启用{% endif %}</label>
      </div>
      <div class="admin-model-form-actions">
        <button class="button button-primary" type="submit">{% if is_en %}Create{% else %}创建{% endif %}</button>
      </div>
    </form>
  </details>

  {% if let Some(message) = load_error %}<div class="admin-feedback" data-tone="error" role="alert"><p>{{ message }}</p></div>{% endif %}
  {% if rows.is_empty() && load_error.is_none() %}<div class="admin-empty"><strong>{% if is_en %}No models yet{% else %}尚未添加模型{% endif %}</strong></div>{% endif %}

  {% if !rows.is_empty() %}
  <div class="admin-model-list">
    {% for row in rows %}
    <details class="admin-model-row" id="model-{{ row.id }}">
      <summary>
        <span class="admin-model-name"><strong>{{ row.name }}</strong><small>{{ row.provider }} · {{ row.interface_count }} {% if is_en %}interface(s){% else %}个接口{% endif %} · {{ row.context_length }}</small></span>
        <span class="admin-model-state">
          <span class="status-badge" data-tone="{% if row.enabled %}success{% else %}warning{% endif %}">{% if row.enabled %}{% if is_en %}Enabled{% else %}已启用{% endif %}{% else %}{% if is_en %}Disabled{% else %}已停用{% endif %}{% endif %}</span>
        </span>
        <span class="admin-model-edit">{% if is_en %}Edit{% else %}编辑{% endif %}</span>
      </summary>
      <div class="admin-model-editor">
        <form class="admin-form-grid admin-model-form" hx-post="/admin/models/{{ row.id }}" hx-target="#admin-global-feedback" hx-swap="innerHTML">
          {% if is_en %}<input type="hidden" name="lang" value="en">{% endif %}
          <input type="hidden" name="expected_revision" value="{{ row.revision }}">
          <label class="admin-field">{% if is_en %}Display name{% else %}显示名称{% endif %}<input name="name" value="{{ row.name }}" required maxlength="100"></label>
          <label class="admin-field">{% if is_en %}Vendor{% else %}厂商{% endif %}<input name="provider" value="{{ row.provider }}" required maxlength="64"></label>
          <label class="admin-field">{% if is_en %}Context window{% else %}上下文窗口{% endif %}<input name="context_length" type="number" min="4096" max="2000000" value="{{ row.context_length }}" required></label>
          <details class="admin-model-interface" data-api-format="openai_compatible" data-configured="{{ row.has_openai_interface }}"{% if row.has_openai_interface %} open{% endif %}>
            <summary><span>{% if is_en %}OpenAI-compatible interface{% else %}OpenAI 兼容接口{% endif %}</span><small>{% if row.has_openai_interface %}{% if is_en %}Configured{% else %}已配置{% endif %}{% else %}{% if is_en %}Add when needed{% else %}按需添加{% endif %}{% endif %}</small></summary>
            <div class="admin-model-interface-fields">
              <label class="admin-field">Base URL<input name="openai_base_url" type="url" value="{{ row.openai_base_url }}" maxlength="512"></label>
              <label class="admin-field">Model ID<input name="openai_model_name" value="{{ row.openai_model_name }}" maxlength="128"></label>
            </div>
          </details>
          <details class="admin-model-interface" data-api-format="anthropic_compatible" data-configured="{{ row.has_anthropic_interface }}"{% if row.has_anthropic_interface %} open{% endif %}>
            <summary><span>{% if is_en %}Anthropic-compatible interface{% else %}Anthropic 兼容接口{% endif %}</span><small>{% if row.has_anthropic_interface %}{% if is_en %}Configured{% else %}已配置{% endif %}{% else %}{% if is_en %}Add when needed{% else %}按需添加{% endif %}{% endif %}</small></summary>
            <div class="admin-model-interface-fields">
              <label class="admin-field">Base URL<input name="anthropic_base_url" type="url" value="{{ row.anthropic_base_url }}" maxlength="512"></label>
              <label class="admin-field">Model ID<input name="anthropic_model_name" value="{{ row.anthropic_model_name }}" maxlength="128"></label>
            </div>
          </details>
          <details class="admin-model-interface" data-api-format="responses_compatible" data-configured="{{ row.has_responses_interface }}"{% if row.has_responses_interface %} open{% endif %}>
            <summary><span>{% if is_en %}Responses-compatible interface{% else %}Responses 兼容接口{% endif %}</span><small>{% if row.has_responses_interface %}{% if is_en %}Configured{% else %}已配置{% endif %}{% else %}{% if is_en %}Add when needed{% else %}按需添加{% endif %}{% endif %}</small></summary>
            <div class="admin-model-interface-fields">
              <label class="admin-field">Base URL<input name="responses_base_url" type="url" value="{{ row.responses_base_url }}" maxlength="512"></label>
              <label class="admin-field">Model ID<input name="responses_model_name" value="{{ row.responses_model_name }}" maxlength="128"></label>
            </div>
          </details>
          <div class="admin-model-options">
            <label><input name="enabled" type="checkbox" value="true"{% if row.enabled %} checked{% endif %}> {% if is_en %}Enabled{% else %}启用{% endif %}</label>
          </div>
          <div class="admin-model-form-actions">
            <button class="button button-primary" type="submit">{% if is_en %}Save{% else %}保存{% endif %}</button>
          </div>
        </form>
        <form class="admin-model-delete" hx-post="/admin/models/{{ row.id }}/delete" hx-target="#admin-global-feedback" hx-swap="innerHTML" hx-confirm="{% if is_en %}Delete this model?{% else %}确认删除这个模型？{% endif %}">
          {% if is_en %}<input type="hidden" name="lang" value="en">{% endif %}
          <input type="hidden" name="expected_revision" value="{{ row.revision }}">
          <button class="button button-secondary" type="submit">{% if is_en %}Delete{% else %}删除{% endif %}</button>
        </form>
      </div>
    </details>
    {% endfor %}
  </div>
  {% endif %}
</section>
{% endblock %}