{extend name="common/layout" /}
{block name="title"}应用插件{/block}
{block name="css"}
<style>
.app-hero{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:30px 18px;border-radius:var(--bs-border-radius,0.45rem);background:linear-gradient(120deg,rgba(var(--bs-primary-rgb), .12),rgba(var(--bs-primary-rgb), .04)),var(--bs-body-bg,#fff);border:1px solid var(--bs-border-color,#e6eef0)}
.app-hero h3{margin:0 0 4px;font-size:20px;font-weight:700;color:var(--bs-body-color,#1f2a37)}
.app-hero p{margin:0;color:var(--bs-secondary-color,#6b7785);font-size:13px}
.app-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.app-actions-info{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.app-actions-btns{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.app-actions .account{font-size:12px;color:var(--bs-primary);margin-right:4px}
.apps-local-badge{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 12px;border-radius:var(--bs-border-radius-sm,0.25rem);background:#1f9d8a;color:#fff !important;margin-right:4px;line-height:1}
.app-actions .btn{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 12px;margin:0;font-size:12px;line-height:1;box-sizing:border-box;vertical-align:middle}
.app-actions label.btn{cursor:pointer;font-weight:400}
.app-actions .btn-light{background:var(--bs-body-bg,#fff);border:1px solid var(--bs-border-color,#d9e1ec);color:var(--bs-body-color,#172935)}
.app-actions .btn-light:hover{background:var(--bs-gray-100,#f4f6f9);border-color:var(--bs-primary);color:var(--bs-primary)}
@media (max-width:992px){
  .app-hero{flex-direction:column;align-items:stretch;gap:12px}
  .app-hero > div:first-child{width:100%}
  .app-actions{width:100%;flex-direction:column;align-items:stretch;gap:10px}
  .app-actions-info{justify-content:flex-start}
  .app-actions-btns{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:8px;width:100%}
  .app-actions-btns .btn{width:100%;justify-content:center}
}
.plugin-toolbar{display:flex;gap:10px;margin-bottom:14px;flex-wrap:nowrap;align-items:center}
.plugin-toolbar .form-control{max-width:240px;width:240px;flex:0 0 auto}
.plugin-toolbar .form-select,
.plugin-toolbar .selectr-container,
.plugin-toolbar .selectr-container.admin-selectr{
  max-width:160px;width:160px;flex:0 0 160px;
}
.plugin-toolbar-right{display:flex;gap:8px;margin-left:auto;flex:0 0 auto;align-items:center}
.plugin-toolbar-right .btn{white-space:nowrap}
.plugin-toolbar-right .btn.is-on{background:var(--bs-primary);border-color:var(--bs-primary);color:#fff}
.plugin-empty-filter{display:none;margin:8px 0 0;color:var(--bs-secondary-color,#6b7785);font-size:13px}
/* 用户组每日配额：单行对齐，覆盖 Selectr 默认 width:100% */
.level-quota-rows-box .js-level-quota-row{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
  min-width:0;
}
.level-quota-rows-box .level-quota-label{
  flex:0 0 auto;
  color:var(--bs-secondary-color,#6b7785);
  font-size:12px;
  font-weight:600;
  white-space:nowrap;
  line-height:1;
}
.level-quota-rows-box .js-level-quota-level,
.level-quota-rows-box .selectr-container.admin-selectr{
  width:180px !important;
  max-width:180px !important;
  min-width:140px;
  flex:0 0 180px;
}
.level-quota-rows-box .level-quota-arrow,
.level-quota-rows-box .level-quota-unit{
  flex:0 0 auto;
  color:#95a0ab;
  line-height:1;
  white-space:nowrap;
}
.level-quota-rows-box .js-level-quota-num{
  width:88px !important;
  max-width:88px !important;
  flex:0 0 88px;
}
.level-quota-rows-box .js-level-quota-del{
  flex:0 0 auto;
  white-space:nowrap;
}
/* 歌单绑定版块：歌单ID输入 + 版块下拉 */
.toplist-bind-rows-box .js-toplist-bind-row{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
  min-width:0;
}
.toplist-bind-rows-box .toplist-bind-label{
  flex:0 0 auto;
  color:var(--bs-secondary-color,#6b7785);
  font-size:12px;
  font-weight:600;
  white-space:nowrap;
  line-height:1;
}
.toplist-bind-rows-box .js-toplist-bind-pid{
  width:160px !important;
  max-width:160px !important;
  flex:0 0 160px;
}
.toplist-bind-rows-box .toplist-bind-arrow,
.toplist-bind-rows-box .toplist-bind-cat-label{
  flex:0 0 auto;
  color:#95a0ab;
  line-height:1;
  white-space:nowrap;
}
.toplist-bind-rows-box .js-toplist-bind-cat,
.toplist-bind-rows-box .selectr-container.admin-selectr{
  width:200px !important;
  max-width:200px !important;
  min-width:140px;
  flex:0 0 200px;
}
.toplist-bind-rows-box .js-toplist-bind-del{
  flex:0 0 auto;
  white-space:nowrap;
}
@media (max-width:576px){
  .level-quota-rows-box .js-level-quota-row{flex-wrap:wrap}
  .level-quota-rows-box .js-level-quota-level,
  .level-quota-rows-box .selectr-container.admin-selectr{
    flex:1 1 160px;
    max-width:100% !important;
    width:auto !important;
  }
  .toplist-bind-rows-box .js-toplist-bind-row{flex-wrap:wrap}
  .toplist-bind-rows-box .js-toplist-bind-pid,
  .toplist-bind-rows-box .js-toplist-bind-cat,
  .toplist-bind-rows-box .selectr-container.admin-selectr{
    flex:1 1 140px;
    max-width:100% !important;
    width:auto !important;
  }
}
@media (max-width:992px){
  .plugin-toolbar{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    align-items:stretch;
  }
  /* 搜索框通栏占第一行 */
  .plugin-toolbar .form-control{
    grid-column:1 / -1;
    width:100%;
    max-width:none;
    flex:none;
  }
  /* 两个下拉框并排占第二行 */
  .plugin-toolbar .form-select,
  .plugin-toolbar .selectr-container,
  .plugin-toolbar .selectr-container.admin-selectr{
    width:100%;
    max-width:none;
    flex:none;
  }
  .plugin-toolbar-right{
    grid-column:1 / -1;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-left:0;
    width:100%;
  }
  .plugin-toolbar-right .btn{
    width:100%;
    justify-content:center;
  }
}
.app-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
@media (max-width:1200px){.app-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:768px){.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.app-grid{grid-template-columns:1fr}}
.plugin-card{height:100%;border:1px solid var(--bs-border-color,#e5ecee);border-radius:var(--bs-border-radius,0.45rem);background:var(--bs-body-bg,#fff);padding:14px;transition:.2s ease;color:var(--bs-body-color)}
.plugin-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(31,50,55,.1);border-color:rgba(var(--bs-primary-rgb), .35)}
.plugin-top{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px}
.plugin-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:transparent;flex-shrink:0;overflow:hidden}
.plugin-icon img{width:100%;height:100%;object-fit:contain}
.plugin-icon-fallback{background:linear-gradient(145deg,rgba(var(--bs-primary-rgb), .14),rgba(var(--bs-primary-rgb), .06));color:var(--bs-primary);font-size:22px}
.plugin-top h4{margin:0 0 2px;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;color:var(--bs-body-color,#1f2a37)}
.plugin-slug{font-size:11px;color:var(--bs-secondary-color,#95a0ab);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}
.plugin-top .tag{display:inline-block;padding:1px 8px;border-radius:999px;background:rgba(var(--bs-primary-rgb), .12);color:var(--bs-primary);font-size:11px;flex-shrink:0;margin-top:2px}
.plugin-desc{margin:0 0 10px;color:var(--bs-secondary-color,#6b7785);font-size:12px;line-height:1.55;min-height:calc(1.55em * 2);max-height:calc(1.55em * 2);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-word}
.plugin-meta{display:flex;justify-content:space-between;color:var(--bs-secondary-color,#95a0ab);font-size:11px;margin-bottom:8px}
.flag{font-size:11px;color:var(--bs-secondary-color,#95a0ab);margin-bottom:8px}
.flag.ok{color:#22b783}
.plugin-actions{display:flex;gap:6px;flex-wrap:wrap}
.plugin-actions .btn{flex:1;min-width:0}
.btn-buy{background:#e67e22;border-color:#e67e22;color:#fff}
.btn-buy:hover{background:#d35400;border-color:#d35400;color:#fff}
.btn-down{background:#22b783;border-color:#22b783;color:#fff}
.btn-down:hover{background:#1a8f66;border-color:#1a8f66;color:#fff}
.price-line{font-size:12px;color:#e67e22;margin-bottom:8px;font-weight:600}
.price-line .price-origin{color:#999;text-decoration:line-through;font-weight:400;margin-right:6px}
.price-line .price-off{display:inline-block;margin-left:6px;padding:0 5px;border-radius:3px;background:#fff1e6;color:#e67e22;font-size:11px;font-weight:700}
[data-bs-theme="dark"] .app-hero{
  background:linear-gradient(120deg,rgba(var(--bs-primary-rgb), .18),rgba(var(--bs-primary-rgb), .06)),var(--bs-body-bg);
  border-color:var(--bs-border-color);
}
[data-bs-theme="dark"] .plugin-card{
  background:var(--bs-tertiary-bg,#1e2435);
  border-color:var(--bs-border-color);
  box-shadow:none;
}
[data-bs-theme="dark"] .plugin-card:hover{
  box-shadow:0 12px 28px rgba(0,0,0,.35);
  border-color:rgba(var(--bs-primary-rgb), .45);
}
[data-bs-theme="dark"] .plugin-icon-fallback{
  background:linear-gradient(145deg,rgba(var(--bs-primary-rgb), .22),rgba(var(--bs-primary-rgb), .1));
}
[data-bs-theme="dark"] .plugin-top .tag{
  background:rgba(var(--bs-primary-rgb), .18);
}
[data-bs-theme="dark"] .app-actions .account{color:var(--bs-primary,#9b97ff)}
.avatar-list-box .avatar-list-row{
  display:flex;flex-wrap:nowrap;align-items:center;gap:10px;
  margin-bottom:10px;padding:10px 12px;
  border:1px solid var(--bs-border-color);
  border-radius:0.375rem;
  background:var(--bs-tertiary-bg);
}
.avatar-list-box .avatar-list-preview{
  width:44px;height:44px;border-radius:50%;overflow:hidden;flex:0 0 auto;
  border:1px solid var(--bs-border-color);
  background:var(--bs-body-bg);
  display:grid;place-items:center;
}
.avatar-list-box .avatar-list-preview img{
  width:100%;height:100%;object-fit:cover;display:none;
}
.avatar-list-box .js-avatar-empty{
  font-size:11px;color:var(--bs-secondary-color);line-height:1;
}
.avatar-list-box .avatar-list-label{
  flex:0 0 auto;min-width:28px;font-size:12px;font-weight:700;
  color:var(--bs-primary);
}
.avatar-list-box .avatar-list-url{
  flex:1 1 auto;min-width:0;width:auto;
}
.avatar-list-box .avatar-list-actions{
  display:flex;flex-wrap:nowrap;align-items:center;gap:6px;flex:0 0 auto;margin-left:auto;
}
.avatar-list-box .avatar-list-actions .btn{white-space:nowrap}
.avatar-list-box .js-avatar-add{
  border-color:var(--bs-primary);
  color:var(--bs-primary);
}
.avatar-list-box .js-avatar-add:hover{
  background:var(--bs-primary);
  border-color:var(--bs-primary);
  color:#fff;
}
.plugin-image-field{width:100%;max-width:none}
.plugin-image-row{
  display:flex;align-items:stretch;gap:8px;flex-wrap:nowrap;width:100%;
}
.plugin-image-row .js-plugin-image-url{
  flex:1 1 auto;min-width:0;
}
.plugin-image-row .js-plugin-image-url[readonly]{
  background:var(--bs-tertiary-bg);
  cursor:default;
}
.plugin-image-row .btn{flex:0 0 auto;white-space:nowrap}
</style>
{/block}
{block name="content"}
<div class="app-hero">
  <div>
    <h3>{$pageTitle}</h3>
    {if $localMode}
    <p>本地模式：仅管理服务器上已有的本地插件，不登录、不连接应用市场。 <span style="color:#1f9d8a;">· 共 {$localCount} 个本地插件</span></p>
    {else /}
    <p>{$pageDesc}{if $dbCount > 0} <span style="color:#1f9d8a;">· 已读取 {$dbCount} 个应用插件</span>{/if}</p>
    {/if}
  </div>
  <div class="app-actions">
    {if $localMode}
      <div class="app-actions-info">
        <span class="account apps-local-badge"><i class="ri-computer-line"></i> 本地模式</span>
      </div>
      <div class="app-actions-btns">
        <a class="btn btn-light btn-sm" href="{$switchMarketUrl|default=''}">
          <i class="ri-store-2-line"></i> 切换市场
        </a>
        <label class="btn btn-primary btn-sm">
          <i class="ri-upload-2-line"></i> 上传插件
          <input type="file" id="upload-file" accept=".zip" style="display:none">
        </label>
      </div>
    {else /}
      <div class="app-actions-info">
        {if $official.logged_in}
          <span class="account"><i class="ri-user-follow-line"></i> {$official.nickname}</span>
          <span class="account" style="color:#f5a623;"><i class="ri-copper-coin-line"></i> <span id="user-coins">{$userBalance.gold}</span> {$gold_name|default='金币'}</span>
        {/if}
      </div>
      <div class="app-actions-btns">
        {if $official.logged_in}
          <button type="button" class="btn btn-light btn-sm" id="btn-official-logout">退出登录</button>
        {else /}
          <button type="button" class="btn btn-light btn-sm" data-bs-toggle="modal" data-bs-target="#officialModal">
            <i class="ri-login-box-line"></i> 登录账号
          </button>
        {/if}
        <a class="btn btn-light btn-sm" href="{$switchLocalUrl|default=''}" title="不登录、不连接市场，仅管理本地插件">
          <i class="ri-computer-line"></i> 本地模式
        </a>
        <label class="btn btn-primary btn-sm">
          <i class="ri-upload-2-line"></i> 上传插件
          <input type="file" id="upload-file" accept=".zip" style="display:none">
        </label>
      </div>
    {/if}
  </div>
</div>

{if $remoteEnabled && !empty($remoteError)}
<div class="alert alert-warning" style="margin-bottom:14px;">
  远程应用市场读取失败：不支持本地或局域网连接市场，请部署到线上环境后重试~
</div>
{/if}

<div class="plugin-toolbar">
  <input type="search" class="form-control" id="plugin-kw" name="plugin_filter_kw" placeholder="搜索插件名称 / 标签"
    autocomplete="off" autocapitalize="off" autocorrect="off" spellcheck="false" data-lpignore="true" data-1p-ignore="true">
  <select class="form-select" id="plugin-status" name="plugin_filter_status" style="max-width:140px;" autocomplete="off">
    <option value="">全部应用</option>
    <option value="installed">已经安装</option>
    <option value="not_installed">尚未安装</option>
  </select>
  <select class="form-select" id="plugin-tag" name="plugin_filter_tag" style="max-width:160px;" autocomplete="off">
    <option value="">全部标签</option>
    {volist name="pluginTags" id="tag"}
    <option value="{$tag.name}">{$tag.name}</option>
    {/volist}
  </select>
  <div class="plugin-toolbar-right">
    {if !$localMode}
    <button type="button" class="btn btn-light btn-sm" id="btn-check-updates" title="仅显示已安装且市场有更新的插件">
      <i class="ri-refresh-line"></i> 检测更新
    </button>
    <button type="button" class="btn btn-info btn-sm" id="btn-sync-updates" title="一键更新全部可升级插件">
      <i class="ri-code-s-slash-line"></i> 一键同步
    </button>
    {/if}
  </div>
</div>
<p class="plugin-empty-filter" id="plugin-empty-filter">当前没有可更新的已安装插件</p>

<div class="app-grid" id="plugin-list">
  {volist name="plugins" id="item"}
  <div class="plugin-card plugin-item" data-name="{$item.name}" data-tag="{$item.tag}" data-category="{$item.category_name|default=''}" data-id="{$item.id}"
    data-installed="{if !empty($item.installed) || !empty($item.local_installed)}1{else /}0{/if}"
    data-has-update="{if !empty($item.has_update)}1{else /}0{/if}"
    data-update-id="{if !empty($item.has_update)}{if !empty($item.is_remote) || !empty($item.is_db)}{$item.id}{elseif !empty($item.remote_update_id)}{$item.remote_update_id}{/if}{/if}"
    data-version="{$item.version|default=''}"
    data-local-version="{$item.local_version|default=''}">
    <div class="plugin-top">
      <div class="plugin-icon">
        {if !empty($item.icon_svg)}
          <img src="{$item.icon_svg}" alt="{$item.name}" loading="lazy" decoding="async" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'">
          <div class="plugin-icon-fallback" style="display:none"><i class="{$item.icon}"></i></div>
        {else /}
          <div class="plugin-icon-fallback"><i class="{$item.icon}"></i></div>
        {/if}
      </div>
      <div>
        <h4 title="{$item.name}">{$item.name}</h4>
        <div class="plugin-slug">{$item.slug|default=$item.id}</div>
      </div>
      <span class="tag">{$item.tag}</span>
      {if !empty($item.is_db)}<span class="tag" style="background:#e8f6f3;color:#1f9d8a;">市场</span>{/if}
    </div>
    <p class="plugin-desc">{$item.desc}</p>
    <div class="plugin-meta">
      {if !empty($item.local_installed) && !empty($item.local_version) && $item.local_version != $item.version}
      <span>市场 v{$item.version} / 本地 v{$item.local_version}</span>
      {else /}
      <span>v{$item.version}</span>
      {/if}
      <span>{$item.author}</span>
    </div>
    <div class="price-line">{if $item.free}免费{elseif $item.price <= 0.001 && $item.origin_price > 0.001}￥{$item.origin_price}{elseif !empty($item.market_off)}<span class="price-origin">￥{$item.origin_price}</span>￥{$item.price}<span class="price-off">{$item.market_off}%优惠</span>{else /}￥{$item.price}{/if}</div>
    <div class="flag {if $item.access=='download'}ok{/if}">
      {if (!empty($item.is_remote) || !empty($item.is_db)) && $item.installed}
        {if !empty($item.has_update)}
        <span style="color:#f5a623;">有新版本 v{$item.version}（当前 v{$item.local_version}）</span>
        {else /}
        <span style="color:#1f9d8a;">市场插件已安装，可配置</span>
        {/if}
      {elseif (!empty($item.is_remote) || !empty($item.is_db)) && $item.flag=='purchased' /}
        <span style="color:#1f9d8a;">已购买，点击安装下载</span>
      {elseif !empty($item.is_remote) || !empty($item.is_db)}
        {if empty($item.local)}
        市场资源，点击下载获取
        {else /}
        应用资源，点击安装获取
        {/if}
      {elseif !empty($item.local)}
        {if $item.installed}
          {if !empty($item.has_update)}
          <span style="color:#f5a623;">有新版本 v{$item.version}（当前 v{$item.local_version}）</span>
          {else /}
          <span style="color:#1f9d8a;">本地插件已安装</span>
          {/if}
        {else /}
        本地插件，点击安装
        {/if}
      {elseif $item.flag=='licensed'}已有权限，可直接下载
      {elseif $item.flag=='purchased'}已购买，可下载
      {elseif $item.flag=='free'}免费资源，可下载
      {else /}未购买，需先购买{/if}
    </div>
    <div class="plugin-actions">
      {if !empty($item.is_remote) || !empty($item.is_db)}
        {if $item.installed}
          {if !empty($item.configurable)}
          <button type="button" class="btn btn-sm btn-primary js-config" data-id="{$item.id}" {if !empty($item.detail_url)}data-detail-url="{$item.detail_url}"{/if}>配置</button>
          {/if}
          {if !empty($item.has_update)}
          <button type="button" class="btn btn-sm btn-info js-update" data-id="{$item.id}" data-version="{$item.version}" data-local-version="{$item.local_version}">更新</button>
          {/if}
          <button type="button" class="btn btn-sm btn-warning js-uninstall" data-id="{$item.id}">卸载</button>
          {if !empty($item.is_remote)}
          <button type="button" class="btn btn-sm btn-light js-detail-remote" data-id="{$item.id}" data-remote-id="{$item.remote_id}" data-detail-url="{$item.detail_url}">详情</button>
          {else /}
          <button type="button" class="btn btn-sm btn-light js-detail" data-id="{$item.db_id}">详情</button>
          {/if}
        {else /}
          {if $item.access=='download'}
          <button type="button" class="btn btn-sm btn-down js-install" data-id="{$item.id}">{if !empty($item.is_db)}下载{else /}安装{/if}</button>
          {else /}
          <button type="button" class="btn btn-sm btn-buy js-buy" data-id="{$item.id}" data-price="{$item.deal_price|default=$item.price}" data-origin="{$item.origin_price|default=''}" data-off="{$item.deal_off|default=0}" data-currency="{$item.pay_currency|default='cny'}">购买</button>
          {/if}
          {if !empty($item.is_remote)}
          <button type="button" class="btn btn-sm btn-light js-detail-remote" data-id="{$item.id}" data-remote-id="{$item.remote_id}" data-detail-url="{$item.detail_url}">详情</button>
          {else /}
          <button type="button" class="btn btn-sm btn-light js-detail" data-id="{$item.db_id}">详情</button>
          {/if}
        {/if}
      {elseif !empty($item.local)}
        {if $item.installed}
          {if !empty($item.configurable)}
          <button type="button" class="btn btn-sm btn-primary js-config" data-id="{$item.id}">配置</button>
          {/if}
          {if !empty($item.has_update) && !empty($item.remote_update_id)}
          <button type="button" class="btn btn-sm btn-info js-update" data-id="{$item.remote_update_id}" data-version="{$item.version}" data-local-version="{$item.local_version}">更新</button>
          {/if}
          <button type="button" class="btn btn-sm btn-warning js-uninstall" data-id="{$item.id}">卸载</button>
        {else /}
          <button type="button" class="btn btn-sm btn-down js-install" data-id="{$item.id}">安装</button>
        {/if}
      {elseif $item.access=='download'}
        <button type="button" class="btn btn-sm btn-down js-install" data-id="{$item.id}">安装</button>
      {else /}
        <button type="button" class="btn btn-sm btn-buy js-buy" data-id="{$item.id}" data-price="{$item.deal_price|default=$item.price}" data-origin="{$item.origin_price|default=''}" data-off="{$item.deal_off|default=0}" data-currency="{$item.pay_currency|default='cny'}">购买</button>
      {/if}
    </div>
  </div>
  {/volist}
</div>

<div class="modal fade" id="pluginConfigModal" tabindex="-1">
  <div class="modal-dialog modal-lg modal-dialog-scrollable">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="plugin-config-title">插件配置</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <form id="plugin-config-form" autocomplete="off" data-lpignore="true" onsubmit="return false;">
          <!-- 吸收浏览器对账号/密码的自动填充，避免污染真实配置项 -->
          <input type="text" name="fake_username" autocomplete="username" tabindex="-1" aria-hidden="true"
            style="position:absolute;left:-9999px;width:1px;height:1px;opacity:0;">
          <input type="password" name="fake_password" autocomplete="current-password" tabindex="-1" aria-hidden="true"
            style="position:absolute;left:-9999px;width:1px;height:1px;opacity:0;">
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-light" data-bs-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary" id="plugin-config-save">保存配置</button>
      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="officialModal" tabindex="-1">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">登录应用中心</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <p class="text-muted" style="font-size:12px;">登录后可购买、下载和安装插件。</p>
        <form id="official-login-form" autocomplete="on" onsubmit="return false;">
          <div class="mb-3">
            <label class="form-label">账号</label>
            <input type="text" class="form-control" id="official-username" name="username" placeholder="请输入账号" autocomplete="username">
          </div>
          <div class="mb-3">
            <label class="form-label">密码</label>
            <input type="password" class="form-control" id="official-password" name="password" placeholder="请输入密码" autocomplete="current-password">
          </div>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-light" data-bs-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary" id="official-submit">登录</button>
      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="purchaseModal" tabindex="-1">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">确认购买</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <div class="purchase-info" style="margin-bottom:16px;">
          <div style="display:flex;justify-content:space-between;margin-bottom:8px;">
            <span class="text-muted">插件名称</span>
            <strong id="purchase-name">-</strong>
          </div>
          <div style="display:flex;justify-content:space-between;margin-bottom:8px;">
            <span class="text-muted">价格</span>
            <strong style="color:#f5a623;" id="purchase-price">-</strong>
          </div>
          <div id="purchase-coins-wrap">
            <div style="display:flex;justify-content:space-between;margin-bottom:4px;">
              <span class="text-muted">所需{$gold_name|default='金币'}</span>
              <strong style="color:#e67e22;" id="purchase-coins">-</strong>
            </div>
            <p class="text-muted" style="font-size:12px;margin:0 0 8px;">按汇率将{$cny_name|default='人民币'}折算为{$gold_name|default='金币'}扣除</p>
            <div style="display:flex;justify-content:space-between;">
              <span class="text-muted">当前余额</span>
              <strong id="purchase-balance">-</strong>
            </div>
          </div>
        </div>
        <div class="payment-methods" id="purchase-payment-methods">
          {if $payment_ready && $pay_methods}
          {volist name="pay_methods" id="pm"}
          <div class="payment-option js-pay-online" data-method="{$pm.key}" style="padding:12px;border:2px solid #e5e5e5;border-radius:8px;cursor:pointer;background:#fff;margin-bottom:8px;">
            <div style="display:flex;align-items:center;gap:10px;">
              {if $pm.key === 'alipay'}
              <i class="ri-wallet-3-line" style="font-size:24px;color:#1677ff;"></i>
              {elseif $pm.key === 'wechat'}
              <i class="ri-chat-3-line" style="font-size:24px;color:#07c160;"></i>
              {elseif $pm.key === 'qqpay'}
              <i class="ri-chat-3-line" style="font-size:24px;color:#12b7f5;"></i>
              {/if}
              <div style="flex:1;">
                <div style="font-weight:600;">{$pm.label}</div>
                <div class="text-muted" style="font-size:12px;">使用{$pm.label}在线支付</div>
              </div>
              <div class="payment-check-mark" style="width:18px;height:18px;border:2px solid #ccc;border-radius:50%;"></div>
            </div>
          </div>
          {/volist}
          {/if}
          <div class="payment-option on js-pay-coins" data-method="coins" style="padding:12px;border:2px solid #12C2E9;border-radius:8px;cursor:pointer;background:#f7fbfb;">
            <div style="display:flex;align-items:center;gap:10px;">
              <i class="ri-copper-coin-line" style="font-size:24px;color:#f5a623;"></i>
              <div style="flex:1;">
                <div style="font-weight:600;">{$gold_name|default='金币'}余额支付</div>
                <div class="text-muted" style="font-size:12px;">使用账户{$gold_name|default='金币'}支付购买</div>
              </div>
              <div class="payment-check-mark" style="width:18px;height:18px;border:2px solid #12C2E9;border-radius:50%;background:#12C2E9;position:relative;">
                <span style="position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#fff;border-radius:50%;"></span>
              </div>
            </div>
          </div>
        </div>
        <div id="purchase-warning" style="display:none;margin-top:12px;padding:10px;background:#fff4e5;border-radius:6px;color:#f5a623;font-size:13px;"></div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-light" data-bs-dismiss="modal" id="purchase-cancel">取消</button>
        <button type="button" class="btn btn-primary" id="purchase-confirm">确认支付</button>
      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="paymentModal" tabindex="-1">
  <div class="modal-dialog" style="max-width:420px;">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">扫码支付</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body" style="text-align:center;">
        <div id="payment-qr-wrap">
          <img id="payment-qr" src="" alt="支付二维码" style="width:220px;height:220px;border:1px solid #eee;border-radius:8px;margin:10px auto;">
          <div id="payment-hint" style="color:#666;font-size:13px;margin:10px 0;">请使用手机扫码完成支付</div>
        </div>
        <div id="payment-sandbox" style="display:none;">
          <div style="margin:30px 0;color:#666;">沙箱模式：无需真实扣款</div>
          <button type="button" class="btn btn-primary" id="btn-simulate-pay">模拟支付成功</button>
        </div>
        <div id="payment-status" style="font-weight:600;margin-top:10px;">等待支付中...</div>
        <div id="payment-amount" style="color:#f5a623;font-size:20px;margin:6px 0;"></div>
        <div id="payment-order" style="color:#999;font-size:12px;">订单号：<span id="payment-order-no"></span></div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-light" data-bs-dismiss="modal">关闭</button>
      </div>
    </div>
  </div>
</div>
{/block}
{block name="js"}
<script>
var TYPE = 'plugin';

function showModal(sel) {
  var el = document.querySelector(sel);
  if (el && window.bootstrap && bootstrap.Modal) {
    bootstrap.Modal.getOrCreateInstance(el).show();
  }
}
function hideModal(sel) {
  var el = document.querySelector(sel);
  if (el && window.bootstrap && bootstrap.Modal) {
    var inst = bootstrap.Modal.getInstance(el);
    if (inst) inst.hide();
  }
}

var URLS = {
  login: "{:url('/admin/apps/officialLogin')}",
  logout: "{:url('/admin/apps/officialLogout')}",
  upload: "{:url('/admin/apps/upload')}",
  buy: "{:url('/admin/apps/buy')}",
  balance: "{:url('/admin/apps/balance')}",
  download: "{:url('/admin/apps/download')}",
  install: "{:url('/admin/apps/install')}",
  uninstall: "{:url('/admin/apps/uninstall')}",
  update: "{:url('/admin/apps/update')}",
  config: "{:url('/admin/apps/config')}",
  saveConfig: "{:url('/admin/apps/saveConfig')}",
  fileUpload: "{:url('/admin/file/upload')}",
  paymentStatus: "{:url('/admin/apps/paymentStatus')}",
  paymentSimulate: "{:url('/admin/apps/paymentSimulate')}"
};
var isUserLoggedIn = {$official.logged_in ? 1 : 0};
var currentUserBalance = {$userBalance.gold|default=0};
var currentPurchaseId = '';
var currentPurchaseName = '';
var currentPurchasePrice = 0;
var currentPurchaseMethod = 'coins';
var currentPurchaseCurrency = 'cny';
function parseCoinRate(raw) {
  var rate = parseFloat(raw);
  return (isFinite(rate) && rate > 0) ? rate : 10;
}
function yuanToGold(yuan, rate) {
  yuan = Math.round((parseFloat(yuan) || 0) * 100) / 100;
  rate = parseCoinRate(rate);
  return Math.round(yuan * rate);
}
function formatCoinRate(rate) {
  rate = parseCoinRate(rate);
  return rate.toFixed(4).replace(/\.?0+$/, '') || '0';
}
var COIN_RATE = parseCoinRate('{$coin_rate|default=10}');
var CURRENCY_NAMES = {
  coins: {:json_encode($coin_name ?? '积分', JSON_UNESCAPED_UNICODE)},
  gold: {:json_encode($gold_name ?? '金币', JSON_UNESCAPED_UNICODE)},
  cny: {:json_encode($cny_name ?? '人民币', JSON_UNESCAPED_UNICODE)}
};
function currencyLabel(currency) {
  currency = String(currency || 'cny').toLowerCase();
  if (currency === 'gold') return CURRENCY_NAMES.gold || '金币';
  if (currency === 'coins') return CURRENCY_NAMES.coins || '积分';
  return CURRENCY_NAMES.cny || '人民币';
}
function formatMarketPrice(amount, currency) {
  var n = parseFloat(amount);
  if (!isFinite(n)) n = 0;
  return n.toFixed(2) + currencyLabel(currency);
}
function isRmbPurchase(currency) {
  currency = String(currency || 'cny').toLowerCase();
  return currency !== 'gold' && currency !== 'coins';
}
function stylePayOption($el, on) {
  if (!$el || !$el.length) return;
  if (on) {
    $el.addClass('on').css('border-color', '#12C2E9').css('background', '#f7fbfb');
    $el.find('.payment-check-mark').css('border-color', '#12C2E9').css('background', '#12C2E9').html('<span style="display:block;width:6px;height:6px;background:#fff;border-radius:50%;margin:5px auto;"></span>');
  } else {
    $el.removeClass('on').css('border-color', '#e5e5e5').css('background', '#fff');
    $el.find('.payment-check-mark').css('border-color', '#ccc').css('background', '').html('');
  }
}
function syncPurchasePayUi(currency) {
  var rmb = isRmbPurchase(currency);
  $('#purchase-coins-wrap').toggle(!rmb);
  $('.js-pay-coins').toggle(!rmb);
  if (rmb) {
    var $first = $('.js-pay-online:visible').first();
    if (!$first.length) $first = $('.js-pay-online').first();
    $('.payment-option').each(function () { stylePayOption($(this), false); });
    if ($first.length) {
      stylePayOption($first, true);
      currentPurchaseMethod = $first.data('method') || 'alipay';
      $('#purchase-warning').hide();
      $('#purchase-confirm').prop('disabled', false).removeClass('btn-light').addClass('btn-primary');
    } else {
      currentPurchaseMethod = '';
      $('#purchase-warning').show().text('该插件为' + CURRENCY_NAMES.cny + '计价，请先配置支付宝/微信支付后再购买。');
      $('#purchase-confirm').prop('disabled', true).addClass('btn-light').removeClass('btn-primary');
    }
  } else {
    $('.js-pay-coins').show();
    $('.payment-option').each(function () { stylePayOption($(this), false); });
    stylePayOption($('.js-pay-coins'), true);
    currentPurchaseMethod = 'coins';
  }
}
function escapeHtml(s) {
  return $('<div/>').text(s == null ? '' : String(s)).html();
}
function parseAvatarList(raw) {
  var list = [];
  String(raw || '').split(/\r\n|\r|\n/).forEach(function (line) {
    line = $.trim(line);
    if (!line) return;
    list.push(line);
  });
  return list;
}
function syncAvatarListHidden($box) {
  var lines = [];
  $box.find('.js-avatar-row').each(function () {
    var url = $.trim(String($(this).find('.js-avatar-url').val() || ''));
    if (url) lines.push(url);
  });
  $box.find('input[name="avatars"]').val(lines.join('\n'));
}
function renderAvatarListField(f) {
  var $wrap = $('<div class="avatar-list-box"/>');
  $wrap.append('<input type="hidden" name="avatars" value="">');
  var $list = $('<div class="js-avatar-list" style="margin-bottom:10px;"/>');
  var $add = $('<button type="button" class="btn btn-light btn-sm js-avatar-add"><i class="ri-add-line"></i> 添加并上传头像</button>');
  var $file = $('<input type="file" class="js-avatar-file" accept="image/jpeg,image/png,image/gif,image/webp" style="display:none;">');
  $wrap.append($list).append($add).append($file);
  var pendingRow = null;

  function syncPreview($row) {
    var url = $.trim(String($row.find('.js-avatar-url').val() || ''));
    var $img = $row.find('.js-avatar-preview img');
    var $empty = $row.find('.js-avatar-empty');
    if (url) {
      $img.attr('src', url).show();
      $empty.hide();
    } else {
      $img.hide().attr('src', '');
      $empty.show();
    }
  }

  function addRow(url) {
    var idx = $list.find('.js-avatar-row').length + 1;
    var $row = $('<div class="js-avatar-row avatar-list-row"/>');
    var $preview = $('<div class="js-avatar-preview avatar-list-preview"/>');
    $preview.append($('<img alt="">'));
    $preview.append($('<span class="js-avatar-empty">空</span>'));
    var $label = $('<span class="js-avatar-label avatar-list-label"/>').text('#' + idx);
    var $input = $('<input type="text" class="form-control js-avatar-url avatar-list-url" placeholder="上传后自动填入，也可粘贴图片地址"/>').val(url || '');
    var $actions = $('<div class="avatar-list-actions"/>');
    $actions.append($('<button type="button" class="btn btn-primary btn-sm js-avatar-upload"/>').html('<i class="ri-upload-2-line"></i> 上传'));
    $actions.append($('<button type="button" class="btn btn-light btn-sm js-avatar-del"/>').text('删除'));
    $row.append($preview).append($label).append($input).append($actions);
    $list.append($row);
    syncPreview($row);
    syncAvatarListHidden($wrap);
    renumber();
    return $row;
  }

  function renumber() {
    $list.find('.js-avatar-row').each(function (i) {
      $(this).find('.js-avatar-label').text('#' + (i + 1));
    });
  }

  var initial = parseAvatarList(f.value);
  if (!initial.length) {
    addRow('');
  } else {
    initial.forEach(function (u) { addRow(u); });
  }

  $wrap.on('click', '.js-avatar-add', function () {
    var $row = addRow('');
    pendingRow = $row;
    $file.trigger('click');
  });
  $wrap.on('click', '.js-avatar-upload', function () {
    pendingRow = $(this).closest('.js-avatar-row');
    $file.trigger('click');
  });
  $wrap.on('click', '.js-avatar-del', function () {
    if ($list.find('.js-avatar-row').length <= 1) {
      var $only = $list.find('.js-avatar-row').first();
      $only.find('.js-avatar-url').val('');
      syncPreview($only);
      syncAvatarListHidden($wrap);
      AdminUI.notify('至少保留一行，可清空后重新上传', 'warning');
      return;
    }
    $(this).closest('.js-avatar-row').remove();
    renumber();
    syncAvatarListHidden($wrap);
  });
  $wrap.on('input', '.js-avatar-url', function () {
    var $row = $(this).closest('.js-avatar-row');
    syncPreview($row);
    syncAvatarListHidden($wrap);
  });
  $file.on('change', function () {
    if (!this.files || !this.files.length || !pendingRow || !pendingRow.length) {
      this.value = '';
      return;
    }
    var $row = pendingRow;
    var fd = new FormData();
    fd.append('file', this.files[0]);
    $row.addClass('is-uploading').css('opacity', '.6');
    $.ajax({
      url: URLS.fileUpload,
      type: 'POST',
      data: fd,
      processData: false,
      contentType: false,
      success: function (res) {
        AdminUI.result(res);
        if (res.code === 1 && res.data && res.data.url) {
          $row.find('.js-avatar-url').val(res.data.url);
          syncPreview($row);
          syncAvatarListHidden($wrap);
        }
      },
      complete: function () {
        $row.removeClass('is-uploading').css('opacity', '');
      }
    });
    this.value = '';
    pendingRow = null;
  });

  syncAvatarListHidden($wrap);
  return $wrap;
}
function parseRouteExtrasJson(raw) {
  try {
    var o = JSON.parse(raw || '{}');
    return (o && typeof o === 'object' && !Array.isArray(o)) ? o : {};
  } catch (e) {
    return {};
  }
}
function syncRouteExtrasHidden($box) {
  var map = {};
  $box.find('.js-route-extra-row').each(function () {
    var key = String($(this).data('key') || '');
    var path = $.trim($(this).find('.js-route-extra-path').val() || '');
    if (key && path) map[key] = path;
  });
  $box.find('input[name="route_extras"]').val(JSON.stringify(map));
}
function renderRouteExtrasField(f) {
  var opts = f.options || {};
  var defaults = f.defaults || {};
  var current = parseRouteExtrasJson(f.value == null ? '{}' : String(f.value));
  var $wrap = $('<div class="route-extras-box"/>');
  $wrap.append('<input type="hidden" name="route_extras" value="">');
  var $list = $('<div class="js-route-extra-list" style="margin-bottom:8px;"/>');
  var $pick = $('<select class="form-select js-route-extra-pick" style="min-width:160px;"/>');
  var $add = $('<button type="button" class="btn btn-light btn-sm js-route-extra-add">添加</button>');
  var $bar = $('<div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap;"/>').append($pick).append($add);
  $wrap.append($list).append($bar);

  function refreshPick() {
    var used = {};
    $list.find('.js-route-extra-row').each(function () {
      used[String($(this).data('key') || '')] = true;
    });
    $pick.empty().append('<option value="">选择页面…</option>');
    Object.keys(opts).forEach(function (k) {
      if (used[k]) return;
      $pick.append($('<option/>').val(k).text(opts[k] || k));
    });
    $add.prop('disabled', $pick.find('option').length <= 1);
  }

  function addRow(key, path) {
    if (!key || !opts[key]) return;
    if ($list.find('.js-route-extra-row').filter(function () {
      return String($(this).data('key') || '') === key;
    }).length) return;
    var $row = $('<div class="js-route-extra-row" style="display:flex;gap:8px;align-items:center;margin-bottom:8px;"/>');
    $row.data('key', key);
    $row.append($('<span style="min-width:120px;color:#555;"/>').text(opts[key] || key));
    $row.append($('<input type="text" class="form-control js-route-extra-path" style="flex:1;"/>')
      .val(path || defaults[key] || '')
      .attr('placeholder', defaults[key] || key));
    $row.append($('<button type="button" class="btn btn-light btn-sm js-route-extra-del"/>').text('删除'));
    $list.append($row);
    refreshPick();
    syncRouteExtrasHidden($wrap);
  }

  Object.keys(current).forEach(function (k) {
    if (opts[k]) addRow(k, current[k]);
  });
  refreshPick();
  syncRouteExtrasHidden($wrap);

  $wrap.on('click', '.js-route-extra-add', function () {
    var key = String($pick.val() || '');
    if (!key) return;
    addRow(key, defaults[key] || '');
    $pick.val('');
  });
  $wrap.on('click', '.js-route-extra-del', function () {
    $(this).closest('.js-route-extra-row').remove();
    refreshPick();
    syncRouteExtrasHidden($wrap);
  });
  $wrap.on('input', '.js-route-extra-path', function () {
    syncRouteExtrasHidden($wrap);
  });
  return $wrap;
}
function parseRechargePackages(raw) {
  var list = [];
  String(raw || '').split(/\r\n|\r|\n/).forEach(function (line) {
    line = $.trim(line);
    if (!line || line.charAt(0) === '#') return;
    var parts = line.split(/[:：,\s]+/);
    var amount = parseFloat(parts[0] || '0');
    var coins = parseInt(parts[1] || '0', 10);
    if (!(amount > 0)) return;
    list.push({ amount: amount, coins: coins > 0 ? coins : 0 });
  });
  return list;
}
function syncRechargePackagesHidden($box) {
  var lines = [];
  $box.find('.js-pkg-row').each(function () {
    var amount = parseFloat($(this).find('.js-pkg-amount').val() || '0');
    var coins = parseInt($(this).find('.js-pkg-coins').val() || '0', 10);
    if (!(amount > 0)) return;
    if (!(coins > 0)) coins = 0;
    lines.push(amount + ':' + coins);
  });
  $box.find('input[name="recharge_packages"]').val(lines.join('\n'));
}
function renderRechargePackagesField(f) {
  var $wrap = $('<div class="recharge-packages-box"/>');
  $wrap.append('<input type="hidden" name="recharge_packages" value="">');
  var $list = $('<div class="js-pkg-list" style="margin-bottom:10px;"/>');
  var $add = $('<button type="button" class="btn btn-light btn-sm js-pkg-add"><i class="ri-add-line"></i> 添加下一档套餐</button>');
  $wrap.append($list).append($add);

  function addRow(amount, coins) {
    var idx = $list.find('.js-pkg-row').length + 1;
    var $row = $('<div class="js-pkg-row" style="display:flex;gap:8px;align-items:center;margin-bottom:8px;flex-wrap:wrap;"/>');
    $row.append($('<span class="js-pkg-step" style="min-width:52px;color:#6b7785;font-size:12px;font-weight:600;"/>').text('第' + idx + '档'));
    $row.append($('<input type="number" class="form-control js-pkg-amount" min="0.01" step="0.01" placeholder="金额(元)" style="max-width:140px;"/>').val(amount > 0 ? amount : ''));
    $row.append($('<span style="color:#95a0ab;"/>').text('元 →'));
    $row.append($('<input type="number" class="form-control js-pkg-coins" min="0" step="1" placeholder="金币" style="max-width:140px;"/>').val(coins > 0 ? coins : ''));
    $row.append($('<span style="color:#95a0ab;"/>').text('金币'));
    $row.append($('<button type="button" class="btn btn-light btn-sm js-pkg-del"/>').text('删除'));
    $list.append($row);
    renumber();
    syncRechargePackagesHidden($wrap);
  }
  function renumber() {
    $list.find('.js-pkg-row').each(function (i) {
      $(this).find('.js-pkg-step').text('第' + (i + 1) + '档');
    });
  }

  var initial = parseRechargePackages(f.value);
  if (!initial.length) {
    addRow('', '');
  } else {
    initial.forEach(function (p) { addRow(p.amount, p.coins); });
  }

  $wrap.on('click', '.js-pkg-add', function () {
    addRow('', '');
  });
  $wrap.on('click', '.js-pkg-del', function () {
    $(this).closest('.js-pkg-row').remove();
    renumber();
    syncRechargePackagesHidden($wrap);
  });
  $wrap.on('input', '.js-pkg-amount, .js-pkg-coins', function () {
    syncRechargePackagesHidden($wrap);
  });
  syncRechargePackagesHidden($wrap);
  return $wrap;
}
function parseSigninTiers(raw) {
  var list = [];
  var text = String(raw || '').trim();
  if (text.charAt(0) === '[') {
    try {
      var arr = JSON.parse(text);
      if (Array.isArray(arr)) {
        arr.forEach(function (row) {
          var day = parseInt((row && row.day) || 0, 10);
          if (!(day > 0)) return;
          list.push({
            day: day,
            coins: parseInt((row && row.coins) || 0, 10) || 0,
            gold: parseInt((row && row.gold) || 0, 10) || 0
          });
        });
      }
    } catch (e) {}
    return list;
  }
  text.split(/\r\n|\r|\n/).forEach(function (line) {
    line = $.trim(line);
    if (!line || line.charAt(0) === '#') return;
    var parts = line.split(/[:：,\s]+/);
    var day = parseInt(parts[0] || '0', 10);
    if (!(day > 0)) return;
    list.push({
      day: day,
      coins: parseInt(parts[1] || '0', 10) || 0,
      gold: parseInt(parts[2] || '0', 10) || 0
    });
  });
  return list;
}
function syncSigninTiersHidden($box) {
  var lines = [];
  $box.find('.js-tier-row').each(function () {
    var day = parseInt($(this).find('.js-tier-day').val() || '0', 10);
    var coins = parseInt($(this).find('.js-tier-coins').val() || '0', 10) || 0;
    var gold = parseInt($(this).find('.js-tier-gold').val() || '0', 10) || 0;
    if (!(day > 0)) return;
    lines.push(day + ':' + coins + ':' + gold);
  });
  $box.find('input[name="tiers"]').val(lines.join('\n'));
}
function parseVipPlans(raw) {
  var list = [];
  var text = String(raw || '').trim();
  if (text.charAt(0) === '[') {
    try {
      var arr = JSON.parse(text);
      if (Array.isArray(arr)) {
        arr.forEach(function (row) {
          var days = parseInt((row && row.days) || 0, 10);
          var price = parseInt((row && row.price) || 0, 10);
          var currency = String((row && row.currency) || 'coins').toLowerCase();
          if (!(days > 0) || !(price > 0)) return;
          list.push({
            days: days,
            price: price,
            currency: currency,
            title: String((row && row.title) || (days + ' 天')),
            paidread: parseInt((row && (row.quota_paidread != null ? row.quota_paidread : row.paidread)) || 0, 10) || 0,
            attachment: parseInt((row && (row.quota_attachment != null ? row.quota_attachment : row.attachment)) || 0, 10) || 0,
            hide: parseInt((row && (row.quota_hide != null ? row.quota_hide : row.hide)) || 0, 10) || 0,
            netdisk: parseInt((row && (row.quota_netdisk != null ? row.quota_netdisk : row.netdisk)) || 0, 10) || 0
          });
        });
      }
    } catch (e) {}
    return list;
  }
  text.split(/\r\n|\r|\n/).forEach(function (line) {
    line = $.trim(line);
    if (!line || line.charAt(0) === '#') return;
    var parts = line.split(/[:：]/);
    var days = parseInt(parts[0] || '0', 10);
    var price = parseInt(parts[1] || '0', 10);
    var currency = $.trim(parts[2] || 'coins').toLowerCase();
    var title = $.trim(parts[3] || '');
    if (!(days > 0) || !(price > 0)) return;
    if (!title) title = days + ' 天';
    list.push({
      days: days,
      price: price,
      currency: currency,
      title: title,
      paidread: parseInt(parts[4] || '0', 10) || 0,
      attachment: parseInt(parts[5] || '0', 10) || 0,
      hide: parseInt(parts[6] || '0', 10) || 0,
      netdisk: parseInt(parts[7] || '0', 10) || 0
    });
  });
  return list;
}
function syncVipPlansHidden($box) {
  var lines = [];
  $box.find('.js-vip-plan-row').each(function () {
    var days = parseInt($(this).find('.js-vip-days').val() || '0', 10);
    var currency = String($(this).find('.js-vip-currency').val() || 'coins').toLowerCase();
    var title = $.trim($(this).find('.js-vip-title').val() || '');
    var priceRaw = $(this).find('.js-vip-price').val();
    var price = currency === 'cash'
      ? Math.round(parseFloat(priceRaw || '0') * 100)
      : parseInt(priceRaw || '0', 10);
    if (!(days > 0) || !(price > 0)) return;
    if (!title) title = days + ' 天';
    var paidread = parseInt($(this).find('.js-vip-q-pr').val() || '0', 10) || 0;
    var attachment = parseInt($(this).find('.js-vip-q-at').val() || '0', 10) || 0;
    var hide = parseInt($(this).find('.js-vip-q-hi').val() || '0', 10) || 0;
    var netdisk = parseInt($(this).find('.js-vip-q-nd').val() || '0', 10) || 0;
    lines.push(days + ':' + price + ':' + currency + ':' + title + ':' + paidread + ':' + attachment + ':' + hide + ':' + netdisk);
  });
  $box.find('input[name="plans"]').val(lines.join('\n'));
}
function renderVipPlansField(f) {
  var $wrap = $('<div class="vip-plans-box"/>');
  $wrap.append('<input type="hidden" name="plans" value="">');
  $wrap.append('<p class="form-text" style="margin-bottom:10px;">次数：0=不含，-1=不限；格式含付费阅读/附件/隐藏/网盘四项</p>');
  var $list = $('<div class="js-vip-plan-list" style="margin-bottom:10px;"/>');
  var $add = $('<button type="button" class="btn btn-light btn-sm js-vip-plan-add"><i class="ri-add-line"></i> 添加套餐</button>');
  $wrap.append($list).append($add);

  function addRow(data) {
    data = data || {};
    var currency = String(data.currency || 'coins').toLowerCase();
    var displayPrice = currency === 'cash' ? (data.price > 0 ? (data.price / 100).toFixed(2) : '') : (data.price > 0 ? data.price : '');
    var $row = $('<div class="js-vip-plan-row" style="display:flex;gap:8px;align-items:center;margin-bottom:8px;flex-wrap:wrap;"/>');
    $row.append($('<input type="number" class="form-control js-vip-days" min="1" step="1" placeholder="天数" style="max-width:80px;"/>').val(data.days > 0 ? data.days : ''));
    $row.append($('<span style="color:#95a0ab;"/>').text('天'));
    var $price = $('<input type="number" class="form-control js-vip-price" min="0.01" step="any" placeholder="价格" style="max-width:100px;"/>').val(displayPrice);
    $row.append($price);
    var $cur = $('<select class="form-select js-vip-currency" style="max-width:92px;"/>');
    $cur.append('<option value="coins">积分</option><option value="gold">金币</option><option value="cash">现金(元)</option>');
    $cur.val(currency === 'gold' || currency === 'cash' ? currency : 'coins');
    $row.append($cur);
    $row.append($('<input type="text" class="form-control js-vip-title" placeholder="名称" style="max-width:110px;"/>').val(data.title || ''));
    $row.append($('<input type="number" class="form-control js-vip-q-pr" step="1" placeholder="付费阅读" title="付费阅读次数" style="max-width:88px;"/>').val(data.paidread != null ? data.paidread : 0));
    $row.append($('<input type="number" class="form-control js-vip-q-at" step="1" placeholder="附件" title="附件次数" style="max-width:72px;"/>').val(data.attachment != null ? data.attachment : 0));
    $row.append($('<input type="number" class="form-control js-vip-q-hi" step="1" placeholder="隐藏" title="隐藏内容次数" style="max-width:72px;"/>').val(data.hide != null ? data.hide : 0));
    $row.append($('<input type="number" class="form-control js-vip-q-nd" step="1" placeholder="网盘" title="网盘次数" style="max-width:72px;"/>').val(data.netdisk != null ? data.netdisk : 0));
    $row.append($('<button type="button" class="btn btn-light btn-sm js-vip-plan-del"/>').text('删除'));
    $list.append($row);
    syncVipPlansHidden($wrap);
  }

  var initial = parseVipPlans(f.value);
  if (!initial.length) {
    addRow({ days: 30, price: 100, currency: 'coins', title: '月卡', paidread: 10, attachment: 10, hide: 10, netdisk: 10 });
  } else {
    initial.forEach(function (p) { addRow(p); });
  }

  $wrap.on('click', '.js-vip-plan-add', function () { addRow({ currency: 'coins', paidread: 0, attachment: 0, hide: 0, netdisk: 0 }); });
  $wrap.on('click', '.js-vip-plan-del', function () {
    if ($list.find('.js-vip-plan-row').length <= 1) {
      AdminUI.notify('至少保留一档套餐', 'warning');
      return;
    }
    $(this).closest('.js-vip-plan-row').remove();
    syncVipPlansHidden($wrap);
  });
  $wrap.on('input change', '.js-vip-days, .js-vip-price, .js-vip-currency, .js-vip-title, .js-vip-q-pr, .js-vip-q-at, .js-vip-q-hi, .js-vip-q-nd', function () {
    syncVipPlansHidden($wrap);
  });
  syncVipPlansHidden($wrap);
  return $wrap;
}
function renderSigninTiersField(f) {
  var $wrap = $('<div class="signin-tiers-box"/>');
  $wrap.append($('<input type="hidden" name="tiers" value="">'));
  var $list = $('<div class="js-tier-list" style="margin-bottom:10px;"/>');
  var $add = $('<button type="button" class="btn btn-light btn-sm js-tier-add"><i class="ri-add-line"></i> 添加一档</button>');
  $wrap.append($list).append($add);
  // month_tiers：按月；signin_tiers 可传 tier_mode=month；标题含「薪资」也按月
  var isMonth = f.type === 'month_tiers'
    || String(f.tier_mode || f.unit || '') === 'month'
    || String(f.title || '').indexOf('薪资') !== -1;
  var coinLabel = String(f.coin_label || '积分');
  var goldLabel = String(f.gold_label || '金币');

  function addRow(day, coins, gold) {
    var $row = $('<div class="js-tier-row" style="display:flex;gap:8px;align-items:center;margin-bottom:8px;flex-wrap:wrap;"/>');
    if (isMonth) {
      $row.append($('<span style="color:#6b7785;font-size:12px;font-weight:600;"/>').text('第'));
      $row.append($('<input type="number" class="form-control js-tier-day" min="1" step="1" placeholder="月" style="max-width:90px;"/>').val(day > 0 ? day : ''));
      $row.append($('<span style="color:#95a0ab;"/>').text('个月 →'));
    } else {
      $row.append($('<span style="color:#6b7785;font-size:12px;font-weight:600;"/>').text('连续 ≥'));
      $row.append($('<input type="number" class="form-control js-tier-day" min="1" step="1" placeholder="天数" style="max-width:90px;"/>').val(day > 0 ? day : ''));
      $row.append($('<span style="color:#95a0ab;"/>').text('天 →'));
    }
    $row.append($('<input type="number" class="form-control js-tier-coins" step="1" placeholder="' + coinLabel + '" style="max-width:100px;"/>').val(coins !== '' && coins != null ? coins : 0));
    $row.append($('<span style="color:#95a0ab;"/>').text(coinLabel));
    $row.append($('<input type="number" class="form-control js-tier-gold" step="1" placeholder="' + goldLabel + '" style="max-width:100px;"/>').val(gold !== '' && gold != null ? gold : 0));
    $row.append($('<span style="color:#95a0ab;"/>').text(goldLabel));
    $row.append($('<button type="button" class="btn btn-light btn-sm js-tier-del"/>').text('删除'));
    $list.append($row);
    syncSigninTiersHidden($wrap);
  }

  var initial = parseSigninTiers(f.value);
  if (!initial.length) {
    addRow(1, isMonth ? 500 : 5, isMonth ? 200 : 0);
  } else {
    initial.forEach(function (t) { addRow(t.day, t.coins, t.gold); });
  }

  $wrap.on('click', '.js-tier-add', function () { addRow('', 0, 0); });
  $wrap.on('click', '.js-tier-del', function () {
    if ($list.find('.js-tier-row').length <= 1) {
      AdminUI.notify('至少保留一档', 'warning');
      return;
    }
    $(this).closest('.js-tier-row').remove();
    syncSigninTiersHidden($wrap);
  });
  $wrap.on('input', '.js-tier-day, .js-tier-coins, .js-tier-gold', function () {
    syncSigninTiersHidden($wrap);
  });
  syncSigninTiersHidden($wrap);
  return $wrap;
}
function parseNetdiskProviders(raw) {
  var list = [];
  var text = String(raw || '').trim();
  if (!text) return list;
  try {
    var arr = JSON.parse(text);
    if (Array.isArray(arr)) {
      arr.forEach(function (row) {
        if (!row || typeof row !== 'object') return;
        var name = $.trim(String(row.name || ''));
        var route = $.trim(String(row.parse_route || ''));
        if (!name || !route) return;
        list.push({
          name: name,
          icon: $.trim(String(row.icon || '')),
          parse_route: route,
          code_route: $.trim(String(row.code_route || ''))
        });
      });
    }
  } catch (e) {}
  return list;
}
function syncNetdiskProvidersHidden($box) {
  var list = [];
  $box.find('.js-nd-row').each(function () {
    var name = $.trim(String($(this).find('.js-nd-name').val() || ''));
    var icon = $.trim(String($(this).find('.js-nd-icon').val() || ''));
    var route = $.trim(String($(this).find('.js-nd-route').val() || ''));
    var code = $.trim(String($(this).find('.js-nd-code').val() || ''));
    if (!name || !route) return;
    list.push({ name: name, icon: icon, parse_route: route, code_route: code });
  });
  $box.find('input[name="providers"]').val(JSON.stringify(list));
}
function renderNetdiskProvidersField(f) {
  var $wrap = $('<div class="netdisk-providers-box"/>');
  $wrap.append('<input type="hidden" name="providers" value="">');
  var $list = $('<div class="js-nd-list" style="margin-bottom:10px;"/>');
  var $add = $('<button type="button" class="btn btn-light btn-sm js-nd-add"><i class="ri-add-line"></i> 添加网盘</button>');
  $wrap.append($list).append($add);

  function addRow(row) {
    row = row || {};
    var $row = $('<div class="js-nd-row" style="border:1px solid #e6eef0;border-radius:10px;padding:10px;margin-bottom:8px;background:#fafcfc;"/>');
    var $grid = $('<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;"/>');
    $grid.append($('<input type="text" class="form-control js-nd-name" placeholder="名称，如 百度网盘"/>').val(row.name || ''));
    $grid.append($('<input type="text" class="form-control js-nd-icon" placeholder="图标：ri-cloud-line 或图片URL"/>').val(row.icon || ''));
    $grid.append($('<input type="text" class="form-control js-nd-route" placeholder="解析路由（URL正则）" style="grid-column:1/-1;"/>').val(row.parse_route || ''));
    $grid.append($('<input type="text" class="form-control js-nd-code" placeholder="提取码正则（可选）" style="grid-column:1/-1;"/>').val(row.code_route || ''));
    $row.append($grid);
    $row.append($('<div style="margin-top:8px;text-align:right;"/>').append(
      $('<button type="button" class="btn btn-light btn-sm js-nd-del"/>').text('删除')
    ));
    $list.append($row);
    syncNetdiskProvidersHidden($wrap);
  }

  var initial = parseNetdiskProviders(f.value);
  if (!initial.length) {
    addRow({ name: '百度网盘', icon: 'ri-baidu-fill', parse_route: 'https?://(?:pan|yun)\\.baidu\\.com/s/[\\w-]+', code_route: '提取码[：:\\s]*([a-zA-Z0-9]{4})' });
  } else {
    initial.forEach(addRow);
  }

  $wrap.on('click', '.js-nd-add', function () { addRow({}); });
  $wrap.on('click', '.js-nd-del', function () {
    if ($list.find('.js-nd-row').length <= 1) {
      AdminUI.notify('至少保留一个网盘', 'warning');
      return;
    }
    $(this).closest('.js-nd-row').remove();
    syncNetdiskProvidersHidden($wrap);
  });
  $wrap.on('input', '.js-nd-name, .js-nd-icon, .js-nd-route, .js-nd-code', function () {
    syncNetdiskProvidersHidden($wrap);
  });
  syncNetdiskProvidersHidden($wrap);
  return $wrap;
}
function parseCsvSet(raw) {
  var set = {};
  String(raw || '').split(',').forEach(function (item) {
    item = $.trim(item);
    if (item) set[item] = true;
  });
  return set;
}
function syncCheckboxGroupHidden($box) {
  var vals = [];
  $box.find('input.js-check-group-item:checked').each(function () {
    vals.push(String($(this).val() || ''));
  });
  $box.find('input.js-check-group-value').val(vals.join(','));
}
function syncLevelQuotaRowsHidden($box) {
  var lines = [];
  var seen = {};
  $box.find('.js-level-quota-row').each(function () {
    var id = parseInt($(this).find('.js-level-quota-level').val() || '0', 10) || 0;
    var n = parseInt($(this).find('.js-level-quota-num').val() || '0', 10);
    if (id <= 0) return;
    if (!isFinite(n) || n < 0) n = 0;
    if (seen[id]) return;
    seen[id] = true;
    lines.push(id + ':' + n);
  });
  $box.find('input.js-level-quota-value').val(lines.join('\n'));
}
function renderLevelQuotaRowsField(f) {
  var name = f.name;
  var opts = f.options || {};
  var map = {};
  var rawVal = String(f.value || '').trim();
  if (rawVal) {
    try {
      var parsed = JSON.parse(rawVal);
      if (parsed && typeof parsed === 'object' && !Array.isArray(parsed)) {
        Object.keys(parsed).forEach(function (k) {
          var id = parseInt(k, 10) || 0;
          var v = parseInt(parsed[k], 10);
          if (id > 0 && isFinite(v) && v >= 0) map[String(id)] = v;
        });
      }
    } catch (e) {}
    if (!Object.keys(map).length) {
      rawVal.split(/[\r\n,，;；]+/).forEach(function (part) {
        part = $.trim(part);
        if (!part || part.indexOf(':') < 0) return;
        var bits = part.split(':');
        var id = parseInt($.trim(bits[0]), 10) || 0;
        var v = parseInt($.trim(bits[1]), 10);
        if (id > 0 && isFinite(v) && v >= 0) map[String(id)] = v;
      });
    }
  }
  var $wrap = $('<div class="level-quota-rows-box"/>');
  $wrap.append($('<input type="hidden" class="js-level-quota-value"/>').attr('name', name).val(''));
  var $list = $('<div class="js-level-quota-list" style="margin-bottom:10px;"/>');
  var $add = $('<button type="button" class="btn btn-light btn-sm js-level-quota-add"/>')
    .html('<i class="ri-add-line"></i> 添加一档');
  $wrap.append($list).append($add);

  function levelSelectHtml(selected) {
    var html = '';
    Object.keys(opts).forEach(function (k) {
      var sel = String(k) === String(selected) ? ' selected' : '';
      html += '<option value="' + k + '"' + sel + '>' + $('<div/>').text(opts[k]).html() + '</option>';
    });
    return html;
  }

  function addRow(levelId, quota) {
    var keys = Object.keys(opts);
    if (!keys.length) return;
    levelId = levelId || keys[0];
    quota = (quota === '' || quota == null || !isFinite(Number(quota))) ? 0 : Number(quota);
    var $row = $('<div class="js-level-quota-row"/>');
    $row.append($('<span class="level-quota-label"/>').text('用户组'));
    $row.append($('<select class="form-select js-level-quota-level"/>').html(levelSelectHtml(levelId)));
    $row.append($('<span class="level-quota-arrow"/>').text('→'));
    $row.append($('<input type="number" class="form-control js-level-quota-num" min="0" step="1" placeholder="次数"/>').val(quota));
    $row.append($('<span class="level-quota-unit"/>').text('次/天'));
    $row.append($('<button type="button" class="btn btn-light btn-sm js-level-quota-del"/>').text('删除'));
    $list.append($row);
    syncLevelQuotaRowsHidden($wrap);
  }

  var initialKeys = Object.keys(map);
  if (!initialKeys.length) {
    addRow('', 0);
  } else {
    initialKeys.forEach(function (k) { addRow(k, map[k]); });
  }

  $wrap.on('click', '.js-level-quota-add', function (e) {
    e.preventDefault();
    e.stopPropagation();
    addRow('', 0);
  });
  $wrap.on('click', '.js-level-quota-del', function (e) {
    e.preventDefault();
    e.stopPropagation();
    if ($list.find('.js-level-quota-row').length <= 1) {
      if (window.AdminUI && AdminUI.notify) AdminUI.notify('至少保留一档', 'warning');
      return;
    }
    $(this).closest('.js-level-quota-row').remove();
    syncLevelQuotaRowsHidden($wrap);
  });
  $wrap.on('input change', '.js-level-quota-level, .js-level-quota-num', function () {
    syncLevelQuotaRowsHidden($wrap);
  });
  syncLevelQuotaRowsHidden($wrap);
  return $wrap;
}
function syncToplistBindRowsHidden($box) {
  var lines = [];
  var seen = {};
  $box.find('.js-toplist-bind-row').each(function () {
    var pid = String($(this).find('.js-toplist-bind-pid').val() || '').replace(/\D+/g, '');
    var cid = parseInt($(this).find('.js-toplist-bind-cat').val() || '0', 10) || 0;
    if (pid === '') return;
    if (seen[pid]) return;
    seen[pid] = true;
    lines.push(cid > 0 ? (pid + '=' + cid) : pid);
  });
  $box.find('input.js-toplist-bind-value').val(lines.join('\n'));
}
function renderToplistBindRowsField(f) {
  var name = f.name;
  var opts = f.options || {};
  if (!Object.keys(opts).length && f.extra) {
    try {
      var parsedExtra = typeof f.extra === 'string' ? JSON.parse(f.extra) : f.extra;
      if (parsedExtra && typeof parsedExtra === 'object' && !Array.isArray(parsedExtra)) {
        Object.keys(parsedExtra).forEach(function (k) {
          if (typeof parsedExtra[k] !== 'object') opts[String(k)] = String(parsedExtra[k]);
        });
      }
    } catch (e) {}
  }
  var rows = [];
  var rawVal = String(f.value || '').trim();
  if (rawVal) {
    rawVal.split(/[\r\n]+/).forEach(function (line) {
      line = $.trim(line);
      if (!line || line.charAt(0) === '#') return;
      var m = line.match(/^(\d+)\s*[=:：]\s*(\d+)\s*$/);
      if (m) {
        rows.push({ pid: m[1], cid: parseInt(m[2], 10) || 0 });
        return;
      }
      m = line.match(/^(\d+)\s*$/);
      if (m) rows.push({ pid: m[1], cid: 0 });
    });
  }
  var $wrap = $('<div class="toplist-bind-rows-box"/>');
  $wrap.append($('<input type="hidden" class="js-toplist-bind-value"/>').attr('name', name).val(''));
  var $list = $('<div class="js-toplist-bind-list" style="margin-bottom:10px;"/>');
  var $add = $('<button type="button" class="btn btn-light btn-sm js-toplist-bind-add"/>')
    .html('<i class="ri-add-line"></i> 添加歌单');
  $wrap.append($list).append($add);

  function catSelectHtml(selected) {
    var html = '<option value="0">默认发帖版块</option>';
    Object.keys(opts).forEach(function (k) {
      var sel = String(k) === String(selected) ? ' selected' : '';
      html += '<option value="' + k + '"' + sel + '>' + $('<div/>').text(opts[k]).html() + '</option>';
    });
    return html;
  }

  function addRow(pid, cid) {
    pid = String(pid || '').replace(/\D+/g, '');
    cid = parseInt(cid, 10) || 0;
    var $row = $('<div class="js-toplist-bind-row"/>');
    $row.append($('<span class="toplist-bind-label"/>').text('歌单ID'));
    $row.append($('<input type="text" class="form-control js-toplist-bind-pid" inputmode="numeric" placeholder="如 3778678" autocomplete="off"/>').val(pid));
    $row.append($('<span class="toplist-bind-arrow"/>').text('→'));
    $row.append($('<span class="toplist-bind-cat-label"/>').text('版块'));
    $row.append($('<select class="form-select js-toplist-bind-cat"/>').html(catSelectHtml(cid)));
    $row.append($('<button type="button" class="btn btn-light btn-sm js-toplist-bind-del"/>').text('删除'));
    $list.append($row);
    syncToplistBindRowsHidden($wrap);
  }

  if (!rows.length) {
    addRow('3778678', 0);
  } else {
    rows.forEach(function (r) { addRow(r.pid, r.cid); });
  }

  $wrap.on('click', '.js-toplist-bind-add', function (e) {
    e.preventDefault();
    e.stopPropagation();
    addRow('', 0);
  });
  $wrap.on('click', '.js-toplist-bind-del', function (e) {
    e.preventDefault();
    e.stopPropagation();
    if ($list.find('.js-toplist-bind-row').length <= 1) {
      if (window.AdminUI && AdminUI.notify) AdminUI.notify('至少保留一行', 'warning');
      return;
    }
    $(this).closest('.js-toplist-bind-row').remove();
    syncToplistBindRowsHidden($wrap);
  });
  $wrap.on('input change', '.js-toplist-bind-pid, .js-toplist-bind-cat', function () {
    syncToplistBindRowsHidden($wrap);
  });
  syncToplistBindRowsHidden($wrap);
  return $wrap;
}
function renderCheckboxGroupField(f) {
  var name = f.name;
  var opts = f.options || {};
  var selected = parseCsvSet(f.value);
  var $wrap = $('<div class="checkbox-group-box"/>');
  $wrap.append($('<input type="hidden" class="js-check-group-value"/>').attr('name', name).val(''));
  var $list = $('<div class="js-check-group-list" style="display:flex;flex-wrap:wrap;gap:10px 16px;"/>');
  Object.keys(opts).forEach(function (k) {
    var id = 'cfg_' + name + '_' + k;
    var $lab = $('<div class="form-check"/>').attr('for', id);
    var $cb = $('<input type="checkbox" class="js-check-group-item"/>').attr({ id: id, value: k });
    if (selected[k]) $cb.prop('checked', true);
    $cb.addClass('form-check-input'); $lab.append($cb).append($('<label class="form-check-label"/>').attr('for', id).text(opts[k]));
    $list.append($lab);
  });
  $wrap.append($list);
  $wrap.on('change', '.js-check-group-item', function () {
    syncCheckboxGroupHidden($wrap);
    var $form = $wrap.closest('form');
    if ($form.length && name === 'enabled_providers') {
      applyProviderFieldVisibility($form);
    }
  });
  syncCheckboxGroupHidden($wrap);
  return $wrap;
}
function applyProviderFieldVisibility($form) {
  var enabled = {};
  var raw = String($form.find('input[name="enabled_providers"]').val() || '');
  raw.split(',').forEach(function (item) {
    item = $.trim(item);
    if (item) enabled[item] = true;
  });
  // 兼容：若仍有旧 select[name=channel]
  if (!raw) {
    var channel = String($form.find('select[name="channel"]').val() || '');
    if (channel) enabled[channel] = true;
  }
  var payMethod = String($form.find('input[name="default_pay_method"]:checked').val() || '');
  if (payMethod) enabled[payMethod] = true;
  // 第三方登录等：按 login_mode 切换官方 / 彩虹聚合配置区
  var loginMode = String($form.find('select[name="login_mode"]').val() || '');
  if (loginMode) enabled[loginMode] = true;
  $form.find('.mb-3[data-show-when]').each(function () {
    var when = String($(this).attr('data-show-when') || '');
    if (when === '') {
      $(this).hide();
      return;
    }
    // 字段依赖：field=value（如 upload_baidu=1）
    if (when.indexOf('=') > 0) {
      var parts = when.split('=');
      var field = $.trim(parts[0] || '');
      var expect = $.trim(parts.slice(1).join('=') || '');
      var actual = '';
      if (field) {
        var $ctrl = $form.find('[name="' + field + '"]');
        if ($ctrl.filter(':radio').length) {
          actual = String($form.find('[name="' + field + '"]:checked').val() || '');
        } else {
          actual = String($ctrl.first().val() || '');
        }
      }
      $(this).toggle(actual === expect);
      return;
    }
    $(this).toggle(!!enabled[when]);
  });
}
function renderImageField(f) {
  var name = f.name;
  var val = f.value == null ? '' : String(f.value);
  var $wrap = $('<div class="plugin-image-field"/>');
  var $row = $('<div class="plugin-image-row"/>');
  var $url = $('<input type="text" class="form-control js-plugin-image-url" name="'+name+'" placeholder="上传后显示封面地址"/>').val(val);
  var $uploadBtn = $('<button type="button" class="btn btn-light js-plugin-image-upload"><i class="ri-upload-2-line"></i> 上传封面</button>');
  var $file = $('<input type="file" accept="image/jpeg,image/png,image/gif,image/webp" style="display:none">');

  function setValue(url) {
    url = $.trim(String(url || ''));
    $url.val(url);
    $url.prop('readonly', url !== '');
  }
  setValue(val);

  $uploadBtn.on('click', function () { $file.trigger('click'); });
  $url.on('blur', function () {
    if ($url.prop('readonly')) return;
    setValue($url.val());
  });
  $file.on('change', function () {
    if (!this.files || !this.files.length) return;
    var fd = new FormData();
    fd.append('file', this.files[0]);
    $wrap.css('opacity', '.65');
    $.ajax({
      url: URLS.fileUpload,
      type: 'POST',
      data: fd,
      processData: false,
      contentType: false,
      success: function (res) {
        AdminUI.result(res);
        if (res.code === 1 && res.data && res.data.url) {
          setValue(res.data.url);
        }
      },
      complete: function () {
        $wrap.css('opacity', '');
        $file.val('');
      }
    });
  });

  $row.append($url).append($uploadBtn);
  $wrap.append($row).append($file);
  return $wrap;
}

function renderPluginConfigFields(fields) {
  var $form = $('#plugin-config-form');
  $form.find('.mb-3, .alert').remove();
  var has = false;
  (fields || []).forEach(function (f) {
    has = true;
    var $g = $('<div class="mb-3"/>');
    if (f.show_when) {
      $g.attr('data-show-when', String(f.show_when));
    }
    $g.append($('<label class="form-label"/>').text(f.title || f.name));
    var name = f.name;
    var val = f.value == null ? '' : String(f.value);
    if (f.type === 'route_extras') {
      $g.append(renderRouteExtrasField(f));
    } else if (f.type === 'recharge_packages') {
      $g.append(renderRechargePackagesField(f));
    } else if (f.type === 'signin_tiers' || f.type === 'month_tiers') {
      $g.append(renderSigninTiersField(f));
    } else if (f.type === 'vip_plans') {
      $g.append(renderVipPlansField(f));
    } else if (f.type === 'netdisk_providers') {
      $g.append(renderNetdiskProvidersField(f));
    } else if (f.type === 'avatar_list') {
      $g.append(renderAvatarListField(f));
    } else if (f.type === 'checkbox_group') {
      $g.append(renderCheckboxGroupField(f));
    } else if (f.type === 'level_quota_rows') {
      $g.append(renderLevelQuotaRowsField(f));
    } else if (f.type === 'toplist_category_rows') {
      $g.append(renderToplistBindRowsField(f));
    } else if (f.type === 'textarea') {
      $g.append($('<textarea class="form-control" rows="3" autocomplete="off"/>').attr('name', name).val(val));
    } else if (f.type === 'password') {
      $g.append($('<input type="password" class="form-control" autocomplete="new-password" data-lpignore="true"/>').attr('name', name).val(val));
    } else if (f.type === 'number') {
      var $num = $('<input type="number" class="form-control" autocomplete="off"/>').attr('name', name).val(val);
      if (name === 'coin_rate' || name === 'cash_rate') {
        $num.attr({ min: '0.01', step: '0.01' });
      }
      $g.append($num);
    } else if (f.type === 'switch') {
      var $sw = $('<select class="form-select" autocomplete="off"/>').attr('name', name);
      $sw.append($('<option value="1"/>').text('开启'));
      $sw.append($('<option value="0"/>').text('关闭'));
      $sw.val(val === '0' ? '0' : '1');
      $g.append($sw);
    } else if (f.type === 'radio') {
      var $list = $('<div class="radio-group-box" style="display:flex;flex-wrap:wrap;gap:10px 16px;"/>');
      var opts = f.options || {};
      Object.keys(opts).forEach(function (k) {
        var $lab = $('<div class="form-check form-check-inline"/>');
        var $rb = $('<input type="radio"/>').attr({ name: name, value: k });
        if (val === k) $rb.prop('checked', true);
        $rb.addClass('form-check-input'); $lab.append($rb).append($('<label class="form-check-label"/>').text(opts[k]));
        $list.append($lab);
      });
      $g.append($list);
    } else if (f.type === 'select') {
      var $sel = $('<select class="form-select" autocomplete="off"/>').attr('name', name);
      var opts = f.options || {};
      Object.keys(opts).forEach(function (k) {
        $sel.append($('<option/>').val(k).text(opts[k]));
      });
      $sel.val(val);
      $g.append($sel);
    } else if (f.type === 'image') {
      $g.append(renderImageField(f));
    } else {
      $g.append($('<input type="text" class="form-control" autocomplete="off" data-lpignore="true"/>').attr('name', name).val(val));
    }
    if (f.tip) {
      $g.append($('<div class="form-text"/>').text(f.tip));
    }
    $form.append($g);
  });
  if (!has) {
    $form.find('.mb-3').remove();
    $form.append($('<div class="alert alert-warning"/>').text('该插件暂无可配置项'));
  }
  $form.off('change.providerVis').on('change.providerVis', 'input[name="enabled_providers"], .js-check-group-item, input[name="default_pay_method"], select, input[type=radio]', function () {
    applyProviderFieldVisibility($form);
  });
  applyProviderFieldVisibility($form);
}
$('.js-config').on('click', function () {
  currentPluginId = String($(this).data('id') || '');
  $.get(URLS.config, { id: currentPluginId }, function (res) {
    if (res.code !== 1) { AdminUI.result(res); return; }
    $('#plugin-config-title').text((res.data && res.data.title ? res.data.title : '插件') + ' - 配置');
    renderPluginConfigFields(res.data.fields || []);
    showModal('#pluginConfigModal');
  }, 'json');
});
$('#plugin-config-save').on('click', function (e) {
  if (e && e.preventDefault) e.preventDefault();
  if (!currentPluginId) return;
  try {
    $('.route-extras-box').each(function () {
      syncRouteExtrasHidden($(this));
    });
    $('.recharge-packages-box').each(function () {
      syncRechargePackagesHidden($(this));
    });
    $('.signin-tiers-box').each(function () {
      syncSigninTiersHidden($(this));
    });
    $('.netdisk-providers-box').each(function () {
      syncNetdiskProvidersHidden($(this));
    });
    $('.avatar-list-box').each(function () {
      syncAvatarListHidden($(this));
    });
    $('.checkbox-group-box').each(function () {
      syncCheckboxGroupHidden($(this));
    });
    $('.level-quota-rows-box').each(function () {
      syncLevelQuotaRowsHidden($(this));
    });
    $('.toplist-bind-rows-box').each(function () {
      syncToplistBindRowsHidden($(this));
    });
  } catch (err) {
    if (window.console && console.error) console.error(err);
  }
  var data = { id: currentPluginId };
  $('#plugin-config-form').serializeArray().forEach(function (item) {
    if (item.name === 'fake_username' || item.name === 'fake_password') return;
    data[item.name] = item.value;
  });
  $.post(URLS.saveConfig, data, function (res) {
    AdminUI.result(res);
    if (res && res.code === 1) hideModal('#pluginConfigModal');
  }, 'json').fail(function (xhr) {
    var msg = '保存失败';
    if (xhr && xhr.responseJSON && xhr.responseJSON.msg) msg = xhr.responseJSON.msg;
    else if (xhr && xhr.status) msg = '保存失败（HTTP ' + xhr.status + '）';
    if (window.AdminUI && AdminUI.notify) AdminUI.notify(msg, 'danger');
    else alert(msg);
  });
});
function filterPlugins() {
  var kw = $.trim($('#plugin-kw').val()).toLowerCase();
  var tag = $('#plugin-tag').val();
  var statusFilter = $('#plugin-status').val();
  var onlyUpdate = !!window.__pluginOnlyUpdates;
  var visible = 0;
  $('.plugin-item').each(function () {
    var $el = $(this);
    var name = String($el.data('name') || '').toLowerCase();
    var t = String($el.data('tag') || '');
    var cat = String($el.data('category') || '');
    var installed = String($el.data('installed')) === '1';
    var okKw = !kw || name.indexOf(kw) > -1;
    var okTag = !tag || t === tag || cat === tag;
    var okStatus = !statusFilter
      || (statusFilter === 'installed' && installed)
      || (statusFilter === 'not_installed' && !installed);
    var okUp = !onlyUpdate || (String($el.data('has-update')) === '1' && installed);
    var show = okKw && okTag && okStatus && okUp;
    $el.toggle(show);
    if (show) visible++;
  });
  $('#plugin-empty-filter').toggle(onlyUpdate && visible === 0);
}
$('#plugin-status').on('change', function () {
  window.__pluginOnlyUpdates = false;
  filterPlugins();
});
function clearPluginSearchAutofill() {
  var $kw = $('#plugin-kw');
  if (!$kw.length || $kw.data('user-typed')) return;
  // 浏览器常把账号密码填进页面首个输入框，导致列表被误过滤为空
  $kw.val('');
  filterPlugins();
}
function collectUpdatablePlugins() {
  var list = [];
  var seen = {};
  $('.plugin-item').each(function () {
    var $el = $(this);
    if (String($el.data('has-update')) !== '1' || String($el.data('installed')) !== '1') return;
    var uid = String($el.data('update-id') || '').trim();
    if (!uid || seen[uid]) return;
    seen[uid] = 1;
    list.push({
      id: uid,
      name: String($el.data('name') || uid),
      version: String($el.data('version') || ''),
      localVersion: String($el.data('local-version') || '')
    });
  });
  return list;
}
function refreshUpdateButtons() {
  var n = collectUpdatablePlugins().length;
  var $check = $('#btn-check-updates');
  var $sync = $('#btn-sync-updates');
  if (window.__pluginOnlyUpdates) {
    $check.addClass('is-on').html('<i class="ri-refresh-line"></i> 显示全部');
  } else {
    $check.removeClass('is-on').html('<i class="ri-refresh-line"></i> 检测更新' + (n ? ' (' + n + ')' : ''));
  }
  $sync.prop('disabled', n === 0).html('<i class="ri-code-s-slash-line"></i> 一键同步');
  $sync.attr('title', n ? ('一键更新 ' + n + ' 个可升级插件') : '当前没有可同步的更新');
}
$('#btn-check-updates').on('click', function () {
  window.__pluginOnlyUpdates = !window.__pluginOnlyUpdates;
  filterPlugins();
  refreshUpdateButtons();
  if (window.__pluginOnlyUpdates) {
    var n = $('.plugin-item:visible').length;
    if (n > 0 && window.AdminUI && AdminUI.notify) {
      AdminUI.notify('找到 ' + n + ' 个可更新插件', 'success');
    }
  }
});
$('#btn-sync-updates').on('click', function () {
  var list = collectUpdatablePlugins();
  if (!list.length) {
    AdminUI.notify('没有可同步的更新', 'warning');
    return;
  }
  AdminUI.confirm('确认一键同步更新 ' + list.length + ' 个已安装插件？将按顺序逐个升级。', function () {
    var $btn = $('#btn-sync-updates').prop('disabled', true);
    var i = 0;
    var ok = 0;
    var fail = 0;
    function next() {
      if (i >= list.length) {
        AdminUI.notify('同步完成：成功 ' + ok + '，失败 ' + fail, fail ? 'warning' : 'success');
        if (ok > 0) {
          setTimeout(function () { location.reload(); }, 600);
        } else {
          refreshUpdateButtons();
        }
        return;
      }
      var item = list[i++];
      $btn.html('<i class="ri-refresh-line"></i> 同步中 ' + i + '/' + list.length);
      $.post(URLS.update, { id: item.id }, function (res) {
        if (res && res.code === 1) ok++;
        else fail++;
        next();
      }, 'json').fail(function () {
        fail++;
        next();
      });
    }
    next();
  });
});
refreshUpdateButtons();
$('#plugin-kw').on('input change', function () {
  if (document.activeElement === this) {
    $(this).data('user-typed', 1);
  }
  filterPlugins();
});
$('#plugin-tag').on('change', filterPlugins);
clearPluginSearchAutofill();
setTimeout(clearPluginSearchAutofill, 50);
setTimeout(clearPluginSearchAutofill, 300);
setTimeout(clearPluginSearchAutofill, 800);
$('#official-submit').on('click', function () {
  $.post(URLS.login, {
    username: $('#official-username').val(),
    password: $('#official-password').val()
  }, function (res) {
    AdminUI.result(res);
    if (res.code === 1) {
      location.reload();
    }
  }, 'json');
});
$('#official-username, #official-password').on('keypress', function (e) {
  if (e.which === 13) $('#official-submit').click();
});
function handleNeedLogin(res) {
  if (res.code === 2 && res.data && res.data.need_login) {
    showModal('#officialModal');
    return true;
  }
  return false;
}
$('#btn-official-logout').on('click', function () {
  $.post(URLS.logout, {}, function (res) {
    AdminUI.result(res);
    if (res.code === 1) location.reload();
  }, 'json');
});
$('#upload-file').on('change', function () {
  if (!this.files.length) return;
  var fd = new FormData();
  fd.append('file', this.files[0]);
  fd.append('type', TYPE);
  $.ajax({
    url: URLS.upload, type: 'POST', data: fd, processData: false, contentType: false,
    success: function (res) {
      AdminUI.result(res);
      if (res.code === 1) location.reload();
    }
  });
  this.value = '';
});
function refreshBalance() {
  $.get(URLS.balance, function (res) {
    if (res.code === 1 && res.data) {
      currentUserBalance = res.data.gold || 0;
      $('#user-coins').text(currentUserBalance);
    }
  }, 'json');
}
$('.payment-option').on('click', function () {
  if ($(this).is(':hidden')) return;
  $('.payment-option').each(function () { stylePayOption($(this), false); });
  stylePayOption($(this), true);
  currentPurchaseMethod = $(this).data('method');

  // Toggle balance warning for coin payment
  var $warning = $('#purchase-warning');
  var $confirmBtn = $('#purchase-confirm');
  var coinRate = COIN_RATE;
  var coinsNeeded = yuanToGold(currentPurchasePrice, coinRate);
  if (currentPurchaseMethod === 'coins') {
    if (currentUserBalance < coinsNeeded) {
      $warning.show().text(CURRENCY_NAMES.gold + '不足！需要 ' + coinsNeeded + ' ' + CURRENCY_NAMES.gold + '，当前余额 ' + currentUserBalance + ' ' + CURRENCY_NAMES.gold + '。请先充值。');
      $confirmBtn.prop('disabled', true);
    } else {
      $warning.hide();
      $confirmBtn.prop('disabled', false);
    }
  } else {
    $warning.hide();
    $confirmBtn.prop('disabled', false);
  }
});
$('.js-buy').on('click', function () {
  var id = $(this).data('id');
  var price = parseFloat($(this).data('price')) || 0;
  var origin = parseFloat($(this).data('origin')) || 0;
  var off = parseInt($(this).data('off'), 10) || 0;
  var currency = String($(this).data('currency') || 'cny').toLowerCase();
  var name = $(this).closest('.plugin-item').find('h4').text();
  if (!name) name = '未知插件';
  
  // 如果未登录，先弹出登录框
  if (!isUserLoggedIn) {
    showModal('#officialModal');
    return;
  }
  
  currentPurchaseId = id;
  currentPurchaseName = name;
  currentPurchasePrice = price;
  currentPurchaseCurrency = currency;

  var coinRate = COIN_RATE;
  var coinsNeeded = yuanToGold(price, coinRate);
  
  $('#purchase-name').text(name);
  if (off > 0 && origin > price) {
    $('#purchase-price').html('<span style="color:#999;text-decoration:line-through;font-weight:400;margin-right:6px;">' + formatMarketPrice(origin, currency) + '</span>' + formatMarketPrice(price, currency) + ' <span style="font-size:12px;color:#e67e22;">授权优惠 ' + off + '%</span>');
  } else {
    $('#purchase-price').text(formatMarketPrice(price, currency));
  }
  $('#purchase-coins').text(coinsNeeded + ' ' + CURRENCY_NAMES.gold + '（汇率 1 ' + CURRENCY_NAMES.cny + ' ≈ ' + formatCoinRate(coinRate) + ' ' + CURRENCY_NAMES.gold + '）');
  $('#purchase-balance').text(currentUserBalance + ' ' + CURRENCY_NAMES.gold);

  syncPurchasePayUi(currency);
  if (!isRmbPurchase(currency)) {
    var $warning = $('#purchase-warning');
    var $confirmBtn = $('#purchase-confirm');
    if (currentUserBalance < coinsNeeded) {
      $warning.show().text(CURRENCY_NAMES.gold + '不足！需要 ' + coinsNeeded + ' ' + CURRENCY_NAMES.gold + '，当前余额 ' + currentUserBalance + ' ' + CURRENCY_NAMES.gold + '。请先充值。');
      $confirmBtn.prop('disabled', true).addClass('btn-light').removeClass('btn-primary');
    } else {
      $warning.hide();
      $confirmBtn.prop('disabled', false).removeClass('btn-light').addClass('btn-primary');
    }
  }
  
  showModal('#purchaseModal');
});
var pollTimer = null;
var currentOrderNo = '';

function stopPaymentPoll() {
  if (pollTimer) {
    clearInterval(pollTimer);
    pollTimer = null;
  }
}

/** 购买成功后自动安装远程插件 */
function installAfterPurchase(appId, successMsg) {
  if (!appId) {
    AdminUI.notify(successMsg || '购买成功', 'success');
    setTimeout(function () { location.reload(); }, 800);
    return;
  }
  AdminUI.notify(successMsg || '购买成功，正在安装插件...', 'success', 3200);
  $.post(URLS.install, { id: appId }, function (res) {
    if (res.code === 1) {
      AdminUI.notify(res.msg || '插件安装成功', 'success');
      setTimeout(function () { location.reload(); }, 800);
    } else if (!handleNeedLogin(res)) {
      AdminUI.alert((res.msg || '安装失败') + '，请手动点击「安装」', 'warning', function () {
        location.reload();
      });
    }
  }, 'json').fail(function () {
    AdminUI.alert('安装请求失败，请手动点击「安装」', 'warning', function () {
      location.reload();
    });
  });
}

function startPaymentPoll(orderNo, appId) {
  stopPaymentPoll();
  if (!orderNo) return;
  pollTimer = setInterval(function () {
    $.getJSON(URLS.paymentStatus, { order_no: orderNo }).done(function (d) {
      if (d && d.paid) {
        stopPaymentPoll();
        $('#payment-status').text('支付成功！').css('color', '#52c41a');
        $.post(URLS.buy, { id: appId, pay_method: 'confirm_paid', order_no: orderNo }, function(res) {
          if (res.code === 1) {
            setTimeout(function () {
              hideModal('#paymentModal');
              hideModal('#purchaseModal');
              installAfterPurchase(appId, res.msg || '支付成功，正在安装插件...');
            }, 800);
          } else if (!handleNeedLogin(res)) {
            AdminUI.alert(res.msg || '购买确认失败', 'warning', function () {
              location.reload();
            });
          }
        }, 'json');
      }
    });
  }, 2200);
}

function openPaymentModal(orderPayload, appId) {
  var pay = orderPayload.pay || {};
  if (pay.mode === 'redirect' && pay.pay_url) {
    window.location.href = pay.pay_url;
    return;
  }
  var orderNo = orderPayload.order_no || '';
  currentOrderNo = orderNo;

  $('#payment-amount').text(formatMarketPrice(orderPayload.amount || '0.00', currentPurchaseCurrency || 'cny'));
  $('#payment-order-no').text(orderNo);
  $('#payment-status').text('等待支付中...').css('color', '#333');

  if (pay.mode === 'sandbox') {
    $('#payment-qr-wrap').hide();
    $('#payment-sandbox').show();
  } else if (pay.mode === 'error') {
    $('#payment-qr-wrap').hide();
    $('#payment-sandbox').hide();
    $('#payment-status').text(pay.message || '支付通道异常').css('color', '#f5222d');
  } else if (pay.mode === 'popup_redirect' && pay.pay_url) {
    $('#payment-qr-wrap').show();
    $('#payment-qr').hide();
    $('#payment-sandbox').hide();
    $('#payment-hint').html('<a class="btn btn-primary btn-block" href="' + pay.pay_url + '" target="_blank" rel="noopener">前往支付宝付款</a>');
    $('#payment-status').text(pay.message || '请在新窗口完成支付');
    startPaymentPoll(orderNo, appId);
  } else {
    var qrImg = pay.qr_image || '';
    if (!qrImg && pay.qr_content) {
      qrImg = 'https://api.qrserver.com/v1/create-qr-code/?size=220x220&data=' + encodeURIComponent(pay.qr_content);
    }
    if (qrImg) {
      $('#payment-qr').show().attr('src', qrImg);
      $('#payment-qr-wrap').show();
      $('#payment-sandbox').hide();
      var hint = '请扫码完成支付';
      if (currentPurchaseMethod === 'alipay') hint = '请使用支付宝扫码支付';
      else if (currentPurchaseMethod === 'wechat') hint = '请使用微信扫码支付';
      $('#payment-hint').text(hint);
      startPaymentPoll(orderNo, appId);
    } else {
      $('#payment-qr-wrap').hide();
      $('#payment-sandbox').hide();
      $('#payment-status').text('暂无法展示支付码，请稍后重试').css('color', '#f5222d');
    }
  }

  showModal('#paymentModal');
}

$('#paymentModal').on('hidden.bs.modal', function () {
  stopPaymentPoll();
  // 如果用户关闭了支付窗口，也关闭购买窗口
  if (!$('#purchaseModal').hasClass('show')) {
    // purchase modal already closed
  }
});

$('#btn-simulate-pay').on('click', function () {
  if (!currentOrderNo) return;
  $(this).prop('disabled', true).text('支付中...');
  $.post(URLS.paymentSimulate, { order_no: currentOrderNo }, function (res) {
    if (res.code === 1) {
      $('#payment-status').text('支付成功！正在处理...').css('color', '#52c41a');
      var appId = currentPurchaseId;
      setTimeout(function () {
        $.post(URLS.buy, { id: appId, pay_method: 'confirm_paid', order_no: currentOrderNo }, function(r) {
          hideModal('#paymentModal');
          hideModal('#purchaseModal');
          if (r.code === 1) {
            installAfterPurchase(appId, r.msg || '支付成功，正在安装插件...');
          } else if (!handleNeedLogin(r)) {
            AdminUI.alert(r.msg || '购买确认失败', 'warning', function () {
              location.reload();
            });
          }
        }, 'json');
      }, 600);
    } else {
      $('#payment-status').text(res.msg || '模拟支付失败').css('color', '#f5222d');
      $(this).prop('disabled', false).text('模拟支付成功');
    }
  }, 'json').fail(function () {
    $(this).prop('disabled', false).text('模拟支付成功');
    $('#payment-status').text('网络错误').css('color', '#f5222d');
  });
});

$('#purchase-confirm').on('click', function () {
  if (!currentPurchaseId) return;
  var coinRate = COIN_RATE;
  var coinsNeeded = yuanToGold(currentPurchasePrice, coinRate);
  if (isRmbPurchase(currentPurchaseCurrency) && (!currentPurchaseMethod || currentPurchaseMethod === 'coins')) {
    AdminUI.alert('该插件为' + CURRENCY_NAMES.cny + '计价，请选择支付宝或微信支付', '提示');
    return;
  }
  if (currentPurchaseMethod === 'coins' && currentUserBalance < coinsNeeded) {
    AdminUI.alert(CURRENCY_NAMES.gold + '不足（需要 ' + coinsNeeded + ' ' + CURRENCY_NAMES.gold + '），请先充值！', '提示');
    return;
  }
  
  $(this).prop('disabled', true).text('支付中...');
  $.post(URLS.buy, {
    id: currentPurchaseId,
    pay_method: currentPurchaseMethod
  }, function (res) {
    $('#purchase-confirm').prop('disabled', false).text('确认支付');
    
    if (!handleNeedLogin(res)) {
      if (res.code === 1) {
        $('#purchase-confirm').prop('disabled', false).text('确认支付');
        if (res.data && res.data.order) {
          // 在线支付：显示二维码弹窗
          hideModal('#purchaseModal');
          openPaymentModal(res.data.order, currentPurchaseId);
        } else {
          // 金币支付：购买成功后自动安装
          hideModal('#purchaseModal');
          if (res.data && res.data.balance) {
            currentUserBalance = res.data.balance.gold || 0;
            $('#user-coins').text(currentUserBalance);
          }
          installAfterPurchase(
            currentPurchaseId,
            res.msg || ('购买成功！已扣除 ' + coinsNeeded + ' ' + CURRENCY_NAMES.gold + '，正在安装插件...')
          );
        }
      } else {
        if (res.data && res.data.need_recharge) {
          hideModal('#purchaseModal');
          AdminUI.alert(res.msg + '，请先充值' + CURRENCY_NAMES.gold + '后再购买。', CURRENCY_NAMES.gold + '不足');
          if (res.data && res.data.balance) {
            currentUserBalance = res.data.balance.gold || 0;
            $('#user-coins').text(currentUserBalance);
          }
        } else {
          AdminUI.alert(res.msg || '购买失败', '错误');
        }
      }
    }
  }, 'json').fail(function() {
    $('#purchase-confirm').prop('disabled', false).text('确认支付');
    AdminUI.alert('网络错误，请稍后重试', '错误');
  });
});
$('.js-download').on('click', function () {
  $.post(URLS.download, { id: $(this).data('id'), type: TYPE }, function (res) {
    if (!handleNeedLogin(res)) {
      AdminUI.result(res);
      if (res.code === 1 && res.data && res.data.installed) location.reload();
    }
  }, 'json');
});
$('.js-install').on('click', function () {
  var id = $(this).data('id');
  AdminUI.confirm('确认安装该插件？', function () {
    $.post(URLS.install, { id: id }, function (res) {
      if (!handleNeedLogin(res)) {
        AdminUI.result(res);
        if (res.code === 1) location.reload();
      }
    }, 'json');
  });
});
$('.js-uninstall').on('click', function () {
  var id = $(this).data('id');
  AdminUI.confirm('确认卸载该插件？', function () {
    $.post(URLS.uninstall, { id: id }, function (res) {
      AdminUI.result(res);
      if (res.code === 1) location.reload();
    }, 'json');
  }, { danger: true, title: '安全的行动', okText: '确认卸载' });
});
$('.js-detail').on('click', function () {
  var id = $(this).data('id');
  window.open('/market/' + encodeURIComponent(id) + '.html', '_blank');
});
$('.js-detail-remote').on('click', function () {
  var url = String($(this).data('detail-url') || '').trim();
  if (!url) {
    var remoteId = $(this).data('remote-id') || $(this).data('id');
    url = '/market/' + encodeURIComponent(remoteId) + '.html';
  }
  window.open(url, '_blank');
});
$('.js-update').on('click', function () {
  var $btn = $(this);
  var id = $btn.data('id');
  var version = $btn.data('version') || '';
  var localVersion = $btn.data('local-version') || '';
  var msg = '确认更新该插件？';
  if (localVersion && version) {
    msg = '确认将插件从 v' + localVersion + ' 更新到 v' + version + '？';
  }
  AdminUI.confirm(msg, function () {
    $btn.prop('disabled', true).text('更新中...');
    $.post(URLS.update, { id: id }, function (res) {
      AdminUI.result(res);
      if (res.code === 1) {
        location.reload();
      } else {
        $btn.prop('disabled', false).text('更新');
      }
    }, 'json').fail(function () {
      AdminUI.notify('请求失败，请稍后重试', 'error');
      $btn.prop('disabled', false).text('更新');
    });
  });
});
</script>
{/block}