{include file="_partials/head.tpl"}

<div class="page-head">
  <div>
    <h1>ИИ-интеграция</h1>
    <p class="muted">Подключите свой API-ключ провайдера. В формах новостей/страниц появится кнопка <b>✨ AI</b>.</p>
  </div>
</div>

<form method="post" action="/admin/ai-settings" class="form">
  {csrf}

  <div class="form-group">
    <label>Активный провайдер</label>
    <select name="provider">
      <option value="anthropic" [if {ai.provider}="anthropic"]selected[/if]>Anthropic (Claude)</option>
      <option value="openai" [if {ai.provider}="openai"]selected[/if]>OpenAI (GPT)</option>
    </select>
  </div>

  <h3>Anthropic</h3>
  <div class="form-row">
    <div class="form-group">
      <label>API-ключ</label>
      <input type="text" name="anthropic_key" value="{ai.anthropic_key}" placeholder="sk-ant-...">
      <small class="help">Получить: <a href="https://console.anthropic.com/" target="_blank">console.anthropic.com</a>. Сохранённый ключ замаскирован — оставьте как есть, чтобы не менять.</small>
    </div>
    <div class="form-group">
      <label>Модель</label>
      <input type="text" name="anthropic_model" value="{ai.anthropic_model}" placeholder="claude-sonnet-4-6">
    </div>
  </div>

  <h3>OpenAI</h3>
  <div class="form-row">
    <div class="form-group">
      <label>API-ключ</label>
      <input type="text" name="openai_key" value="{ai.openai_key}" placeholder="sk-...">
      <small class="help"><a href="https://platform.openai.com/api-keys" target="_blank">platform.openai.com</a></small>
    </div>
    <div class="form-group">
      <label>Модель</label>
      <input type="text" name="openai_model" value="{ai.openai_model}" placeholder="gpt-4o-mini">
    </div>
  </div>

  <div class="form-actions">
    <button class="btn btn-primary" type="submit">Сохранить</button>
  </div>
</form>

{include file="_partials/foot.tpl"}
