<div class="layui-card layui-col-md12">
    <div class="layui-card-body">
        <form class="layui-form" data-action="{:url('manager.category/add')}">
            <input type="hidden" name="__token__" value="{$_token}" />
            <div class="layui-form-item">
                <label class="layui-form-label">上级</label>
                <div class="layui-form-mid">
                    {$parent.title??'顶级分类'}
                    <input type="hidden" name="top" value="{$parent.title??'顶级分类'}" />
                    <input type="hidden" name="item[parent_id]" value="{$parent.id??0}" />
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">名称</label>
                <div class="layui-input-block">
                    <input class="layui-input" type="text" name="item[title]" placeholder="填写栏目名称" />
                </div>
            </div>
            <div class="layui-form-item layui-hide">
                <label class="layui-form-label">标识</label>
                <div class="layui-input-block">
                    <input class="layui-input" type="text" name="item[category_key]" placeholder="填写栏目标识（唯一性）" />
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">路由</label>
                <div class="layui-input-block">
                    <input class="layui-input" type="text" name="item[route]" maxlength="60" />
                    <div class="layui-form-mid layui-word-aux">以/开头,完全匹配 需保证全局唯一</div>
                </div>
            </div>
            <div class="layui-form-item layui-hide">
                <label class="layui-form-label">顶部导航分组</label>
                <div class="layui-input-block">
                    <input class="layui-input" type="text" name="item[group_name]" placeholder="选填项" />
                </div>
            </div>
            <div class="layui-form-item layui-hide">
                <label class="layui-form-label">底部导航分组</label>
                <div class="layui-input-block">
                    <input class="layui-input" type="text" name="item[footer_group]" placeholder="选填项" />
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">模型</label>
                <div class="layui-input-block">
                    <select name="item[model_id]" >
                        {volist name="models" id="v"}
                        <option data-template="{$v.template}" value="{$v.id}">{$v.name}</option>
                        {/volist}
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">链接</label>
                <div class="layui-input-block">
                    <input class="layui-input" type="text" name="item[url]" placeholder="链接地址，选填项" />
                </div>
            </div>
            <div class="layui-form-item layui-hide">
                <label class="layui-form-label">栏目图标</label>
                <div class="layui-input-block">
                    {:widget('manager.upload/image',['append'=>'icon', 'imgSize' => $iconImgSize])}
                </div>
            </div>
            <div class="layui-form-item layui-hide">
                <label class="layui-form-label">栏目封面图</label>
                <div class="layui-input-block">
                    {:widget('manager.upload/image')}
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">手机端栏目封面图</label>
                <div class="layui-input-block">
                    {:widget('manager.upload/image',["append"=>"_mobile", "imgSize" => "750*230"])}
                </div>
            </div>


            <div class="layui-form-item">
                <label class="layui-form-label">打开方式</label>
                <div class="layui-input-block">
                    <select lay-filter="aihao" name="item[style]" >
                        <option value="_self">当前页面</option>
                        <option value="_blank">新页面</option>
                    </select>
                </div>
            </div>
            <div class="layui-form-item hidden">
                <label class="layui-form-label">菜单显示</label>
                <div class="layui-input-block">
                    <input type="radio" checked="checked" name="item[state]" value="1" title="是" />
                    <input type="radio" name="item[state]" value="0" title="否" />
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">后台栏目显示</label>
                <div class="layui-input-block">
                    <input type="radio" checked="checked" name="item[backend_show]" value="1" title="是" checked="checked"/>
                    <input type="radio" name="item[backend_show]" value="0" title="否"/>
                </div>
            </div>

            <div class="layui-form-item ">
                <label class="layui-form-label">前台导航显示</label>
                <div class="layui-input-block">
                    <input type="radio" checked="checked" name="item[frontend_show]" value="1" title="是" />
                    <input type="radio" name="item[frontend_show]" value="0" title="否" />
                </div>
            </div>

            <div class="layui-form-item layui-hide">
                <label class="layui-form-label">前台底部显示</label>
                <div class="layui-input-block">
                    <input type="radio" checked="checked" name="item[foot_show]" value="1" title="是" />
                    <input type="radio" name="item[foot_show]" value="0" title="否" />
                </div>
            </div>

            {if $groupId == 1}
            <div class="layui-form-item">
                <label class="layui-form-label">是否首页</label>
                <div class="layui-input-block">
                    <input type="radio" name="item[is_index]" value="1" title="是" />
                    <input type="radio" checked="checked" name="item[is_index]" value="0" title="否" />
                </div>
            </div>
            {/if}

            <div class="layui-form-item layui-hide">
                <label class="layui-form-label">汇总查看</label>
                <div class="layui-input-block">
                    <input type="radio" name="item[parent_show]" value="1" title="是" />
                    <input type="radio" checked="checked" name="item[parent_show]" value="0" title="否" />
                </div>
                <div class="layui-input-block">
                    <div class="layui-form-mid layui-word-aux">注：只对文章模型有效</div>
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">列表模板</label>
                <div class="layui-input-block">
                    <input class="layui-input" type="text" name="item[template_list]" placeholder="栏目列表模板，选填项" />
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">详情模板</label>
                <div class="layui-input-block">
                    <input class="layui-input" type="text" name="item[template_detail]" placeholder="栏目详情模板，选填项" />
                </div>
            </div>
            <div class="layui-form-item layui-form-text  layui-hide">
                <label class="layui-form-label">标语</label>
                <div class="layui-input-block">
                    <input class="layui-input" type="text" name="item[slogan]" placeholder="栏目标语，选填项" />
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">简介</label>
                <div class="layui-input-block">
                    <input class="layui-input" type="text" name="item[summary]" placeholder="栏目简介，选填项" />
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">描述</label>
                <div class="layui-input-block">
                    <textarea placeholder="栏目描述，选填项" name="item[description]" class="layui-textarea"></textarea>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">栏目下PC内容尺寸</label>
                    <div class="layui-form-mid layui-word-aux">宽:</div>
                    <div class="layui-input-inline" >
                        <input class="layui-input" type="text" name="item[img_width]" value="0"  style="width:100%"/>
                    </div>
                    <div class="layui-form-mid layui-word-aux">px</div>
                    <div class="layui-form-mid">X</div>
                    <div class="layui-form-mid layui-word-aux">高:</div>
                    <div class="layui-input-inline" >
                        <input class="layui-input" type="text" name="item[img_height]" value="0"  style="width:100%"/>
                    </div>
                    <div class="layui-form-mid layui-word-aux">px</div>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">栏目下手机内容尺寸</label>
                    <div class="layui-form-mid layui-word-aux">宽:</div>
                    <div class="layui-input-inline" >
                        <input class="layui-input" type="text" name="item[img_width_mobile]" value="{$item.img_width_mobile ?? ''}" style="width:100%"/>
                    </div>
                    <div class="layui-form-mid layui-word-aux">px</div>
                    <div class="layui-form-mid">X</div>
                    <div class="layui-form-mid layui-word-aux">高:</div>
                    <div class="layui-input-inline" >
                        <input class="layui-input" type="text" name="item[img_height_mobile]" value="{$item.img_height_mobile ?? ''}" style="width:100%"/>
                    </div>
                    <div class="layui-form-mid layui-word-aux">px</div>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">栏目本身PC图片尺寸（仅部分栏目需要）</label>
                    <div class="layui-form-mid layui-word-aux">宽:</div>
                    <div class="layui-input-inline" >
                        <input class="layui-input" type="text" name="item[width]" value="0" style="width:100%"/>
                    </div>
                    <div class="layui-form-mid layui-word-aux">px</div>
                    <div class="layui-form-mid">X</div>
                    <div class="layui-form-mid layui-word-aux">高:</div>
                    <div class="layui-input-inline" >
                        <input class="layui-input" type="text" name="item[height]" value="0" style="width:100%"/>
                    </div>
                    <div class="layui-form-mid layui-word-aux">px</div>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">栏目本身手机端图片尺寸（仅部分栏目需要）</label>
                    <div class="layui-form-mid layui-word-aux">宽:</div>
                    <div class="layui-input-inline" >
                        <input class="layui-input" type="text" name="item[width_mobile]" value="{$item.width_mobile ?? ''}" style="width:100%" />
                    </div>
                    <div class="layui-form-mid layui-word-aux">px</div>
                    <div class="layui-form-mid">X</div>
                    <div class="layui-form-mid layui-word-aux">高:</div>
                    <div class="layui-input-inline" >
                        <input class="layui-input" type="text" name="item[height_mobile]" value="{$item.height_mobile ?? ''}"  style="width:100%"/>
                    </div>
                    <div class="layui-form-mid layui-word-aux">px</div>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">列表页数量</label>
                <div class="layui-input-block">
                    <input class="layui-input" type="text" name="item[number]" placeholder="列表页数量，默认20" />
                </div>
            </div>
            <div class="layui-form-item layui-form-text layui-hide">
                <label class="layui-form-label">前台导航层级</label>
                <div class="layui-input-block">
                    <input class="layui-input" type="number" name="item[front_nav_level]" value="1"/>
                </div>
            </div>
            <div class="system_title">SEO信息</div>
            <div class="layui-form-itemBox2">
                <div class="layui-form-item">
                    <label class="layui-form-label">seo_title</label>
                    <div class="layui-input-block">
                        <input class="layui-input" type="text" name="item[seo_title]" value=""/>
                    </div>
                </div>
            </div>
            <div class="layui-form-itemBox2">
                <div class="layui-form-item">
                    <label class="layui-form-label">seo_keywords</label>
                    <div class="layui-input-block">
                        <textarea class="layui-textarea" name="item[seo_keywords]"></textarea>
                    </div>
                </div>
                <div class="layui-form-item"></div>
            </div>
            <div class="layui-form-itemBox2">
                <div class="layui-form-item">
                    <label class="layui-form-label">seo_description</label>
                    <div class="layui-input-block">
                        <textarea class="layui-textarea" name="item[seo_description]"></textarea>
                    </div>
                </div>
            </div>
            <div class="layui-clear"></div>
            <hr style="margin: 30px 0;">
            <div class="layui-form-item">
                <div class="text-center">
                    <button type="button" class="layui-btn layui-btn-normal" lay-submit lay-filter="submitAll">保存</button>
                </div>
            </div>
        </form>
    </div>
</div>