{% extends "base.html" %}
{% block title %}設定 — 保守デスク{% endblock %}
{% block content %}
<div class="head">
  <h1>設定</h1>
  <div class="sub">AIプロバイダと組織情報。APIキー等の秘密情報は環境変数（.env）で渡します。</div>
</div>
<div class="grid">
  <section class="card">
    <h2>組織情報（帳票に印字）</h2>
    <form method="post" action="/settings">
      <label>組織名（発行元）</label>
      <input type="text" name="org.name" value="{{ s['org.name'] }}">
      <label>担当者名（作業者欄）</label>
      <input type="text" name="org.author" value="{{ s['org.author'] }}">
      <label>分類カテゴリ（カンマ区切り）</label>
      <input type="text" name="ai.categories" value="{{ s['ai.categories'] }}">
      <div class="form-foot"><button class="btn small" type="submit">保存</button></div>
    </form>
  </section>

  <section class="card">
    <h2>AIプロバイダ</h2>
    <form method="post" action="/settings">
      <label>プロバイダ</label>
      <select name="ai.provider">
        <option value="none" {{ 'selected' if s['ai.provider'] == 'none' else '' }}>使わない（AI機能オフ）</option>
        <option value="anthropic" {{ 'selected' if s['ai.provider'] == 'anthropic' else '' }}>Claude API（従量課金・ANTHROPIC_API_KEY）</option>
        <option value="claude_cli" {{ 'selected' if s['ai.provider'] == 'claude_cli' else '' }}>Claudeサブスク（Claude Code CLI経由・自己利用限定）</option>
        <option value="openai_compat" {{ 'selected' if s['ai.provider'] == 'openai_compat' else '' }}>OpenAI互換エンドポイント（Ollama等）</option>
      </select>
      <label>軽量モデル（分類に使用）</label>
      <input type="text" name="ai.model_light" value="{{ s['ai.model_light'] }}">
      <label>上位モデル（文章生成に使用）</label>
      <input type="text" name="ai.model_main" value="{{ s['ai.model_main'] }}">
      <div class="form-foot">
        <button class="btn ghost small" type="button" id="btn-ai-test">接続テスト</button>
        <button class="btn small" type="submit">保存</button>
      </div>
    </form>
    <div class="propose">
      <strong style="font-size:12.5px">環境変数の状態</strong>
      <ul class="similar" style="margin-top:6px">
        <li>ANTHROPIC_API_KEY: {{ '設定済み' if env.ANTHROPIC_API_KEY else '未設定' }}</li>
        <li>OPENAI_COMPAT_BASE_URL: {{ env.OPENAI_COMPAT_BASE_URL or '未設定' }}</li>
        <li>CLAUDE_CLI_PATH: {{ env.CLAUDE_CLI_PATH }}</li>
      </ul>
      <p class="ai-note">
        注意: Claudeサブスク（CLI）はAnthropicの利用規約上、自己利用の範囲で使ってください。
        本アプリを第三者に提供する場合はClaude APIを使います。チケット内容は選択したAI事業者へ送信されます。
      </p>
    </div>
  </section>
</div>
{% endblock %}
{% block scripts %}
<script>
document.getElementById('btn-ai-test').addEventListener('click', async function(){
  var data = await aiPost('/api/settings/ai_test', this);
  if (data.ok) toast('接続OK: ' + data.text);
});
</script>
{% endblock %}