{extend name="common/layout" /}
{block name="title"}站点配置{/block}
{block name="content"}
<div class="row">
  <div class="col-12">
    <div class="card">
      <div class="card-header">
        <div class="row align-items-center g-2">
          <div class="col-12 col-md"><h4 class="card-title mb-0">站点配置</h4></div>
          <div class="col-12 col-md-auto">
            <div class="config-group-nav">
              {volist name="groups" id="g"}
              <a class="btn btn-sm{if $group==$g.key} btn-primary{else /} btn-light{/if}" href="{:url('/admin/config', ['group' => $g.key])}">{$g.name}</a>
              {/volist}
            </div>
          </div>
        </div>
      </div>
      <div class="card-body">
        {if $group == 'cache'}
        <div class="alert alert-info d-flex flex-wrap align-items-center gap-2 mb-4">
          <span class="flex-grow-1">修改缓存参数后请点击保存；也可一键清理站点配置缓存、框架缓存与模板编译缓存。</span>
          <button type="button" class="btn btn-sm btn-warning" id="btn-clear-cache"><i class="ri-delete-bin-line"></i> 清理缓存</button>
        </div>
        {/if}
        <form id="config-form" method="post" class="row g-3">
          <input type="hidden" name="group" value="{$group}">
          {volist name="list" id="item"}
          <div class="col-12{if $item.type != 'textarea'} col-md-6 col-xl-4{/if}">
            <label class="form-label">{$item.title}</label>
            {switch name="item.type"}
              {case value="textarea"}
                <textarea class="form-control" name="{$item.name}" rows="3">{$item.value}</textarea>
              {/case}
              {case value="number"}
                <input type="number" class="form-control" name="{$item.name}" value="{$item.value}">
              {/case}
              {case value="password"}
                <input type="password" class="form-control" name="{$item.name}" value="" autocomplete="new-password" placeholder="{if $item.value !== ''}已保存，留空则不修改{else /}请输入密码{/if}">
              {/case}
              {case value="switch"}
                <select class="form-select" name="{$item.name}">
                  <option value="1" {if $item.value=='1'}selected{/if}>开启</option>
                  <option value="0" {if $item.value=='0'}selected{/if}>关闭</option>
                </select>
              {/case}
              {case value="select"}
                <select class="form-select" name="{$item.name}">
                  {foreach $item.options as $ok=>$opt}
                  <option value="{$ok}" {if $item.value==$ok}selected{/if}>{$opt}</option>
                  {/foreach}
                </select>
              {/case}
              {default /}
                <input type="text" class="form-control" name="{$item.name}" value="{$item.value}">
            {/switch}
            {if $item.tip}<div class="form-text">{$item.tip}</div>{/if}
          </div>
          {/volist}
          {empty name="list"}
          <div class="col-12">
            <div class="alert alert-warning mb-0">当前分组暂无配置项，请执行升级脚本或重新安装。</div>
          </div>
          {else /}
          <div class="col-12">
            <button type="submit" class="btn btn-primary">保存配置</button>
          </div>
          {/empty}
        </form>
      </div>
    </div>
  </div>
</div>
{/block}
{block name="js"}
<script>
$('#config-form').on('submit', function (e) {
    e.preventDefault();
    $.post("{:url('/admin/config/save')}", $(this).serialize(), function (res) {
        AdminUI.result(res);
        if (res && res.code === 1 && res.data && res.data.redirect) {
            setTimeout(function () {
                var target = res.data.redirect;
                try {
                    if (window.top && window.top !== window) {
                        window.top.location.href = target;
                        return;
                    }
                } catch (e) {}
                location.href = target;
            }, 800);
        }
    }, 'json');
});
$('#btn-clear-cache').on('click', function () {
    AdminUI.confirm('确认清理全部缓存？', function () {
        $.post("{:url('/admin/config/clearCache')}", {}, function (res) {
            AdminUI.result(res);
        }, 'json');
    });
});
</script>
{/block}