{layout name="layout"}
<style>
    .tab-pane {
        display: none;
    }

    .tab-pane.active {
        display: block;
    }
</style>

<div class="row">
    <div class="col-lg-12">
        <div class="card">
            <ul class="nav nav-tabs page-tabs">
                {volist name="configlist" id="cvo"}
                <li {if $i==1}class="active" {/if}> <a
                        href="#{$key}">{:Config('site.configgroup.'.$key)}</a> </li>
                {/volist}
                <li> <a href="#addform"><i class="mdi mdi-plus"></i></a> </li>
            </ul>
            <div class="tab-content">
                <form class="form-horizontal" action="{:url('config/update')}" method="post" id="settingsform">
                    {foreach name="configlist" item="cvo" key="k" }
                    <div class="tab-pane fade in {if $k=='basic'}active{/if}" id="{$k}">
                        {volist name="cvo" id="item" key="ckey"}
                        {if $item.is_show}
                        <div class="form-group" data-favisible="{$item.visible}">
                            <label class="col-sm-3 col-md-2 col-xs-12 control-label" for="{$item.name}">{$item.title}</label>
                            <div class="col-sm-6 col-md-6 col-xs-12">
                                {switch $item.type}
                                {case string}
                                <input class="form-control" type="text" id="{$item.name}" name="{$item.name}"
                                    value="{$item.value|htmlentities}" placeholder="请输入{$item.title}"
                                    {if $item.rule}data-rule="{$item.rule}"{/if} data-tip="{$item.tip}" {$item.extend} />
                                {/case}
                                {case password}
                                <input class="form-control" type="password" id="{$item.name}" name="{$item.name}"
                                    value="{$item.value}" placeholder="请输入{$item.title}" {if $item.rule}data-rule="{$item.rule}"{/if}
                                    data-tip="{$item.tip}" {$item.extend} />
                                {/case}
                                {case text}
                                <textarea {$item.extend} name="{$item.name}" class="form-control" {if $item.rule}data-rule="{$item.rule}"{/if}
                                    rows="5" data-tip="{$item.tip}">{$item.value|htmlentities}</textarea>
                                {/case}
                                {case editor}
                                <textarea {$item.extend} name="{$item.name}" id="editor-{$item.name}"
                                    class="form-control editor" {if $item.rule}data-rule="{$item.rule}"{/if} rows="5"
                                    data-tip="{$item.tip}">{$item.value|htmlentities}</textarea>
                                {/case}
                                {case array}
                                <dl class="list-group fieldlist" {$item.extend} data-name="{$item.name}">
                                    <dd class="list-group-item m-b-5">
                                        <b style="width: 110px;display: inline-block;">{:isset($item["setting"]["key"])&&$item["setting"]["key"]?$item["setting"]["key"]:__('键')}</b>
                                        <b>{:isset($item["setting"]["value"])&&$item["setting"]["value"]?$item["setting"]["value"]:__('值')}</b>
                                    </dd>
                                    <dd>
                                        <a href="javascript:;" class="btn btn-sm btn-success btn-append m-t-5">
                                            <i class="fa fa-plus"></i> {:__('添加')}
                                        </a>
                                    </dd>
                                </dl>
                                <textarea name="{$item.name}" class="form-control hide" cols="30" rows="5">{$item.value|raw}</textarea>
                                {/case}
                                {case date}
                                <input class="form-control datetimepicker" data-date-format="YYYY-MM-DD" type="text"
                                    id="{$item.name}" name="{$item.name}" value="{$item.value}"
                                    placeholder="请输入{$item.title}" {if $item.rule}data-rule="{$item.rule}"{/if} data-tip="{$item.tip}"
                                    {$item.extend} />
                                {/case}
                                {case time}
                                <input class="form-control datetimepicker" data-date-format="HH:mm:ss" type="text"
                                    id="{$item.name}" name="{$item.name}" value="{$item.value}"
                                    placeholder="请输入{$item.title}" {if $item.rule}data-rule="{$item.rule}"{/if} data-tip="{$item.tip}"
                                    {$item.extend} />
                                {/case}
                                {case datetime}
                                <input class="form-control datetimepicker" data-date-format="YYYY-MM-DD HH:mm:ss"
                                    type="text" id="{$item.name}" name="{$item.name}" value="{$item.value}"
                                    placeholder="请输入{$item.title}" {if $item.rule}data-rule="{$item.rule}"{/if} data-tip="{$item.tip}"
                                    {$item.extend} />
                                {/case}
                                {case datetimerange}
                                <input class="form-control datetimerange" type="text" id="{$item.name}"
                                    name="{$item.name}" value="{$item.value}" placeholder="请输入{$item.title}"
                                    {if $item.rule}data-rule="{$item.rule}"{/if} data-tip="{$item.tip}" {$item.extend} />
                                {/case}
                                {case number}
                                <input class="form-control" type="number"
                                    id="{$item.name}" name="{$item.name}" value="{$item.value}"
                                    placeholder="请输入{$item.title}" {if $item.rule}data-rule="{$item.rule}"{/if} data-tip="{$item.tip}"
                                    {$item.extend} />
                                {/case}
                                {case checkbox}
                                <div class="controls-box">
                                    {html:checkbox options="$item.content" value="$item.value" name="$item.name" /}
                                </div>
                                {/case}
                                {case radio}
                                <div class="controls-box">
                                    {html:radio options="$item.content" value="$item.value" name="$item.name" /}
                                </div>
                                {/case}
                                {case value="select" break="0"}{/case}
                                {case value="selects"}
                                <select {$item.extend} name="{$item.name}{$item.type=='selects'?'[]':''}"
                                    class="form-control selectpicker" data-tip="{$item.tip}" {$item.type=='selects'
                                    ?'multiple':''}>
                                    {foreach name="$item['content']" item="vo"}
                                    <option value="{$key}" {in name="key" value="$item.value" }selected{/in}>{:__($vo)}
                                    </option>
                                    {/foreach}
                                </select>
                                {/case}
                                {case value="image" break="0"}{/case}
                                {case value="images"}
                                <div class="form-inline">
                                    <!-- <input id="c-{$item.name}" class="form-control" size="50" name="{$item.name}" type="text" value="{$item.value|htmlentities}" data-tip="{$item.tip}">
                                    <span><button type="button" id="faupload-{$item.name}" class="btn btn-danger faupload" data-input-id="c-{$item.name}" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="{$item.type=='image'?'false':'true'}" data-preview-id="p-{$item.name}"><i class="fa fa-upload"></i>{:__('Upload')}</button></span>
                                    <span><button type="button" id="fachoose-{$item.name}" class="btn btn-primary fachoose" data-input-id="c-{$item.name}" data-mimetype="image/*" data-multiple="{$item.type=='image'?'false':'true'}"><i class="fa fa-list"></i> {:__('Choose')}</button></span> -->
                                    {html:upload name="$item.name" value="$item.value" tip="$item.tip" /}
                                </div> 
                                {/case}
                                {case value="file" break="0"}{/case}
                                {case value="files"}
                                <div class="form-inline">
                                    <input id="c-{$item.name}" class="form-control" size="50" name="{$item.name}" type="text" value="{$item.value|htmlentities}" data-tip="{$item.tip}">
                                    <span><button type="button" id="faupload-{$item.name}" class="btn btn-danger faupload" data-input-id="c-{$item.name}" data-multiple="{$item.type=='file'?'false':'true'}"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                                    <span><button type="button" id="fachoose-{$item.name}" class="btn btn-primary fachoose" data-input-id="c-{$item.name}" data-multiple="{$item.type=='file'?'false':'true'}"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                                </div>
                                {/case}
                                {case switch}
                                <div class="form-control" style="display: flex;align-items: center;border:0;">
                                    {html:switch name="$item.name" value="$item.value" /}
                                </div>
                                {/case}
                                {case bool}
                                <div class="controls-box">
                                    <label class="lyear-radio radio-inline radio-primary">
                                        <input type="radio" name="{$item.name}" value="1" data-tip="{$item.tip}"
                                            {$item.value?'checked':''}><span>是</span>
                                    </label>
                                    <label class="lyear-radio radio-inline radio-primary">
                                        <input type="radio" name="{$item.name}" value="0" data-tip="{$item.tip}"
                                            {$item.value?'':'checked'}><span>否</span>
                                    </label>
                                </div>
                                {/case}
                                {case city}
                                <div style="position:relative">
                                    <input {$item.extend} type="text" name="{$item.name}" id="c-{$item.name}"
                                        value="{$item.value|htmlentities}" class="form-control"
                                        data-toggle="city-picker" data-tip="{$item.tip}" {if $item.rule}data-rule="{$item.rule}"{/if} />
                                </div>
                                {/case}
                                {case value="selectpage" break="0"}{/case}
                                {case value="selectpages"}
                                <input {$item.extend} type="text" name="{$item.name}" id="c-{$item.name}"
                                    value="{$item.value|htmlentities}" class="form-control selectpage"
                                    data-source="{:url($item.setting.table.'/selectpage')}?id={$item.id}"
                                    data-primary-key="{$item.setting.primarykey}" data-field="{$item.setting.field}"
                                    data-multiple="{$item.type=='selectpage'?'false':'true'}" data-tip="{$item.tip}"
                                    {if $item.rule}data-rule="{$item.rule}"{/if} />
                                {/case}
                                {case custom}
                                {$item.extend}
                                {/case}
                            {/switch}
                            </div>
                        </div>
                        {/if}
                        {/volist}
                        {if $k=='email'}
                        <div class="form-group">
                            <label class="control-label col-sm-3 col-md-2 col-xs-12">测试发送</label>
                            <div class="col-sm-6 col-md-6 col-xs-12">
                                <div class="input-group">
                                    <input class="form-control" name="test_mail_address" />
                                    <div class="input-group-btn"><button id="test_send_mail_btn" type="button" class="btn btn-primary m-r-5">测试</button></div>
                                </div>
                            </div>
                        </div>
                        {/if}
                        <div class="form-group">
                            <label class="control-label col-sm-3 col-md-2 col-xs-12"></label>
                            <div class="col-sm-6 col-md-6 col-xs-12">
                                <button type="submit" class="btn btn-primary m-r-5">确 定</button>
                                <button type="button" class="btn btn-default"
                                    onclick="javascript:history.back(-1);return false;">返 回</button>
                            </div>
                        </div>
                    </div>
                    {/foreach}
                </form>
                <form class="tab-pane fade in form-horizontal" action="{:url('config/insert')}" method="post"
                    id="addform">
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('分组')}:</label>
                        <div class="col-xs-12 col-sm-8 col-md-6">
                            <select name="row[group]" class="form-control selectpicker">
                                {foreach name=":Config('site.configgroup')" item="vo"}
                                <option value="{$key}" {in name="key" value="basic" }selected{/in}>{$vo}</option>
                                {/foreach}
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('类型')}:</label>
                        <div class="col-xs-12 col-sm-8 col-md-6">
                            <select name="row[type]" id="c-type" class="form-control selectpicker">
                                {foreach name="typeList" item="vo"}
                                <option value="{$key}" {in name="key" value="string" }selected{/in}>{$vo}</option>
                                {/foreach}
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="name" class="control-label col-xs-12 col-sm-2">{:__('变量名')}:</label>
                        <div class="col-xs-12 col-sm-8 col-md-6">
                            <input type="text" class="form-control" id="row_name" name="row[name]" value=""
                                data-rule="s3-30" ajaxurl="{:url('config/check')}?name=name" />
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="title" class="control-label col-xs-12 col-sm-2">{:__('变量标题')}:</label>
                        <div class="col-xs-12 col-sm-8 col-md-6">
                            <input type="text" class="form-control" id="row_title" name="row[title]" value=""
                                data-rule="required" />
                        </div>
                    </div>
                    <div class="form-group hidden tf tf-selectpage tf-selectpages">
                        <label for="c-selectpage-table" class="control-label col-xs-12 col-sm-2">{:__('关联表')}:</label>
                        <div class="col-xs-12 col-sm-8 col-md-6">
                            <select id="c-selectpage-table" name="row[setting][table]" class="form-control selectpicker"
                                data-live-search="true">
                                <option value="">{:__('Please select table')}</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group hidden tf tf-selectpage tf-selectpages">
                        <label for="c-selectpage-primarykey"
                            class="control-label col-xs-12 col-sm-2">{:__('存储字段')}:</label>
                        <div class="col-xs-12 col-sm-8 col-md-6">
                            <select name="row[setting][primarykey]" class="form-control selectpicker"
                                id="c-selectpage-primarykey"></select>
                        </div>
                    </div>
                    <div class="form-group hidden tf tf-selectpage tf-selectpages">
                        <label for="c-selectpage-field" class="control-label col-xs-12 col-sm-2">{:__('显示字段')}:</label>
                        <div class="col-xs-12 col-sm-8 col-md-6">
                            <select name="row[setting][field]" class="form-control selectpicker"
                                id="c-selectpage-field"></select>
                        </div>
                    </div>
                    <div class="form-group hidden tf tf-selectpage tf-selectpages">
                        <label class="control-label col-xs-12 col-sm-2">{:__('筛选条件')}:</label>
                        <div class="col-xs-12 col-sm-8">
                            <dl class="fieldlist" data-name="row[setting][conditions]">
                                <dd>
                                    <ins>{:__('Field title')}</ins>
                                    <ins>{:__('Field value')}</ins>
                                </dd>

                                <dd><a href="javascript:;" class="append btn btn-sm btn-success"><i
                                            class="fa fa-plus"></i> {:__('Append')}</a></dd>
                                <textarea name="row[setting][conditions]" class="form-control hide" cols="30"
                                    rows="5"></textarea>
                            </dl>
                        </div>
                    </div>
                    <div class="form-group hidden tf tf-array">
                        <label for="c-array-key" class="control-label col-xs-12 col-sm-2">{:__('键名')}:</label>
                        <div class="col-xs-12 col-sm-8 col-md-6">
                            <input type="text" name="row[setting][key]" class="form-control" id="c-array-key">
                        </div>
                    </div>
                    <div class="form-group hidden tf tf-array">
                        <label for="c-array-value" class="control-label col-xs-12 col-sm-2">{:__('键值')}:</label>
                        <div class="col-xs-12 col-sm-8 col-md-6">
                            <input type="text" name="row[setting][value]" class="form-control" id="c-array-value">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="value" class="control-label col-xs-12 col-sm-2">{:__('变量值')}:</label>
                        <div class="col-xs-12 col-sm-8 col-md-6">
                            <input type="text" class="form-control" id="row_value" name="row[value]" value="" />
                        </div>
                    </div>
                    <div class="form-group hide" id="add-content-container">
                        <label for="content" class="control-label col-xs-12 col-sm-2">{:__('数据列表')}:</label>
                        <div class="col-xs-12 col-sm-8 col-md-6">
                            <textarea name="row[content]" id="row_content" cols="30" rows="5" class="form-control" placeholder="value1|title1&#10;value2|title2"></textarea>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="tip" class="control-label col-xs-12 col-sm-2">{:__('提示信息')}:</label>
                        <div class="col-xs-12 col-sm-8 col-md-6">
                            <input type="text" class="form-control" id="row_tip" name="row[tip]" value="" />
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="rule" class="control-label col-xs-12 col-sm-2">{:__('校验规则')}:</label>
                        <div class="col-xs-12 col-sm-8 col-md-6">
                            <div class="input-group pull-left">
                                <input type="text" class="form-control tagsinput" id="row_rule" name="row[rule]" value=""
                                    data-tip="校验规则使用请参考Nice-validator文档" data-delimiter=";" />
                                <span class="input-group-btn">
                                    <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown"
                                        type="button">{:__('Choose')}</button>
                                    <ul class="dropdown-menu pull-right rulelist">
                                        {volist name="ruleList" id="item"}
                                        <li><a href="javascript:;" data-value="{$key}">{$item}<span
                                                    class="text-muted">({$key})</span></a></li>
                                        {/volist}
                                    </ul>
                                </span>
                                <!-- <select class="form-control selectpicker" name="row[rule][]" multiple data-max-options="9999" data-live-search="true">
                                    {volist name="ruleList" id="item"}
                                    <option value="{$key}">{$item}({$key})</option>
                                    {/volist}
                                </select> -->
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="visible" class="control-label col-xs-12 col-sm-2">{:__('可见条件')}:</label>
                        <div class="col-xs-12 col-sm-8 col-md-6">
                            <input type="text" class="form-control" id="row_visible" name="row[visible]" value="" />
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="extend" class="control-label col-xs-12 col-sm-2">{:__('扩展属性')}:</label>
                        <div class="col-xs-12 col-sm-8 col-md-6">
                            <textarea name="row[extend]" id="row_extend" cols="30" rows="5" class="form-control"
                                data-tip="{:__('扩展属性')}" data-msg-extend="当类型为自定义时，扩展属性不能为空"></textarea>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="extend" class="control-label col-sm-3 col-md-2 col-xs-12"></label>
                        <div class="col-sm-6 col-md-6 col-xs-12">
                            <button type="submit" class="btn btn-primary m-r-5">确 定</button>
                            <button type="button" class="btn btn-default"
                                onclick="javascript:history.back(-1);return false;">返 回</button>
                        </div>
                    </div>
                </form>
            </div>

        </div>
    </div>

</div>
{include file="common/file_preview" id="preview"/}