{if !$isNew}
<div class="note blue">
  工具标识 <code>{$row.slug}</code> · 引擎 <b>{:ll_engine_name($row.engine)}</b> · 累计调用 <b>{$stat.use}</b> 次（今日 {$stat.today}），
  产生扣费 <b>{$stat.point}</b> 积分，被收藏 <b>{$stat.col}</b> 次，缓存 <b>{$stat.cache}</b> 条
  {if $isSys} · <span class="tag warn">内置工具：标识与引擎已锁定</span>{/if}
  · <a href="{$base}/tool/{$row.slug}" target="_blank">在前台打开 →</a>
</div>
{else}
<div class="note blue">新增工具支持四类引擎：<b>内置</b>（执行 app/tools/ 下已有 PHP）、<b>接口</b>（对接第三方 JSON）、<b>本地计算</b>（调用内置算法，不联网）、<b>自定义代码</b>（后台直接写 PHP）。保存后即可在前台使用，无需改代码。</div>
{/if}

<form method="post" action="{:ll_admin_link('tool', 'save')}" id="ll-tool-edit">
  <input type="hidden" name="_token" value="{:ll_e(ll_csrf_token())}">
  <input type="hidden" name="id" value="{$id}">

  <div class="tabs">
    <a href="#base" data-tab="base" class="on">基本信息</a>
    <a href="#io" data-tab="io">输入设置</a>
    <a href="#engine" data-tab="engine">执行引擎</a>
    <a href="#bill" data-tab="bill">额度与计费</a>
    <a href="#seo" data-tab="seo">SEO 与说明</a>
  </div>

  <!-- ===== 基本信息 ===== -->
  <div class="tabpane on" data-pane="base">
    <div class="card">
      <div class="hd"><h2>基本信息</h2><span class="tip">名称与图标显示在导航、工具卡片与结果页</span></div>
      <div class="bd grid2">
        {$fldName|raw}
        {$fldSlug|raw}
        {$fldIcon|raw}
        {$fldCat|raw}
      </div>
      <div class="bd">
        {$fldDesc|raw}
        {$fldTags|raw}
        <div class="grid2">
          {$fldSort|raw}
          {$fldHot|raw}
          {$fldStatus|raw}
          {$fldTpl|raw}
        </div>
      </div>
    </div>
  </div>

  <!-- ===== 输入设置 ===== -->
  <div class="tabpane" data-pane="io">
    <div class="card">
      <div class="hd"><h2>主输入框</h2><span class="tip">前台每个工具只有一个主输入框</span></div>
      <div class="bd grid2">
        {$fldInputType|raw}
        {$fldInputLabel|raw}
        {$fldPlaceholder|raw}
        {$fldInputMax|raw}
      </div>
      <div class="bd">
        {$fldRegex|raw}
        <div class="note">清洗规则由「输入类型」决定：域名自动去协议与路径，网址校验 http/https，IP 支持 IPv4/IPv6，其余按最大长度截断。</div>
      </div>
    </div>

    <div class="card">
      <div class="hd"><h2>附加输入项</h2><span class="tip">下拉选项、勾选框等，随主输入一起提交</span></div>
      <div class="bd">
        <div class="note">每一项以 <code>key=值</code> 提交：接口工具可在地址中用 <code>{key}</code> 引用，自定义代码用 <code>$extra['key']</code> 取用。</div>
        <div id="ll-fields">
          {if !$fields}<div class="note">当前没有附加输入项。</div>{/if}
          {loop $fields as $i => $f}
          <div class="rep rep-item" data-rep-item="1">
            <div class="hd"><span data-label="{$f.name}">附加项 {$idx}：{$f.name|default:$f.key}</span><button class="btn sm" type="button" data-del>删除</button></div>
            <div class="grid2">
              <div class="fld"><label class="fl"><span>参数名 key</span><input class="tin" type="text" data-name="field[__I__][key]" name="field[{$i}][key]" value="{$f.key}"></label></div>
              <div class="fld"><label class="fl"><span>显示名称</span><input class="tin" type="text" data-name="field[__I__][name]" name="field[{$i}][name]" value="{$f.name}"></label></div>
              <div class="fld"><label class="fl"><span>类型</span>
                <select class="tin" data-name="field[__I__][type]" name="field[{$i}][type]">
                  <option value="text"{if $f.type === 'text'} selected{/if}>文本框</option>
                  <option value="select"{if $f.type === 'select'} selected{/if}>下拉选择</option>
                  <option value="checkbox"{if $f.type === 'checkbox'} selected{/if}>勾选框</option>
                  <option value="hidden"{if $f.type === 'hidden'} selected{/if}>隐藏值</option>
                </select></label></div>
              <div class="fld"><label class="fl"><span>默认值</span><input class="tin" type="text" data-name="field[__I__][def]" name="field[{$i}][def]" value="{$f.def}"></label></div>
            </div>
            <div class="fld"><label class="fl"><span>下拉选项</span>
              <input class="tin" type="text" data-name="field[__I__][val]" name="field[{$i}][val]" value="{$f.val}" placeholder="值:显示名,值2:显示名2">
              <em class="ftip">仅「下拉选择」需要，英文逗号分隔。</em></label></div>
          </div>
          {/loop}
        </div>
        <div class="bar"><button class="btn" type="button" data-rep="ll-field-tpl" data-into="ll-fields">+ 添加附加输入项</button></div>
      </div>
    </div>
  </div>

  <!-- ===== 引擎 ===== -->
  <div class="tabpane" data-pane="engine">
    <div class="card">
      <div class="hd"><h2>执行引擎</h2><span class="tip">切换引擎后只显示对应分组，其余自动隐藏</span></div>
      <div class="bd grid2">
        <div class="fld"><label class="fl"><span>引擎类型<em>*</em></span>
          <select class="tin" name="engine" id="ll-engine">
            {loop $engineOpt as $o}
            <option value="{$o.value}"{if $curEngine === $o.value} selected{/if}>{$o.label}</option>
            {/loop}
          </select>
          {if !$codeOn}<em class="ftip">「允许自定义代码工具」当前处于关闭状态，自定义代码引擎不可保存使用（站点设置 → 安全与性能）。</em>{/if}
        </label></div>
        <div class="fld"><label class="fl"><span>结果页模板（可空）</span>
          <select class="tin" name="template">
            {loop $tplFiles as $o}
            <option value="{$o.value}"{if $curTpl === $o.value} selected{/if}>{$o.label}</option>
            {/loop}
          </select></label></div>
      </div>
    </div>

    <!-- builtin -->
    <div class="card" data-engine="builtin">
      <div class="hd"><h2>内置工具</h2><span class="tip">执行 app/tools/ 下已有 PHP 文件</span></div>
      <div class="bd grid2">
        <div class="fld"><label class="fl"><span>执行文件</span>
          <select class="tin" name="file">
            {loop $files as $o}
            <option value="{$o.value}"{if $curFile === $o.value} selected{/if}>{$o.label}</option>
            {/loop}
          </select></label></div>
        <div class="fld"><label class="fl"><span>说明</span><em class="ftip" style="margin-top:0">{$engines.builtin.tip}</em></div>
      </div>
      <div class="bd"><div class="note">{$engines.builtin.body|raw}</div></div>
    </div>

    <!-- api -->
    <div class="card" data-engine="api">
      <div class="hd"><h2>接口工具</h2><span class="tip">调用第三方 JSON 接口</span></div>
      <div class="bd">
        <div class="fld"><label class="fl"><span>接口地址<em>*</em></span>
          <input class="tin mono" type="text" name="api_url" value="{$apiUrl}" placeholder="https://api.example.com/query?domain={input}">
          <em class="ftip">占位符 <code>{input}</code> = 主输入，<code>{key}</code> = 附加输入项。{$engines.api.tip}</em></label></div>
        <div class="grid2">
          <div class="fld"><label class="fl"><span>请求方式</span>
            <select class="tin" name="api_method">
              <option value="GET"{if $apiMethod !== 'POST'} selected{/if}>GET</option>
              <option value="POST"{if $apiMethod === 'POST'} selected{/if}>POST</option>
            </select></label></div>
          <div class="fld"><label class="fl"><span>超时（秒）</span><input class="tin" type="number" name="api_timeout" min="2" max="60" value="{$apiTimeout}"></label></div>
          <div class="fld"><label class="fl"><span>结果取值路径</span>
            <input class="tin mono" type="text" name="api_path" value="{$apiPath}" placeholder="data.list">
            <em class="ftip">点语法，如 <code>result.items</code>；留空则整个 JSON 作为结果。</em></label></div>
          <div class="fld"><label class="fl"><span>结果标题</span>
            <input class="tin" type="text" name="api_title" value="{$apiTitle}" placeholder="留空使用工具名称"></label></div>
        </div>
        <div class="fld"><label class="fl"><span>POST 请求体</span>
          <textarea class="tin mono" name="api_body" rows="3" placeholder="domain={input}">{$apiBody}</textarea>
          <em class="ftip">留空时 POST 会自动以 <code>input=主输入</code> 表单方式提交。</em></label></div>
        <div class="fld"><label class="fl"><span>请求头（每行一条）</span>
          <textarea class="tin mono" name="api_header_raw" rows="3" placeholder="Authorization: Bearer xxx">{$apiHeaderRaw}</textarea></label></div>
        <div class="fld"><label class="fl"><span>字段中文名映射（每行 接口字段=列名）</span>
          <textarea class="tin mono" name="api_field_raw" rows="6" placeholder="ip=IP地址&#10;country=国家">{$apiFieldRaw}</textarea>
          <em class="ftip">留空则前台使用内置的通用中文列名。</em></label></div>
        <div class="note">{$engines.api.body|raw}</div>
      </div>
    </div>

    <!-- calc -->
    <div class="card" data-engine="calc">
      <div class="hd"><h2>本地计算</h2><span class="tip">调用 app/lib/calc.php 中的 ll_calc_算法()</span></div>
      <div class="bd grid2">
        <div class="fld"><label class="fl"><span>算法名</span>
          <select class="tin" name="calc_algo">
            <option value="">（留空 = 使用工具标识 {$row.slug|default:'新工具'}）</option>
            {loop $algoOpt as $o}
            <option value="{$o.value}"{if $calcAlgo === $o.value} selected{/if}>{$o.label}</option>
            {/loop}
          </select>
          <em class="ftip">已实现 {$algo_num} 个：{$algos_all}。</em></label></div>
        <div class="fld"><label class="fl"><span>说明</span><em class="ftip" style="margin-top:0">本地计算类工具建议把「消耗积分」设为 0，不消耗服务器出站流量。</em></div>
      </div>
      <div class="bd"><div class="note">{$engines.calc.body|raw}</div></div>
    </div>

    <!-- custom + calc 兜底 -->
    <div class="card" data-engine="custom,calc">
      <div class="hd"><h2>执行代码</h2><span class="tip">PHP 7.4 语法；calc 引擎在算法缺失时使用本代码兜底</span></div>
      <div class="bd">
        <div class="fld"><label class="fl"><span>代码（不含 &lt;?php 标签）</span>
          <textarea class="tin mono" name="code" rows="16" spellcheck="false">{$codeVal}</textarea>
          <em class="ftip">{$engines.custom.body|raw}<br>{$engines.custom.tip}</em></label></div>
        <div class="fld"><label class="fl"><span>示例代码（可直接复制修改）</span>
          <textarea class="tin mono" rows="14" readonly onclick="this.select()">{$codeDemo}</textarea>
          <em class="ftip">点击文本框可全选，复制后粘贴到上方代码框修改即可。</em></label></div>
      </div>
    </div>

    <!-- 附加输入项模板（JS 克隆） -->
    <div style="display:none">
      <div class="rep rep-item" id="ll-field-tpl">
        <div class="hd"><span data-label="">新附加项</span><button class="btn sm" type="button" data-del>删除</button></div>
        <div class="grid2">
          <div class="fld"><label class="fl"><span>参数名 key</span><input class="tin" type="text" data-name="field[__I__][key]" name="field[__I__][key]" value=""></label></div>
          <div class="fld"><label class="fl"><span>显示名称</span><input class="tin" type="text" data-name="field[__I__][name]" name="field[__I__][name]" value=""></label></div>
          <div class="fld"><label class="fl"><span>类型</span>
            <select class="tin" data-name="field[__I__][type]" name="field[__I__][type]">
              <option value="text">文本框</option><option value="select">下拉选择</option>
              <option value="checkbox">勾选框</option><option value="hidden">隐藏值</option>
            </select></label></div>
          <div class="fld"><label class="fl"><span>默认值</span><input class="tin" type="text" data-name="field[__I__][def]" name="field[__I__][def]" value=""></label></div>
        </div>
        <div class="fld"><label class="fl"><span>下拉选项</span><input class="tin" type="text" data-name="field[__I__][val]" name="field[__I__][val]" value="" placeholder="值:显示名,值2:显示名2"></label></div>
      </div>
    </div>
  </div>

  <!-- ===== 计费 ===== -->
  <div class="tabpane" data-pane="bill">
    <div class="card">
      <div class="hd"><h2>免费额度与积分扣费</h2><span class="tip">全局默认：免 {$conf.free_limit} 次 / 扣 {$conf.tool_cost} 分，工具单独设置优先</span></div>
      <div class="bd grid2">
        {$fldFree|raw}
        {$fldCost|raw}
        {$fldDaily|raw}
        {$fldGuest|raw}
        {$fldCache|raw}
        {$fldLevel|raw}
        {$fldNeedLogin|raw}
        {$fldVipFree|raw}
      </div>
      <div class="bd"><div class="note">规则：同一用户在本工具前 <code>免费次数</code> 次不扣分，之后每次扣 <code>消耗积分</code>；积分不足时前台提示去做任务或签到。命中缓存不计数、不扣分；查询失败自动退还（可在站点设置关闭）。游客按 <code>游客每日上限</code> 与全局游客次数共同限制。</div></div>
    </div>
  </div>

  <!-- ===== SEO ===== -->
  <div class="tabpane" data-pane="seo">
    <div class="card">
      <div class="hd"><h2>页面 SEO</h2><span class="tip">留空时由系统按工具名称与简介自动生成</span></div>
      <div class="bd">
        {$fldSeoTitle|raw}
        {$fldSeoKw|raw}
        {$fldSeoDesc|raw}
      </div>
    </div>
    <div class="card">
      <div class="hd"><h2>工具使用说明</h2><span class="tip">显示在结果页下方，支持 HTML</span></div>
      <div class="bd">
        <div class="fld"><label class="fl"><span>说明内容</span>
          <textarea class="tin" name="help" rows="14">{$helpVal}</textarea>
          <em class="ftip">可写「什么是本工具 / 怎么看结果 / 常见问题」，利于长尾词收录。留空则不显示该板块。</em></label></div>
      </div>
    </div>
  </div>

  <div class="card">
    <div class="ft">
      <button class="btn pri" type="submit">保存工具</button>
      <a class="btn" href="{:ll_admin_link('tool')}">返回列表</a>
      {if !$isNew}<a class="btn" href="{$base}/tool/{$row.slug}" target="_blank">前台预览</a>{/if}
      {if !$isNew}<a class="btn sm" href="{:ll_admin_link('usage', 'index', array('slug' => $row.slug))}">该工具的使用记录</a>{/if}
    </div>
  </div>
</form>

<script>
(function () {
  var name = document.getElementById('ll-name'), slug = document.getElementById('ll-slug');
  if (name && slug) {
    name.onblur = function () {
      if (slug.readOnly || slug.value !== '' || name.value === '') { return; }
      var s = name.value.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-+|-+$/g, '');
      slug.value = s === '' ? 'tool-' + Math.random().toString(36).slice(2, 6) : s;
    };
  }
})();
</script>