{{define "admin/ai_providers.html"}}
{{template "admin_shell_open" .}}
<div class="cs-admin-page cs-admin-page--narrow">
{{template "admin_flash" .}}
<header class="cs-admin-pagehead">
  <div class="d-flex align-items-start gap-3 flex-grow-1 min-w-0">
    <div class="cs-admin-pagehead__icon" aria-hidden="true"><i class="bx bx-bot"></i></div>
    <div class="cs-admin-pagehead__body">
      <h1 class="cs-admin-pagehead__title">{{T "admin.ai_providers.title"}}</h1>
      <p class="cs-admin-pagehead__desc">{{html (T "admin.ai_providers.desc_html")}}</p>
    </div>
  </div>
  <div class="cs-admin-pagehead__links">
    <a href="/admin/config" class="btn btn-sm btn-outline-primary"><i class="bx bx-cog me-1"></i>{{T "admin.ai_providers.link_config"}}</a>
  </div>
</header>

<div class="card cs-admin-section mb-4">
  <div class="cs-admin-section__head">
    <div class="cs-admin-section__head-icon cs-admin-section__head-icon--violet"><i class="bx bx-git-merge" aria-hidden="true"></i></div>
    <div class="cs-admin-section__head-text">
      <h2 class="cs-admin-section__head-title">{{T "admin.ai_providers.sched_title"}}</h2>
      <p class="cs-admin-section__head-sub">{{T "admin.ai_providers.sched_sub"}}</p>
    </div>
  </div>
  <div class="cs-admin-section__body small">
    <p class="text-muted mb-3">{{T "admin.ai_providers.sched_hint"}}</p>
    <form method="post" action="/admin/ai-providers" class="row g-2 align-items-end cs-admin-ajax-form" data-cs-reload="1">
      <input type="hidden" name="_action" value="ai_chat_settings">
      <div class="col-md-4">
        <label class="form-label mb-0 text-muted">{{T "admin.ai_providers.pick_mode"}}</label>
        <select class="form-select form-select-sm" name="ai_chat_pick_mode" id="aiProvPickMode">
          <option value="sort" {{if eq .Data.ChatPickMode "sort"}}selected{{end}}>{{T "admin.ai_providers.mode_sort"}}</option>
          <option value="default" {{if eq .Data.ChatPickMode "default"}}selected{{end}}>{{T "admin.ai_providers.mode_default"}}</option>
          <option value="random" {{if eq .Data.ChatPickMode "random"}}selected{{end}}>{{T "admin.ai_providers.mode_random"}}</option>
        </select>
      </div>
      <div class="col-md-5 {{if ne .Data.ChatPickMode "default"}}d-none{{end}}" id="aiProvSchedDefaultWrap">
        <label class="form-label mb-0 text-muted">{{T "admin.ai_providers.default_pid"}}</label>
        <select class="form-select form-select-sm" name="ai_chat_default_provider_id" id="aiProvDefaultPid">
          <option value="0" {{if eq .Data.ChatDefaultProviderID 0}}selected{{end}}>{{T "admin.ai_providers.unspecified"}}</option>
          {{range .Data.Rows}}
          <option value="{{index . "id"}}" {{if eq $.Data.ChatDefaultProviderID (asInt (index . "id"))}}selected{{end}}>#{{index . "id"}} · {{index . "name"}} · Chat: {{index . "chat_model"}}</option>
          {{end}}
        </select>
      </div>
      <div class="col-md-3">
        <button type="submit" class="btn btn-primary btn-sm">{{T "admin.ai_providers.save_sched"}}</button>
      </div>
    </form>
  </div>
</div>

