{include file="public/head"}
<div class="layui-fluid">
    <form class="layui-form layui-form-pane">
        <div class="layui-form-item">
            <label class="layui-form-label">栏目名称</label>
            <div class="layui-input-block"><input type="text" name="name" required  lay-verify="required" autocomplete="off" placeholder="请输入栏目名称" class="layui-input"></div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">入口方法</label>
            <div class="layui-input-block"><input type="text" name="action" required  lay-verify="required" autocomplete="off" placeholder="将生成user/入口方法.html" class="layui-input"></div>
        </div>
        <div class="layui-form-item" pane>
            <label class="layui-form-label">内容类型</label>
            <div class="layui-input-block">
            {foreach $type as $k=>$v }
            <input type="radio" name="type" value="{$k}" title="{$v}" {if $k=='t1'}checked{/if}>
            {/foreach}
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">栏目图标</label>
            <div class="layui-input-block"><input type="text" name="icon" id="iconPicker" lay-filter="iconPicker" placeholder="选择图标" class="layui-input" value="layui-icon-right"></div>
        </div>
        <div class="layui-form-item" pane>
            <label class="layui-form-label">组权限</label>
            <div class="layui-input-block">
            {foreach :app\common\model\Usergroup::order('point')->select() as $v}
            <input type="checkbox" name="usergroupids[]" value="{$v.id}" title="{$v.title}" lay-skin="primary" checked>
            {/foreach}
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">{:lang("order")}</label>
            <div class="layui-input-block"><input type="number" name="torder" lay-verify="number" value="{:model('usermenu')->count()+1}" min="1" placeholder="排序为大于1的整数字" class="layui-input"></div>
        </div>
        <div class="layui-form-item" pane>
            <label class="layui-form-label">{:lang("state")}</label>
            <div class="layui-input-block"><input type="checkbox" name="status" lay-skin="switch" checked lay-text="开|关"></div>
        </div>
        {:pagedebug()}
        <hr>
        <div class="layui-form-footer">
            <button class="layui-btn layui-btn-sm" lay-submit lay-filter="submit">{:lang('submit')}</button>
            <a class="layui-btn layui-btn-primary layui-btn-sm refresh">{:lang('reload')}</a>
            <a class="layui-btn layui-btn-sm layui-btn-primary" onclick="closelayer()"></i>{:lang('close')}</a>
        </div>
    </form>
<!---->
</div>
{include file="public/foot"}
<script>
    layui.use(['jquery', 'form', 'layer', 'element','iconPicker'],function () {
        var $ = layui.jquery;
        var form = layui.form;
        var layer = layui.layer,iconPicker = layui.iconPicker;
        iconPicker.render({
            elem: '#iconPicker',
            // 数据类型：fontClass/unicode，推荐使用fontClass
            type: 'fontClass',
            search: true,
            page: true,
            limit: 12,
                // 点击回调
                // click: function (data) {
                //     console.log(data);
                // },
                // 渲染成功后的回调
                // success: function(d) {
                //     console.log(d);
                //     // $('#iconPicker').val('iconpicker');
                // }
        });
        //表单提交
        form.on('submit(submit)',function(data){
            loading = layer.load(1, {shade: [0.1, '#fff']});
            data.field.status = data.field.status=="on" ? 1 : 0;
            $.ajax({
                url: '{:url("add")}',
                type: 'POST',
                dataType: 'json',
                data: data.field,
                success: function(result){
                    layer.close(loading);
                    layuialert(result,7);
                }
            });
            return false; //禁止刷新
        });
    });
</script>