var WapTn = new Vue({
    extends: baseVue,
    data: {
        isLoading: false,
        registerForm: {
            username: "",
            password: "",
            rePassword: ""
        },
        registerFormRules: {
            username: [{
                required: true,
                message: "请输入用户名称",
                trigger: "blur"
            }, {min: 3, max: 20, message: "用户名称长度为 3 到 20 个字符", trigger: "blur"}],
            password: [{
                required: true,
                message: "请输入密码",
                trigger: "blur"
	            }, {min: 3, max: 20, message: "密码长度为 3 到 20 个字符", trigger: "blur"}, {
                trigger: "blur",
                validator: function (rule, value, callback) {
                    if (value === "") {
                        callback(new Error("请输入密码"));
                    } else {
                        if (WapTn.registerForm.rePassword !== "") {
                            WapTn.$refs["registerForm"].validateField("rePassword");
                        }
                        callback();
                    }
                }
            }],
            rePassword: [{
                required: true,
                message: "请输入确认密码",
                trigger: "blur"
	            }, {min: 3, max: 20, message: "密码长度为 3 到 20 个字符", trigger: "blur"}, {
                trigger: "blur",
                validator: function (rule, value, callback) {
                    if (value === "") {
                        callback(new Error("请再次输入密码"));
                    } else if (value !== WapTn.registerForm.password) {
                        callback(new Error("两次输入的密码不一致!"));
                    } else {
                        callback();
                    }
                }
            }]
        }
    },
    methods: {
        onSubmit: function () {
            this.$refs["registerForm"].validate(function (valid) {
                if (valid) {
                    WapTn.isLoading = true;

                    axios.post("/reg.php", {
                        username: WapTn.registerForm.username,
                        password: encryPassword(WapTn.registerForm.password)
                    }).then(function (response) {
                        Cookies.set("t", response.data.token, cookiesSettings);
                        Cookies.set("username", response.data.username, cookiesSettings);

                        WapTn.$refs.simplert.openSimplert({
                            title: "注册成功",
                            message: "欢迎您加入叮当去ballbet贝博备用",
                            disableOverlayClick: true,
                            customCloseBtnText: '明白',
                            onClose: function () {
                                window.location = INDEX_URL;
                            }
                        });
                        WapTn.isLoading = false;
                    }).catch(function (exception) {
                        if (exception) {
                            var msg;
                            if (exception.code == "USERNAME_EXIST") {
                                msg = "用户名称已被注册"
                            }
                            WapTn.isLoading = false;
                            WapTn.$refs.simplert.openSimplert({
                                title: "注册失败",
                                message: msg,
                                disableOverlayClick: true,
                                customCloseBtnText: '明白',
                                onClose: function () {
                                }
                            });
                        }
                    })
                } else {
                    return false;
                }
            });
        }
    },
    mounted: function () {
        if (this.isLogin) {
            this.$refs.simplert.openSimplert({
                title: "您已经注册过叮当去ballbet贝博备用啦",
                message: "您的账号是：" + Cookies.get("username"),
                disableOverlayClick: true,
                customCloseBtnText: '我知道了',
                onClose: function () {
                    window.location = INDEX_URL;
                }
            });
        }
    }
});