<div class="card cs-admin-section">
  <div class="cs-admin-section__head">
    <div class="cs-admin-section__head-icon"><i class="bx bx-server" aria-hidden="true"></i></div>
    <div class="cs-admin-section__head-text flex-grow-1">
      <h2 class="cs-admin-section__head-title">{{T "admin.ai_providers.list_title"}}</h2>
      <p class="cs-admin-section__head-sub">{{T "admin.ai_providers.list_sub"}}</p>
    </div>
    <button type="button" class="btn btn-primary btn-sm" id="aiProvBtnAdd" data-bs-toggle="modal" data-bs-target="#adminAiProvAddModal"><i class="bx bx-plus me-1"></i>{{T "admin.ai_providers.add"}}</button>
  </div>
  <div class="cs-admin-section__body cs-admin-section__body--flush"><div class="table-responsive">
    <table class="table table-sm align-middle mb-0">
      <thead class="table-light"><tr>
        <th>{{T "admin.ai_providers.col_id"}}</th><th>{{T "admin.ai_providers.col_name"}}</th><th>{{T "admin.ai_providers.col_slug"}}</th><th>{{T "admin.ai_providers.col_api"}}</th><th>{{T "admin.ai_providers.col_emb"}}</th><th>{{T "admin.ai_providers.col_chat"}}</th><th>{{T "admin.ai_providers.col_sort"}}</th><th class="text-nowrap">{{T "admin.ai_providers.col_chat_use"}}</th><th class="text-nowrap">{{T "admin.ai_providers.col_random"}}</th><th>{{T "admin.ai_providers.col_status"}}</th><th style="width:7rem"></th>
      </tr></thead>
      <tbody>
      {{range .Data.Rows}}
      <tr class="align-top">
        <td class="text-muted">{{index . "id"}}</td>
        <td class="fw-medium">{{index . "name"}}</td>
        <td><code class="small">{{index . "slug"}}</code></td>
        <td class="small text-break" style="max-width:14rem">{{index . "base_url"}}</td>
        <td class="small">{{index . "embedding_model"}}</td>
        <td class="small">{{index . "chat_model"}}</td>
        <td>{{index . "sort_order"}}</td>
        <td>{{if ne (asInt (index . "use_for_chat")) 0}}<span class="badge bg-primary bg-opacity-10 text-primary border border-primary border-opacity-25">{{T "admin.ai_providers.on"}}</span>{{else}}<span class="badge bg-secondary">{{T "admin.ai_providers.off"}}</span>{{end}}</td>
        <td>{{if ne (asInt (index . "use_in_random")) 0}}<span class="badge bg-info bg-opacity-10 text-primary border border-primary border-opacity-25">{{T "admin.ai_providers.on"}}</span>{{else}}<span class="badge bg-secondary">—</span>{{end}}</td>
        <td>{{if eq (asInt (index . "status")) 1}}<span class="badge bg-success">{{T "admin.ai_providers.enabled"}}</span>{{else}}<span class="badge bg-secondary">{{T "admin.ai_providers.disabled"}}</span>{{end}}</td>
        <td class="text-nowrap">
          <button type="button" class="btn btn-link btn-sm p-0 me-2 js-ai-prov-edit-bs"
            data-bs-toggle="modal" data-bs-target="#adminAiProvEditModal"
            data-id="{{index . "id"}}"
            data-name="{{index . "name"}}"
            data-slug="{{index . "slug"}}"
            data-base-url="{{index . "base_url"}}"
            data-embedding="{{index . "embedding_model"}}"
            data-chat="{{index . "chat_model"}}"
            data-extra-headers="{{index . "extra_headers_json"}}"
            data-sort-order="{{index . "sort_order"}}"
            data-status="{{index . "status"}}"
            data-api-key-masked="{{index . "api_key_masked"}}"
            data-use-for-chat="{{index . "use_for_chat"}}"
            data-use-in-random="{{index . "use_in_random"}}">{{T "admin.ai_providers.edit"}}</button>
          <button type="button" class="btn btn-link btn-sm p-0 text-danger js-ai-prov-del-bs"
            data-bs-toggle="modal" data-bs-target="#adminAiProvDeleteModal"
            data-id="{{index . "id"}}"
            data-name="{{index . "name"}}">{{T "admin.ai_providers.disable"}}</button>
        </td>
      </tr>
      {{else}}
      <tr><td colspan="11" class="text-muted small p-3">{{T "admin.ai_providers.empty"}}</td></tr>
      {{end}}
      </tbody>
    </table>
  </div></div></div>

