{extend name="admin@index_layout"/}
{block name="main"}
<form class="layui-form" method="post">
    <div class="layui-tab">
        <ul class="layui-tab-title">
            <li class="layui-this">基本设置</li>
            <li>选项设置</li>
            <li id="modeTab">模板设置</li>
        </ul>
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                <div class="layui-form-item">
                    <label class="layui-form-label">上级菜单</label>
                    <div class="layui-input-block">
                        <select name="parentid" lay-verify="required">
                            <option value="0">作为顶级栏目</option>
                            {$category|raw}
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">栏目标题 </label>
                    <div class="layui-input-block">
                        <input type="text" name="catname" lay-verify="required" autocomplete="off" placeholder="栏目名称" class="layui-input" value="{$data.catname}">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">唯一标识</label>
                    <div class="layui-input-block">
                        <input type="text" name="catdir"  autocomplete="off" placeholder="唯一标识" class="layui-input" value="{$data.catdir}">
                    </div>
                    <div class="layui-form-mid2 layui-word-aux">英文数字组成，留空则自动生成拼音</div>
                </div>
                <div class="layui-form-item web_link">
                    <label class="layui-form-label">链接地址</label>
                    <div class="layui-input-block">
                        <div class="layui-input-inline w300">
                            <input type="text" name="url" autocomplete="off" placeholder="自定义链接地址" class="layui-input" id="url" value="{$data.url}">
                        </div>
                        <div class="layui-input-inline">
                            <select lay-filter="fasttype">
                                <option data-url="">常用内部链接</option>
                                <option data-url="cms/index/index">首页</option>
                                {if isset(cache("Cms_Config")['site_url_mode']) && 1==cache("Cms_Config")['site_url_mode']}
                                <option data-url="cms/index/lists?catid=2">列表页/单页</option>
                                <option data-url="cms/index/shows?catid=2&id=1">详情页</option>
                                {else}
                                <option data-url="cms/index/lists?catdir=Introduction">列表页/单页</option>
                                <option data-url="cms/index/shows?catdir=Introduction&id=1">详情页</option>
                                {/if}
                                {if isModuleInstall('formguide')}
                                <option data-url="formguide/index/index?id=2">表单页</option>
                                {/if}
                            </select>
                        </div>
                    </div>
                    <div style="clear: both;"></div>
                    <div class="layui-form-mid2 layui-word-aux">有值时生效，内部链接格式:模块/控制器/操作?参数=参数值&...，外部链接则必须http://开头</div>
                </div>
                <div class="layui-form-item web_seo">
                    <label class="layui-form-label">栏目简介</label>
                    <div class="layui-input-block">
                        <textarea name="description" placeholder="栏目简介" class="layui-textarea">{$data.description}</textarea>
                    </div>
                </div>
                <div class="layui-form-item layui-form-text">
                    <label class="layui-form-label">栏目图片</label>
                    <div class="layui-input-block">
                        <div class="js-upload-image">
                            {:Form::image("image",$data['image'])}
                        </div>
                    </div>
                </div>
                <div class="layui-form-item layui-form-text">
                    <label class="layui-form-label">栏目图标</label>
                    <div class="layui-input-block">
                        <div class="js-upload-image">
                            {:Form::image("icon",$data['icon'])}
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-tab-item">
                <div class="layui-form-item">
                    <label class="layui-form-label">在导航显示</label>
                    <div class="layui-input-block">
                        <input type="radio" name="status" value="1" title="显示" {eq name="data.status" value="1" }checked{/eq}> <input type="radio" name="status" value="0" title="隐藏" {eq name="data.status" value="0" }checked{/eq}> </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">显示排序</label>
                    <div class="layui-input-block">
                        <input type="text" name="listorder" autocomplete="off" placeholder="显示排序" class="layui-input" value="{$data['listorder']}">
                    </div>
                </div>
                <div class="layui-form-item web_seo">
                    <label class="layui-form-label">网页标题</label>
                    <div class="layui-input-block">
                        <input type="text" name="setting[meta_title]" autocomplete="off" placeholder="针对搜索引擎设置的标题" class="layui-input" value="{$setting['meta_title']}">
                    </div>
                </div>
                <div class="layui-form-item web_seo">
                    <label class="layui-form-label">网页关键词</label>
                    <div class="layui-input-block">
                        <input type="text" name="setting[meta_keywords]" autocomplete="off" placeholder="关键字中间用半角逗号隔开" class="layui-input" value="{$setting['meta_keywords']}">
                    </div>
                </div>
                <div class="layui-form-item web_seo">
                    <label class="layui-form-label">网页描述</label>
                    <div class="layui-input-block">
                        <textarea name="setting[meta_description]" placeholder="针对搜索引擎设置的网页描述" class="layui-textarea">{$setting['meta_description']}</textarea>
                    </div>
                </div>
            </div>
            <div class="layui-tab-item">
                <div class="layui-form-item web_page">
                    <label class="layui-form-label">单页模板</label>
                    <div class="layui-input-block">
                        <select name="setting[page_template]">
                            <option value="page.{:config('template.view_suffix')}" selected>默认内容页:page.{:config('template.view_suffix')}</option>
                            {volist name="tp_page" id="vo"}
                            <option value="{$vo}" {eq name="setting['page_template']" value="$vo" }selected{/eq}>{$vo} </option>
                            {/volist}
                        </select>
                    </div>
                    <div class="layui-form-mid2 layui-word-aux">新增模板以page_xx.{:config('template.view_suffix')}形式</div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">模板应用到子栏目</label>
                    <div class="layui-input-block">
                        <input type="radio" name="template_child" value="1" title="是">
                        <input type="radio" name="template_child" value="0" title="否" checked>
                    </div>
                </div>
            </div>
        </div>
        <input type="hidden" name="type" value="1">
        <input name="id" type="hidden" value="{$data.id}">
        <div class="layui-form-item layer-footer">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit>立即提交</button>
                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
            </div>
        </div>
    </div>
</form>
{/block}
{block name="script"}
<script type="text/javascript">
layui.use(['form','yznForm'], function() {
    var form = layui.form,
    yznForm = layui.yznForm;

    yznForm.listen();
    form.on('select(fasttype)', function(data) {
        $('#url').val($(data.elem).find("option:selected").attr("data-url"));
    });
});
</script>
{/block}