{extend name="public:form" /}
{block name="body"}
<div class="layui-row">
    <form class="layui-form">
        <div class="layui-form-item">
            <label class="layui-form-label">
                <span class="x-red">*</span>上级
            </label>
            <div class="layui-inline layui-show-xs-block">
                <select name="pid">
                    <option value="0">/</option>
                    {foreach $data as $item}
                        <option value="{$item.id}" class="">{$item.name}</option>
                    {/foreach}
                </select>
                <div class="layui-unselect layui-form-select">
                    <div class="layui-select-title">
                        <input type="text" placeholder="请选择" value="规则分类" readonly="" class="layui-input layui-unselect">
                        <i class="layui-edge"></i>
                    </div>
                    <dl class="layui-anim layui-anim-upbit">
                        <dd lay-value="0" class="layui-this">/</dd>                        
                        {foreach $data as $item}
                            <dd lay-value="{$item.title}" class="">{$item.name}</dd>
                        {/foreach}
                    </dl>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <label for="title" class="layui-form-label">
                <span class="x-red">*</span>权限名称
            </label>
            <div class="layui-input-inline">
                <input type="text" id="title" name="title" lay-verify="required" lay-verify="required"
                       autocomplete="off" class="layui-input">
            </div>
            <div class="layui-form-mid layui-word-aux">
                <span class="x-red">*</span>
            </div>
        </div>
        <div class="layui-form-item">
            <label for="model_name" class="layui-form-label">
                <span class="x-red">*</span>模块名
            </label>
            <div class="layui-input-inline">
                <input type="text" id="model_name" name="model_name"  lay-verify="required"
                       autocomplete="off" class="layui-input">
            </div>
            <div class="layui-form-mid layui-word-aux">
                <span class="x-red">*</span>模块标识
            </div>
        </div>
        <div class="layui-form-item">
            <label for="controller_name" class="layui-form-label">
                <span class="x-red">*</span>控制器
            </label>
            <div class="layui-input-inline">
                <input type="text" id="controller_name" name="controller_name" lay-verify="required" lay-verify="required"
                       autocomplete="off" class="layui-input">
            </div>
            <div class="layui-form-mid layui-word-aux">
                <span class="x-red">*</span>控制器标识
            </div>
        </div>
        <div class="layui-form-item">
            <label for="method_name" class="layui-form-label">
                <span class="x-red">*</span>操作方法
            </label>
            <div class="layui-input-inline">
                <input type="text" id="method_name" name="method_name"  lay-verify="required"
                       autocomplete="off" class="layui-input">
            </div>
            <div class="layui-form-mid layui-word-aux">
                <span class="x-red">*</span>方法标识
            </div>
        </div>
        <div class="layui-form-item">
            <label for="params" class="layui-form-label">
                <span class="x-red"></span>参数
            </label>
            <div class="layui-input-inline">
                <input type="text" id="params" name="params"  
                       autocomplete="off" class="layui-input">
            </div>
            <div class="layui-form-mid layui-word-aux">
                <span class="x-red"></span>参数字符串
            </div>
        </div>

        <div class="layui-form-item">
            <label for="sort" class="layui-form-label">
                <span class="x-red">*</span>顺序
            </label>
            <div class="layui-input-inline">
                <input type="text" id="sort" name="sort"  lay-verify="required"
                       autocomplete="off" class="layui-input" value="1">
            </div>
            <div class="layui-form-mid layui-word-aux">
                <span class="x-red">*</span>数字0-99
            </div>
        </div>
        
        <div class="layui-form-item" pane="">
            <label class="layui-form-label">状态</label>
            <div class="layui-input-block">
                <input type="radio" name="status" value="1" title="正常"  checked="">
                <div class="layui-unselect layui-form-radio">
                    <i class="layui-anim layui-icon"></i>
                    <div>
                        正常
                    </div>
                </div>
                <input type="radio" name="status" value="0" title="禁用">
                <div class="layui-unselect layui-form-radio layui-form-radioed">
                  <i class="layui-anim layui-icon"></i>
                    <div>
                        禁用
                    </div>
                </div>
            </div>
        </div>

        <div class="layui-form-item" pane="">
            <label class="layui-form-label">导航</label>
            <div class="layui-input-block">
                <input type="radio" name="isNav" value="1" title="是">
                <div class="layui-unselect layui-form-radio">
                    <i class="layui-anim layui-icon"></i>
                    <div>
                        是
                    </div>
                </div>
                <input type="radio" name="isNav" value="0" title="否" checked="">
                <div class="layui-unselect layui-form-radio layui-form-radioed">
                  <i class="layui-anim layui-icon"></i>
                    <div>
                        否
                    </div>
                </div>
            </div>
        </div>

        <div class="layui-form-item">
            <label for="nav_url" class="layui-form-label">
                <span class="x-red"></span>路由地址
            </label>
            <div class="layui-input-inline">
                <input type="text" id="nav_url" name="nav_url"   
                       autocomplete="off" class="layui-input" >
            </div>
            <div class="layui-form-mid layui-word-aux">
                <span class="x-red"></span>路由地址
            </div>
        </div>

        <div class="layui-form-item">
            <label for="nav_icon" class="layui-form-label">
                <span class="x-red"></span>图标
            </label>
            <div class="layui-input-inline">
                <input type="text" id="nav_icon" name="nav_icon"  
                       autocomplete="off" class="layui-input">
            </div>
            <div class="layui-form-mid layui-word-aux">
                <span class="x-red"></span>1级导航需要设置图标的unico值
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">
            </label>
            <button  class="layui-btn" lay-filter="add" lay-submit="">
                增加
            </button>
        </div>

    </form>
</div>
{/block}

{block name="js"}
<script>
    layui.use(['form', 'layer'],
        function() {
            $ = layui.jquery;
            var form = layui.form,
                layer = layui.layer;

            //监听提交
            form.on('submit(add)',
                function(data) {

                    $.ajax({
                        url: '/permission_add',
                        method: "POST",
                        data: data.field,
                        dataType: "json",
                        success: function (data) {
                            if(data.status == 1){
                                layer.alert(data.message, {
                                  icon: 6
                                });
                                close()
                            } else {
                                layer.alert(data.message, {
                                  icon: 5
                                });
                            }
                           
                        },
                        error : function (XMLHttpRequest, textStatus, errorThrow ) {
                            console.log('AJAX 执行失败...');
                        }

                    });
                    return false;
                });
            function close(){
                //关闭当前frame
                xadmin.close();
                // 可以对父窗口进行刷新
                xadmin.father_reload();
            }
        });
</script>
{/block}