<!-- AI provider presets -->
<select id="aiProvPresetOptionsMaster" class="d-none" aria-hidden="true">
  <option value="">{{T "admin.ai_providers.preset_none"}}</option>
  <optgroup label="{{T "admin.ai_providers.og_sf_test"}}">
    <option value="" data-doc="https://docs.siliconflow.cn/cn/userguide/quickstart.md"
      data-base-url="https://api.siliconflow.cn/v1"
      data-embedding="Qwen/Qwen3-Embedding-0.6B"
      data-chat="Qwen/Qwen2.5-7B-Instruct"
      data-name="SiliconFlow"
      data-slug="sf-test-qwen7-e06">{{T "admin.ai_providers.opt_sf_qwen7_e06"}}</option>
    <option value="" data-doc="https://docs.siliconflow.cn/cn/userguide/quickstart.md"
      data-base-url="https://api.siliconflow.cn/v1"
      data-embedding="BAAI/bge-small-zh-v1.5"
      data-chat="Qwen/Qwen2.5-7B-Instruct"
      data-name="SiliconFlow"
      data-slug="sf-test-qwen7-bges">{{T "admin.ai_providers.opt_sf_qwen7_bges"}}</option>
    <option value="" data-doc="https://docs.siliconflow.cn/cn/userguide/quickstart.md"
      data-base-url="https://api.siliconflow.cn/v1"
      data-embedding="BAAI/bge-m3"
      data-chat="Qwen/Qwen2.5-7B-Instruct"
      data-name="SiliconFlow"
      data-slug="sf-test-qwen7-bgem3">{{T "admin.ai_providers.opt_sf_qwen7_bgem3"}}</option>
  </optgroup>
  <optgroup label="{{T "admin.ai_providers.og_ahm_test"}}">
    <option value="" data-doc="https://docs.aihubmix.com/cn/quick-start"
      data-base-url="https://aihubmix.com/v1"
      data-embedding="text-embedding-3-small"
      data-chat="gpt-5.5-free"
      data-name="AIHubMix"
      data-slug="ahm-test-gpt55-te3">{{T "admin.ai_providers.opt_ahm_gpt55"}}</option>
  </optgroup>
  <optgroup label="{{T "admin.ai_providers.og_ahm_common"}}">
    <option value="" data-doc="https://docs.aihubmix.com/cn/quick-start"
      data-base-url="https://aihubmix.com/v1"
      data-embedding="text-embedding-3-small"
      data-chat="gpt-4o-mini"
      data-name="AIHubMix"
      data-slug="aihubmix">gpt-4o-mini + text-embedding-3-small</option>
    <option value="" data-doc="https://docs.aihubmix.com/cn/quick-start"
      data-base-url="https://aihubmix.com/v1"
      data-embedding="text-embedding-3-large"
      data-chat="gpt-4o-mini"
      data-name="AIHubMix"
      data-slug="aihubmix-alt">gpt-4o-mini + text-embedding-3-large</option>
    <option value="" data-doc="https://docs.aihubmix.com/cn/quick-start"
      data-base-url="https://aihubmix.com/v1"
      data-embedding="text-embedding-3-small"
      data-chat="gpt-4o"
      data-name="AIHubMix"
      data-slug="aihubmix-4o">gpt-4o + text-embedding-3-small</option>
  </optgroup>
  <optgroup label="{{T "admin.ai_providers.og_sf_common"}}">
    <option value="" data-doc="https://docs.siliconflow.cn/cn/userguide/quickstart.md"
      data-base-url="https://api.siliconflow.cn/v1"
      data-embedding="BAAI/bge-m3"
      data-chat="Qwen/Qwen2.5-72B-Instruct"
      data-name="SiliconFlow"
      data-slug="siliconflow">Qwen2.5-72B-Instruct + bge-m3</option>
    <option value="" data-doc="https://docs.siliconflow.cn/cn/userguide/quickstart.md"
      data-base-url="https://api.siliconflow.cn/v1"
      data-embedding="Qwen/Qwen3-Embedding-8B"
      data-chat="Qwen/Qwen2.5-72B-Instruct"
      data-name="SiliconFlow"
      data-slug="siliconflow-qwen3emb">Qwen2.5-72B-Instruct + Qwen3-Embedding-8B</option>
    <option value="" data-doc="https://docs.siliconflow.cn/cn/userguide/quickstart.md"
      data-base-url="https://api.siliconflow.cn/v1"
      data-embedding="BAAI/bge-m3"
      data-chat="deepseek-ai/DeepSeek-V3"
      data-name="SiliconFlow"
      data-slug="siliconflow-dsv3">DeepSeek-V3 + bge-m3</option>
    <option value="" data-doc="https://docs.siliconflow.cn/cn/userguide/quickstart.md"
      data-base-url="https://api.siliconflow.cn/v1"
      data-embedding="BAAI/bge-m3"
      data-chat="Pro/deepseek-ai/DeepSeek-R1"
      data-name="SiliconFlow"
      data-slug="siliconflow-r1">DeepSeek-R1（Pro）+ bge-m3</option>
  </optgroup>
