{extend name="public:form" /}
{block name="body"}
<div class="layui-row">
<form class="layui-form">
        <div class="layui-form-item">
            <label for="name" class="layui-form-label">
                <span class="x-red">*</span>登录名
            </label>
            <div class="layui-input-inline">
                <input type="text" id="name" name="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="L_pass" class="layui-form-label">
                <span class="x-red">*</span>密码
            </label>
            <div class="layui-input-inline">
                <input type="password" id="password" name="password"  lay-verify="required|pass"
                       autocomplete="off" class="layui-input">
            </div>
            <div class="layui-form-mid layui-word-aux">
                6到16个字符
            </div>
        </div>
        <div class="layui-form-item">
            <label for="L_repass" class="layui-form-label">
                <span class="x-red">*</span>确认密码
            </label>
            <div class="layui-input-inline">
                <input type="password" id="password_confirm" lay-verify="required|repass" name="password_confirm"
                       autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label for="" 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.verify({
                name: function(value) {
                    if (value.length < 5) {
                        return '账号字少5个字符';
                    }
                },
                password: [/(.+){6,12}$/, '密码必须6到12位'],
                password_confirm: function(value) {
                    if ($('#password').val() != $('#password_confirm').val()) {
                        return '两次密码不一致';
                    }
                }
            });
            //监听提交
            form.on('submit(add)',
                function(data) {
                    var url = '/admin_add';
    
                    $.ajax({
                        url: url,
                        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}