{extend name="public/base" /}
{block name="body"}
<div class="layui-row layui-col-space15">
    <div class="layui-col-md12">
        <div class="layui-card">
            <div class="layui-card-body">
                    <form action="{:url('')}" method="post"  class="layui-form">
                        <div class="layui-form-item">
                            <label class="layui-form-label">菜单名称：</label>
                            <div class="layui-input-block">
                                <input type="text" name="title" lay-verify="required" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">上级菜单：</label>
                            <div class="layui-input-block">
                                <select name="pid">
                                    <option value="0" {$pid==0?"selected":""}>顶级菜单</option>
                                    {volist name="lists" id="vo"}
                                    <option value="{$vo.id}" {$vo['id']==$pid?"selected":""}>{$vo.title}</option>
                                    {/volist}
                                </select>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">链接地址：</label>
                            <div class="layui-input-block">
                                <input type="text" name="url" placeholder="" class="layui-input">
                            </div>
                        </div>
                        {eq name="pid" value="0"}
                        {include file="admin_menu/icon"/}
                        {/eq}
                        <div class="layui-form-item">
                            <label class="layui-form-label">排序：</label>
                            <div class="layui-input-inline">
                                <input type="text" name="sort" lay-verify="required" value="0" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">是否隐藏：</label>
                            <div class="layui-input-block">
                                <input type="checkbox" name="hide" title="隐藏" value="1">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">可见模式：</label>
                            <div class="layui-input-block">
                                <input type="radio" name="is_dev" checked value="0" title="全部可见" >
                                <input type="radio" name="is_dev" value="1" title="仅开发者模式下可见">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">备注说明：</label>
                            <div class="layui-input-block">
                                <textarea name="remark" placeholder="" class="layui-textarea"></textarea>
                            </div>
                        </div>
                        <div class="layui-form-item layui-layout-admin">
                            <div class="layui-input-block">
                                <button type="submit" class="layui-btn" lay-submit="" lay-filter="zz-btn-submit">立即提交</button>
                                <button type="button" class="layui-btn layui-btn-primary zz-btn-cancel">取消</button>
                            </div>
                        </div>
                    </form>
            </div>
        </div>
    </div>
</div>
{/block}
{block name="script"}
<script>
    var $=layui.$;
    $(function(){
        if(typeof(checkIcon)!='undefined'&&checkIcon!=''){
            var checkIconDom=$("."+checkIcon);
            checkIconDom.parent().addClass('ui-check');
            $('[name="icon"]').val(checkIcon);
            $(".site-doc-icon").animate({scrollTop:(checkIconDom.position().top-22) + "px"}, 200);
        }
        $('.site-doc-icon li').click(function () {
            if($(this).hasClass('ui-check')){
                $(this).removeClass('ui-check');
                $('[name="icon"]').val('');
            }
            else{
                $('.site-doc-icon li').removeClass('ui-check');
                $(this).addClass('ui-check');
                var liclass=$(this).children('i').attr('class');

                $('[name="icon"]').val(liclass.split(' ')[1]);
            }
        })
    });
</script>
{/block}