{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" value="{$info.name}"></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" value="{$info.action}"></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" disabled value="{$k}" title="{$v}" {if $k==$info.type}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="{$info.icon}"></div>
        </div>
        {switch info.type}
        {case t1}
        <div class="layui-form-item" pane>
            <label class="layui-form-label">开发备注</label>
            <div class="layui-input-block"><div class="layui-form-mid layui-word-aux" style="margin-left:10px;"><i class="layui-icon layui-icon-about"></i> 请在user模块的user控制器中，创建{$info.action}方法进行二次开发</div></div>
            
        </div>
        {/case}
        {case t2}
        <div class="layui-form-item" pane>
            <label class="layui-form-label">单页内容</label>
            <div class="layui-input-block">
                <textarea name="content[content]" id="content" style="padding:10px;">{$info['content']['content']}</textarea>
                <script>var exteditor = new UE.getEditor("content",{zIndex:0,serverUrl:"{:url('admin/upload/upload')}"});</script>
            </div>
        </div>
        {/case}
        {case t3}
        <div class="layui-form-item">
            <label class="layui-form-label">会员表单</label>
            <div class="layui-input-inline">
                <select name="content[formid]" required  lay-verify="required">
                    <option value="">选择表单</option>
                {foreach :model('model')->hasWhere('formconfig',['status' => 1])->where(['modeltype' => 3])->select() as $k => $v}
                    <option value="{$v.id}" {eq name="info['content']['formid']" value="$v.id" } selected {/eq}>{$v.name}</option>
                {/foreach}
                </select>
            </div>
        </div>
        {/case}
        {case t4}{/case}
        {/switch}
        
        <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}" {in name='$v.id' value='$info.usergroupids'}checked{/in} lay-skin="primary">
            {/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="{$info.torder}" 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" {if $info.status eq 1} checked {/if} lay-text="开|关"></div>
        </div>
        {:pagedebug()}
        <hr>
        <div class="layui-form-footer">
            <input type="hidden" name="id" value="{$info.id}">
            <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('radio(action)', function(data){
          $('input[name=action]').val($(this).data('value'));
          if(data.value == 0) {
            $('input[name=action]').attr('disabled',false);
          } else {
            $('input[name=action]').attr('disabled',true);
          }
        }); 
        //表单提交
        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("edit")}',
                type: 'POST',
                dataType: 'json',
                data: data.field,
                success: function(result){
                    layer.close(loading);
                    layuialert(result,7);
                }
            });
            return false; //禁止刷新
        });
    });
</script>