</select>

<div class="modal fade" id="adminAiProvAddModal" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog modal-lg modal-dialog-scrollable">
    <div class="modal-content">
      <div class="modal-header border-bottom">
        <h5 class="modal-title"><i class="bx bx-plus-circle me-1"></i>{{T "admin.ai_providers.add_title"}}</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{T "admin.ai_providers.close"}}"></button>
      </div>
      <div class="modal-body">
        <div class="mb-3 pb-3 border-bottom">
          <label class="form-label small mb-1 text-muted fw-semibold">{{T "admin.ai_providers.preset_label"}}</label>
          <select class="form-select form-select-sm" id="aiProvAddPresetSel" autocomplete="off">
          </select>
          <p class="small text-muted mb-0 mt-2" id="aiProvAddPresetDoc"></p>
        </div>
        <form method="post" action="/admin/ai-providers" id="adminAiProvAddForm" class="small cs-admin-ajax-form" data-cs-reload="1" data-cs-bs-close="1">
          <input type="hidden" name="_action" value="upsert">
          <input type="hidden" name="id" value="0">
          <input type="hidden" name="status" value="1">
          <div class="row g-2">
            <div class="col-md-6">
              <label class="form-label mb-0 text-muted">{{T "admin.ai_providers.label_name"}}</label>
              <input class="form-control form-control-sm" name="name" id="aiProvAddName" required placeholder="AIHubMix">
            </div>
            <div class="col-md-6">
              <label class="form-label mb-0 text-muted">{{T "admin.ai_providers.label_slug"}}</label>
              <input class="form-control form-control-sm" name="slug" id="aiProvAddSlug" required placeholder="aihubmix">
            </div>
            <div class="col-12">
              <label class="form-label mb-0 text-muted">{{T "admin.ai_providers.label_base"}}</label>
              <input class="form-control form-control-sm font-monospace" name="base_url" id="aiProvAddBase" required placeholder="https://…/v1">
            </div>
            <div class="col-md-6">
              <label class="form-label mb-0 text-muted">{{T "admin.ai_providers.label_key"}}</label>
              <input class="form-control form-control-sm" name="api_key" id="aiProvAddKey" autocomplete="off" placeholder="{{T "admin.ai_providers.key_required"}}" required>
            </div>
            <div class="col-md-6">
              <label class="form-label mb-0 text-muted">{{T "admin.ai_providers.label_emb"}}</label>
              <input class="form-control form-control-sm font-monospace" name="embedding_model" id="aiProvAddEmb" value="text-embedding-3-small">
            </div>
            <div class="col-md-6">
              <label class="form-label mb-0 text-muted">{{T "admin.ai_providers.label_chat"}}</label>
              <input class="form-control form-control-sm font-monospace" name="chat_model" id="aiProvAddChat" value="gpt-4o-mini">
            </div>
            <div class="col-md-6">
              <label class="form-label mb-0 text-muted">{{T "admin.ai_providers.label_sort"}}</label>
              <input class="form-control form-control-sm" name="sort_order" type="number" value="0">
            </div>
            <div class="col-12">
              <div class="form-check form-check-inline mb-1">
                <input class="form-check-input" type="checkbox" name="use_for_chat" value="1" id="aiProvAddUfc" checked>
                <label class="form-check-label" for="aiProvAddUfc">{{T "admin.ai_providers.use_chat"}}</label>
              </div>
              <div class="form-check form-check-inline mb-0">
                <input class="form-check-input" type="checkbox" name="use_in_random" value="1" id="aiProvAddUir" checked>
                <label class="form-check-label" for="aiProvAddUir">{{T "admin.ai_providers.use_random"}}</label>
              </div>
            </div>
            <div class="col-12">
              <label class="form-label mb-0 text-muted">{{T "admin.ai_providers.extra_headers"}}</label>
              <input class="form-control form-control-sm font-monospace" name="extra_headers_json" placeholder='{"X-Custom":""}'>
            </div>
          </div>
          <div class="d-flex flex-wrap gap-2 justify-content-end pt-3 mt-3 border-top">
            <button type="button" class="btn btn-sm btn-outline-secondary" data-bs-dismiss="modal">{{T "admin.ai_providers.cancel"}}</button>
            <button type="submit" class="btn btn-sm btn-primary">{{T "admin.ai_providers.save"}}</button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="adminAiProvEditModal" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog modal-lg modal-dialog-scrollable">
    <div class="modal-content">
      <div class="modal-header border-bottom">
        <h5 class="modal-title"><i class="bx bx-edit me-1"></i>{{T "admin.ai_providers.edit_title"}}</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{T "admin.ai_providers.close"}}"></button>
      </div>
      <div class="modal-body">
        <div class="mb-3 pb-3 border-bottom">
          <label class="form-label small mb-1 text-muted fw-semibold">{{T "admin.ai_providers.edit_preset"}}</label>
          <select class="form-select form-select-sm" id="aiProvEditPresetSel" autocomplete="off">
          </select>
          <p class="small text-muted mb-0 mt-2" id="aiProvEditPresetDoc"></p>
        </div>
        <form method="post" action="/admin/ai-providers" id="adminAiProvEditForm" class="small cs-admin-ajax-form" data-cs-reload="1" data-cs-bs-close="1">
          <input type="hidden" name="_action" value="upsert">
          <input type="hidden" name="id" id="aiProvEditId">
          <div class="row g-2">
            <div class="col-md-6">
              <label class="form-label mb-0 text-muted">{{T "admin.ai_providers.label_name"}}</label>
              <input class="form-control form-control-sm" name="name" id="aiProvEditName" required>
            </div>
            <div class="col-md-6">
              <label class="form-label mb-0 text-muted">{{T "admin.ai_providers.label_slug_short"}}</label>
              <input class="form-control form-control-sm" name="slug" id="aiProvEditSlug" required>
            </div>
            <div class="col-12">
              <label class="form-label mb-0 text-muted">{{T "admin.ai_providers.label_base_short"}}</label>
              <input class="form-control form-control-sm font-monospace" name="base_url" id="aiProvEditBase" required>
            </div>
            <div class="col-md-4">
              <label class="form-label mb-0 text-muted">{{T "admin.ai_providers.label_status"}}</label>
              <select class="form-select form-select-sm" name="status" id="aiProvEditStatus">
                <option value="1">{{T "admin.ai_providers.enabled"}}</option>
                <option value="0">{{T "admin.ai_providers.disabled"}}</option>
              </select>
            </div>
            <div class="col-md-8">
              <label class="form-label mb-0 text-muted">{{T "admin.ai_providers.key_keep"}}</label>
              <input class="form-control form-control-sm" name="api_key" id="aiProvEditKey" autocomplete="off" placeholder="">
            </div>
            <div class="col-md-6">
              <label class="form-label mb-0 text-muted">{{T "admin.ai_providers.label_emb"}}</label>
              <input class="form-control form-control-sm font-monospace" name="embedding_model" id="aiProvEditEmb">
            </div>
            <div class="col-md-6">
              <label class="form-label mb-0 text-muted">{{T "admin.ai_providers.label_chat"}}</label>
              <input class="form-control form-control-sm font-monospace" name="chat_model" id="aiProvEditChat">
            </div>
            <div class="col-md-4">
              <label class="form-label mb-0 text-muted">{{T "admin.ai_providers.label_sort_short"}}</label>
              <input class="form-control form-control-sm" name="sort_order" id="aiProvEditSort" type="number">
            </div>
            <div class="col-12">
              <div class="form-check form-check-inline mb-1">
                <input class="form-check-input" type="checkbox" name="use_for_chat" value="1" id="aiProvEditUfc">
                <label class="form-check-label" for="aiProvEditUfc">{{T "admin.ai_providers.use_chat"}}</label>
              </div>
              <div class="form-check form-check-inline mb-0">
                <input class="form-check-input" type="checkbox" name="use_in_random" value="1" id="aiProvEditUir">
                <label class="form-check-label" for="aiProvEditUir">{{T "admin.ai_providers.use_random_short"}}</label>
              </div>
            </div>
            <div class="col-12">
              <label class="form-label mb-0 text-muted">{{T "admin.ai_providers.extra_headers_json"}}</label>
              <input class="form-control form-control-sm font-monospace" name="extra_headers_json" id="aiProvEditExtra">
            </div>
          </div>
          <div class="d-flex flex-wrap gap-2 justify-content-end pt-3 mt-3 border-top">
            <button type="button" class="btn btn-sm btn-outline-secondary" data-bs-dismiss="modal">{{T "admin.ai_providers.cancel"}}</button>
            <button type="submit" class="btn btn-sm btn-primary">{{T "admin.ai_providers.save"}}</button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="adminAiProvDeleteModal" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header border-bottom">
        <h5 class="modal-title"><i class="bx bx-trash me-1 text-danger"></i>{{T "admin.ai_providers.del_title"}}</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{T "admin.ai_providers.close"}}"></button>
      </div>
      <div class="modal-body small">
        <p class="mb-2">{{T "admin.ai_providers.del_hint"}}</p>
        <p class="mb-0 fw-semibold" id="aiProvDelHint">—</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-sm btn-outline-secondary" data-bs-dismiss="modal">{{T "admin.ai_providers.cancel"}}</button>
        <form method="post" action="/admin/ai-providers" id="adminAiProvDelForm" class="cs-admin-ajax-form d-inline mb-0" data-cs-reload="1" data-cs-bs-close="1">
          <input type="hidden" name="_action" value="delete">
          <input type="hidden" name="id" id="aiProvDelId" value="">
          <button type="submit" class="btn btn-sm btn-danger">{{T "admin.ai_providers.del_confirm"}}</button>
        </form>
      </div>
    </div>
  </div>
