{% extends "base.html" %}

{% block title %}{{ title }}{% endblock %}
{% block description %}{{ description }}{% endblock %}
{% block og_title %}{{ title }}{% endblock %}
{% block og_description %}{{ description }}{% endblock %}
{% block canonical %}https://check.apikl.ai{{ path }}{% endblock %}
{% block og_url %}https://check.apikl.ai{{ path }}{% endblock %}

{% block content %}
<section class="workspace-head">
  <div>
    <p class="section-label">APIKL MODEL VERIFICATION</p>
    <h1>{{ label }} 模型验真</h1>
    <p>{{ description }}</p>
  </div>
  <div class="workspace-actions">
    <div class="engine-status" aria-label="检测引擎状态">
      <span class="status-dot" aria-hidden="true"></span>
      <span>检测引擎在线</span>
    </div>
    <button type="button" class="btn btn-share" id="share-page"
            aria-label="分享当前模型验真页面">分享检测页</button>
    <span class="visually-hidden" id="share-status" role="status" aria-live="polite"></span>
  </div>
</section>

<nav class="protocol-tabs" aria-label="检测协议">
  <a href="/claude" {% if protocol == 'anthropic' %}aria-current="page"{% endif %}>Claude</a>
  <a href="/openai" {% if protocol == 'openai' %}aria-current="page"{% endif %}>OpenAI</a>
  <a href="/gemini" {% if protocol == 'gemini' %}aria-current="page"{% endif %}>Gemini</a>
</nav>

<div class="verify-grid">
  <section class="verify-panel" aria-labelledby="verify-form-title">
    <div class="panel-heading">
      <div>
        <p class="panel-kicker">检测目标</p>
        <h2 id="verify-form-title">API 接口地址</h2>
      </div>
      <span class="target-lock">默认 API快连</span>
    </div>

    <form id="detect-form" data-endpoint="{{ endpoint }}" autocomplete="off">
      <div class="field">
        <label for="base_url">Base URL</label>
        <input type="url" id="base_url" name="base_url" required
               value="{{ default_base_url }}" placeholder="https://api.example.com"
               maxlength="2048" inputmode="url" autocapitalize="none" spellcheck="false" />
        <p class="hint">目标地址与 Key 仅用于本次检测；只支持公网 HTTPS 443 端口。</p>
      </div>

      <div class="field">
        <label for="api_key">API Key</label>
        <input type="password" id="api_key" name="api_key" required
               placeholder="sk-..." minlength="8" maxlength="4096"
               autocapitalize="none" spellcheck="false" />
        <p class="hint">仅在本次检测期间驻留服务内存，报告只保存脱敏值。</p>
      </div>

      <div class="field-row">
        <div class="field">
          <label for="model">模型</label>
          <div class="combo">
            <input type="text" id="model" name="model" required
                   value="{{ default_model }}" autocomplete="off"
                   placeholder="{{ default_model }}" maxlength="200"
                   autocapitalize="none" spellcheck="false" />
            <ul class="combo-list" id="model-list" hidden>
              {% for m in models %}
              <li class="combo-item" data-value="{{ m.id }}">{{ m.label }}</li>
              {% endfor %}
            </ul>
          </div>
        </div>
        <div class="field">
          <label for="mode">检测深度</label>
          <select id="mode" name="mode">
            <option value="quick">快速 · 核心项</option>
            <option value="standard" selected>标准 · 推荐</option>
            <option value="full">完整 · {{ full_count }}</option>
          </select>
        </div>
      </div>

      {% if supports_long_context %}
      <div class="field-checkbox">
        <input type="checkbox" id="include_long_context" name="include_long_context" value="true" />
        <label for="include_long_context">
          <strong>增加长上下文验证</strong>
          <span class="checkbox-hint">额外测试 32k、100k、200k 上下文，会明显增加余额消耗。</span>
        </label>
      </div>
      {% endif %}

      <button type="submit" id="submit-btn" class="btn btn-primary">开始检测</button>
      <p class="form-error" id="form-error" role="alert" hidden></p>
    </form>
  </section>

  <aside class="evidence-panel" aria-labelledby="evidence-title">
    <div class="evidence-head">
      <p class="panel-kicker">验证级别</p>
      <h2 id="evidence-title">{{ proof_level }}</h2>
    </div>
    <dl class="evidence-list">
      {% if protocol == 'anthropic' %}
      <div><dt>服务端签名</dt><dd>Thinking signature</dd></div>
      <div><dt>能力探针</dt><dd>工具、PDF、结构化输出</dd></div>
      <div><dt>协议证据</dt><dd>消息 ID、SSE、Usage</dd></div>
      {% elif protocol == 'openai' %}
      <div><dt>后端指纹</dt><dd>Usage 与响应字段</dd></div>
      <div><dt>能力探针</dt><dd>工具与结构化输出</dd></div>
      <div><dt>协议证据</dt><dd>流式一致性与计费</dd></div>
      {% else %}
      <div><dt>模型一致性</dt><dd>模型字段与稳定性</dd></div>
      <div><dt>能力探针</dt><dd>工具与结构化输出</dd></div>
      <div><dt>协议证据</dt><dd>流式响应与 Usage</dd></div>
      {% endif %}
    </dl>
    <div class="cost-note">
      <strong>检测会产生真实 API 用量</strong>
      <p>费用由当前 Key 对应的 API 服务扣除。标准检测不会启用极限上下文。</p>
    </div>
    <p class="method-note">结果用于发现协议偏差、能力缺失和可疑替换。除 Claude 服务端签名外，行为测试不能构成绝对身份证明。</p>
  </aside>
</div>
{% endblock %}