{extend name="index_layout"/}
{block name="main"}
<style>
.lang-tabs{margin:0 0 15px 0;border-bottom:1px solid #eee;display:flex;gap:8px;flex-wrap:wrap}
.lang-tabs a,.lang-tabs .lang-pill{display:inline-block;padding:9px 14px;border:1px solid #e6e6e6;border-bottom:none;border-radius:6px 6px 0 0;background:#f8f8f8;color:#333;line-height:1.4}
.lang-tabs a.active,.lang-tabs .lang-pill.active{background:#16baaa;color:#fff;border-color:#16baaa}
.lang-tabs .tag-ok{color:#16b777;margin-left:4px}
.lang-tabs .tag-empty{color:#ff5722;margin-left:4px}
.lang-note{margin:-6px 0 15px 110px;color:#999;font-size:12px}
</style>
<div class="layui-card">
    <form class="layui-form" action="" method="post" data-field="config">
        {if $data.info.name == 'cms'}
        <input type="hidden" name="lang" value="{$currentConfigLang}">
        {/if}
        {if $data.tips && $data.tips.value}
        <div class="alert alert-info-light" style="margin-bottom:10px;">
            {if $data.tips.title}
            <b>{$data.tips.title}</b><br>
            {/if}
            {$data.tips.value|raw}
        </div>
        {/if}

        {if $data.info.name == 'cms' && count($configLangs)}
        <div class="layui-form-item">
            <label class="layui-form-label">编辑语言</label>
            <div class="layui-input-block lang-tabs">
                {volist name="configLangs" id="item"}
                <a href="{:url('addon/config',['name'=>$data.info.name,'lang'=>$item.mark])}" class="{if $currentConfigLang == $item.mark}active{/if}">{$item.name} ({$item.mark})</a>
                {/volist}
            </div>
            <div class="layui-input-block lang-note">
                {if $currentConfigLang == $defaultConfigLang}
                当前为默认语言：保存到 CMS 主配置。
                {else /}
                当前为非默认语言：仅保存站点信息翻译，不覆盖默认配置；未填写的项前台将回退到默认语言。
                {/if}
            </div>
        </div>
        {/if}

        <div class="layui-tabs layui-tabs-panel">
          {if count($groupList)>1}
          <ul class="layui-tabs-header">
            {foreach name="groupList" id="tab"}
            <li>{$tab}</li>
            {/foreach}
          </ul>
          {/if}
          <div class="layui-tabs-body">
            {foreach name="groupList" id="group" key="groupName"}
            <div {if count($groupList)>1}class="layui-tabs-item"{/if}>
                {foreach name="data['config']" item="form" key="o_key"}
                {if ((!isset($form['group']) || $form['group']=='') && $groupName=='other') || (isset($form['group']) && $form['group']==$group)}
                {php}$isCmsLangField = in_array($form['name'], ['site_name','site_title','site_keyword','site_description','site_logo_light','site_logo_dark']);{/php}
                {if !($data.info.name == 'cms' && $currentConfigLang != $defaultConfigLang && !$isCmsLangField)}
                <div data-favisible="{$form.visible|default=''}" class="{if $form.visible??''}layui-hide{/if}">
                    <div class="layui-form-item">
                        <label class="layui-form-label">{$form.title}</label>
                        {switch name="form.type"}
                            {case value="text"}
                            <div class="layui-input-block">
                                <input {$form.extend|raw} type="text" name="row[{$form.name}]" lay-verify="{$form.rule ?? ''}" placeholder="请输入{$form.title}" autocomplete="off" class="layui-input" value="{$form.value}">
                            </div>
                            {/case}

                            {case value="number"}
                            <div class="layui-input-block">
                                <input {$form.extend|raw} type="number" name="row[{$form.name}]" lay-verify="{$form.rule ?? ''}" placeholder="请输入{$form.title}" autocomplete="off" lay-affix="number" class="layui-input" value="{$form.value}">
                            </div>
                            {/case}

                            {case value="password"}
                            <div class="layui-input-block">
                                <input {$form.extend|raw} type="password" name="row[{$form.name}]" lay-verify="{$form.rule ?? ''}" placeholder="请输入{$form.title}" autocomplete="off" class="layui-input" value="{$form.value}">
                            </div>
                            {/case}

                            {case value="array"}
                            <dl {$form.extend|raw} class="layui-input-block fieldlist" data-name="row[{$form.name}]" data-id="{$form.name}">
                                <dd>
                                    <ins>键名</ins>
                                    <ins>键值</ins>
                                </dd>
                                <dd><button type="button" class="layui-btn btn-append">追加</button></dd>
                                <textarea name="row[{$form.name}]" class="layui-textarea layui-hide">{$form.value|json_encode}</textarea>
                            </dl>
                            {/case}

                            {case value="checkbox"}
                            <div class="layui-input-block">
                                {foreach name="form.options" item="opt" key="opt_k"}
                                <input type="checkbox" name="row[{$form.name}][]" lay-skin="primary" title="{$opt}" value="{$opt_k}" {in name="opt_k" value="$form.value|default=''"} checked{/in}>
                                {/foreach}
                            </div>
                            {/case}

                            {case value="radio"}
                            <div class="layui-input-block">
                                {foreach name="form.options" item="opt" key="opt_k"}
                                <input type="radio" name="row[{$form.name}]" value="{$opt_k}" title="{$opt}" {eq name="form.value" value="$opt_k"} checked{/eq}>
                                {/foreach}
                            </div>
                            {/case}

                            {case value="select"}
                            <div class="layui-input-block">
                                <select name="row[{$form.name}]">
                                    <option value=""></option>
                                    {foreach name="form.options" item="opt" key="opt_k"}
                                    <option value="{$opt_k}" {eq name="form.value" value="$opt_k"}selected{/eq}>{$opt}</option>
                                    {/foreach}
                                </select>
                            </div>
                            {/case}

                            {case value="textarea"}
                            <div class="layui-input-block">
                                <textarea {$form.extend|raw} lay-verify="{$form.rule ?? ''}" placeholder="请输入{$form.title}" class="layui-textarea" name="row[{$form.name}]">{$form.value}</textarea>
                            </div>
                            {/case}

                            {case value="image" break="0"}{/case}
                            {case value="images"}
                            <div class="layui-input-block">
                                <div class="layui-col-xs6">
                                    <input type="text" name="row[{$form.name}]"  id="c-{$form.name}" value="{$form.value|default=''}" class="layui-input">
                                </div>
                                <button type="button" class="layui-btn faupload" id="faupload-{$form.name}" data-multiple="{$form.type=='image'?'false':'true'}" data-input-id="c-{$form.name}" data-preview-id="p-{$form.name}" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp"><i class="iconfont icon-upload-line"></i> 上传</button><button type="button" class="layui-btn fachoose" data-multiple="{$form.type=='image'?'false':'true'}" data-input-id="c-{$form.name}" data-mimetype="image/*" id="fachoose-c-{$form.name}"><i class="iconfont icon-list-unordered"></i> 选择</button>
                                <ul class="layui-row list-inline plupload-preview" id="p-{$form.name}"></ul>
                            </div>
                            {/case}

                            {case value="file" break="0"}{/case}
                            {case value="files"}
                            <div class="layui-input-block">
                                <div class="layui-col-xs6">
                                    <input type="text" name="row[{$form.name}]"  id="c-{$form.name}" value="{$form.value|default=''}" class="layui-input">
                                </div>
                                <button type="button" class="layui-btn faupload" id="faupload-{$form.name}" data-multiple="{$form.type=='file'?'false':'true'}" data-input-id="c-{$form.name}" data-preview-id="p-{$form.name}" data-type="file"><i class="iconfont icon-upload-line"></i> 上传</button><button type="button" class="layui-btn fachoose" data-multiple="{$form.type=='file'?'false':'true'}" data-input-id="c-{$form.name}" id="fachoose-c-{$form.name}"><i class="iconfont icon-list-unordered"></i> 选择</button>
                            </div>
                            {/case}

                            {case value="editor"}
                            <div class="layui-input-block">
                                <textarea {$form.extend|raw} name="row[{$form.name}]" id="editor-{$form.name}" class="layui-textarea editor" rows="5">{$form.value}</textarea>
                            </div>
                            {/case}
                        {/switch}
                        {if isset($form.tip) && $form.tip}<div class="layui-form-mid no-float layui-word-aux">{$form.tip|raw}</div>{/if}
                    </div>
                </div>
                {/if}
                {/if}
                {/foreach}
            </div>
            {/foreach}
          </div>
        </div>
         
        <div class="layui-form-item layer-footer pb-4">
            <div class="layui-input-block ps-3">
                <button class="layui-btn disabled" lay-submit data-refresh="false">{if $data.info.name == 'cms' && $currentConfigLang != $defaultConfigLang}保存当前语言翻译{else /}立即提交{/if}</button>
                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
            </div>
        </div>
    </form>
</div>
{/block}