</div>

<script>
(function ($) {
  'use strict';
  function copyPresetOpts($into) {
    $into.empty();
    $('#aiProvPresetOptionsMaster').children().each(function () {
      $into.append($(this).clone());
    });
    $into.prop('selectedIndex', 0);
  }
  function applyPreset(opt, cfg) {
    var $opt = $(opt);
    var base = $opt.attr('data-base-url') || '';
    var emb = $opt.attr('data-embedding') || '';
    var chat = $opt.attr('data-chat') || '';
    var doc = $opt.attr('data-doc') || '';
    var pname = $opt.attr('data-name') || '';
    var pslug = $opt.attr('data-slug') || '';
    cfg.$doc.text(doc ? ({{jsString (T "admin.ai_providers.doc_prefix")}} + doc) : '');
    if (!base && !emb && !chat && !pname) {
      return;
    }
    if (cfg.$base.length) cfg.$base.val(base);
    if (cfg.$emb.length) cfg.$emb.val(emb || cfg.$emb.val());
    if (cfg.$chat.length) cfg.$chat.val(chat || cfg.$chat.val());
    if (cfg.fillSlugName && pname && cfg.$name && cfg.$slug) {
      if (cfg.suggestSlugName) {
        cfg.$name.val(pname);
        cfg.$slug.val(pslug);
      }
    }
  }
  $('#adminAiProvAddModal').on('show.bs.modal', function () {
    copyPresetOpts($('#aiProvAddPresetSel'));
    $('#aiProvAddPresetDoc').empty();
    var $form = $('#adminAiProvAddForm')[0];
    if ($form) $form.reset();
    $('#adminAiProvAddForm input[name="id"]').val('0');
    $('#adminAiProvAddForm input[name="status"]').val('1');
    $('#aiProvAddUfc').prop('checked', true);
    $('#aiProvAddUir').prop('checked', true);
  });
  $('#aiProvAddPresetSel').on('change', function () {
    applyPreset(this.options[this.selectedIndex], {
      $doc: $('#aiProvAddPresetDoc'),
      $base: $('#aiProvAddBase'),
      $emb: $('#aiProvAddEmb'),
      $chat: $('#aiProvAddChat'),
      $name: $('#aiProvAddName'),
      $slug: $('#aiProvAddSlug'),
      fillSlugName: true,
      suggestSlugName: true
    });
  });
  $('#adminAiProvEditModal').on('show.bs.modal', function (e) {
    var $btn = $(e.relatedTarget);
    if (!$btn || !$btn.length || !$btn.hasClass('js-ai-prov-edit-bs')) {
      return;
    }
    copyPresetOpts($('#aiProvEditPresetSel'));
    $('#aiProvEditPresetSel').prop('selectedIndex', 0);
    $('#aiProvEditPresetDoc').empty();
    $('#aiProvEditId').val(String($btn.attr('data-id') || ''));
    $('#aiProvEditName').val($btn.attr('data-name') || '');
    $('#aiProvEditSlug').val($btn.attr('data-slug') || '');
    $('#aiProvEditBase').val($btn.attr('data-base-url') || '');
    $('#aiProvEditEmb').val($btn.attr('data-embedding') || '');
    $('#aiProvEditChat').val($btn.attr('data-chat') || '');
    $('#aiProvEditExtra').val($btn.attr('data-extra-headers') || '');
    $('#aiProvEditSort').val(String($btn.attr('data-sort-order') || '0'));
    $('#aiProvEditStatus').val(String($btn.attr('data-status') === '0' ? '0' : '1'));
    var mask = $btn.attr('data-api-key-masked') || '';
    $('#aiProvEditKey').val('').attr('placeholder', mask ? mask : {{jsString (T "admin.ai_providers.key_keep_ph")}});
    var ufc = String($btn.attr('data-use-for-chat') || '1');
    $('#aiProvEditUfc').prop('checked', ufc !== '0');
    $('#aiProvEditUir').prop('checked', String($btn.attr('data-use-in-random') || '1') !== '0');
    syncRandomRequiresChat($('#aiProvEditUfc'), $('#aiProvEditUir'));
  });
  $('#aiProvEditPresetSel').on('change', function () {
    applyPreset(this.options[this.selectedIndex], {
      $doc: $('#aiProvEditPresetDoc'),
      $base: $('#aiProvEditBase'),
      $emb: $('#aiProvEditEmb'),
      $chat: $('#aiProvEditChat'),
      $name: $('#aiProvEditName'),
      $slug: $('#aiProvEditSlug'),
      fillSlugName: true,
      suggestSlugName: false
    });
  });
  function toggleSchedDefaultWrap() {
    var m = $('#aiProvPickMode').val();
    if (m === 'default') $('#aiProvSchedDefaultWrap').removeClass('d-none');
    else $('#aiProvSchedDefaultWrap').addClass('d-none');
  }
  function syncRandomRequiresChat($ufc, $uir) {
    if (!$ufc.prop('checked')) $uir.prop('checked', false);
  }
  $('#aiProvPickMode').on('change', toggleSchedDefaultWrap);
  $('#aiProvAddUfc').on('change', function () {
    syncRandomRequiresChat($(this), $('#aiProvAddUir'));
  });
  $('#aiProvEditUfc').on('change', function () {
    syncRandomRequiresChat($(this), $('#aiProvEditUir'));
  });

  $('#adminAiProvDeleteModal').on('show.bs.modal', function (e) {
    var $btn = $(e.relatedTarget);
    if (!$btn || !$btn.length) return;
    var id = $btn.attr('data-id');
    var name = $btn.attr('data-name') || '';
    $('#aiProvDelId').val(id || '');
    $('#aiProvDelHint').text('#' + (id || '—') + ' · ' + (name || '—'));
  });
})(jQuery);
</script>
</div>
{{template "admin_shell_close" .}}
{{end}}