/*
 * @description 注册页js
 * @time 2015/12/14
 */

var $ = require('yoho-jquery'),
    regValidate = require('../common/mail-phone-regx'),
    computeComplex = require('../common/pwd-strength'),
    Captcha = require('../../plugins/captcha');

var $registerPage = $('.register-page'),
    $pwdTips = $('#pwd-tips'),
    $pwdTip1 = $pwdTips.find('#pwd-tip1'),
    $errTip = $('#err-tip'),
    $registerBtn = $('#register-btn'),
    captchaImage = new Captcha('#captcha-img', {checkURI: ''}).init();

var $sendCaptcha = $('#send-captcha'),
    validateResult = [];

var $pn = $('#phone-num'),
    $mc = $('#msg-captcha'),
    $pwd = $('#pwd'),
    getCaptchaImageVal = function() {
        return captchaImage.getResults();
    },
    timeSecond = 0;

// 密码强度验证
var $pwdIntensity = $('.pwd-intensity'),
    $pwdParent = $pwdIntensity.closest('.pwd-intensity-container');

// signup验证
var $region = $('#country-code'),
    $regionSelect = $('#region');

var pwdReg = regValidate.pwdValidateRegx;

var $curErrContainer;

var oldPhone = ''; // 如果手机号改变时刷新验证码

require('../../simple-header');
require('yoho-jquery-placeholder');
require('../../common/promise');

// 密码规则提示
$pwd.focus(function() {
    $pwdTips.removeClass('hide');
}).blur(function() {
    $pwdTips.addClass('hide');
});

// IE8 placeholder
$('[placeholder]').placeholder();

// 存储校验信息
validateResult = [
    {
        id: 'phone-num',
        message: '', // 错误信息
        status: false // 当前的状态
    },
    {
        id: 'captcha-img',
        message: '',
        status: false
    },
    {
        id: 'msg-captcha',
        message: '',
        status: false
    },
    {
        id: 'pwd',
        message: '',
        status: false
    },
    {
        id: 'repwd',
        message: '',
        status: false
    }
];

captchaImage.onRefresh(function() {
    validateResult[1].message = 'err';
    validateResult[1].status = false;
});

// 刷新图形验证码
function refreshPic() {
    captchaImage.refresh();
}

// 手机号ajax校验
function phoneAjaxFn(page, callback) {
    var url,
        data;

    if (page === 'reg') {
        url = '/passport/reg/checkmobile';
        data = {
            mobile: $pn.val(),
            area: $region.text().split('+')[1]
        };
    } else if (page === 'third') {
        url = '/passport/autouserinfo/bindCheck';
        data = {
            mobile: $pn.val(),
            area: $region.text().split('+')[1],
            openId: $('#open-id').val(),
            sourceType: $('#source-type').val()
        };
    }

    validateResult[0].message = 'err';
    validateResult[0].status = false;

    return $.ajax({
        url: url,
        type: 'POST',
        data: data
    }).then(function(res) {
        var defer = $.Deferred(); // eslint-disable-line

        defer.always(callback);

        if (!res) {
            return defer.reject().promise();
        }

        switch (res.code) {
            case 200:

                if ($pn.val() !== oldPhone && oldPhone !== '') {

                    // 如果手机号发生改变则刷新验证码并且更新状态
                    refreshPic();
                    validateResult[1].message = 'err';
                    validateResult[1].status = false;
                }

                oldPhone = $pn.val();

                validateResult[0].message = '';
                validateResult[0].status = true;

                return defer.resolve().promise();
            case 400:
                refreshPic();
                validateResult[0].message = res.message;
                validateResult[0].status = false;
                return defer.reject().promise();
            default:
                return defer.reject().promise();
        }
    });
}

// 图形验证码ajax校验
function picCaptchaAjaxFn(callback) {
    return captchaImage.check().then(function() {
        validateResult[1].message = '';
        validateResult[1].status = true;
    }).fail(function() {
        validateResult[1].message = 'err';
        validateResult[1].status = false;
    }).always(callback);
}

// 短信验证码ajax校验
function msgCaptchaAjaxFn(page, callback) {
    var url;

    if (page === 'reg') {
        url = '/passport/reg/msgcaptcha';
    } else if (page === 'third') {
        url = '/passport/autouserinfo/checkBindMsg';
    }

    return $.ajax({
        type: 'POST',
        url: url,
        data: {
            code: $mc.val(),
            mobile: $pn.val(),
            area: $region.text().split('+')[1]
        }
    }).then(function(data) {
        var defer = $.Deferred(); // eslint-disable-line

        defer.always(callback);

        if (!data) {
            return defer.reject().promise();
        }

        switch (data.code) {
            case 200:
                validateResult[2].message = '';
                validateResult[2].status = true;
                return defer.resolve().promise();
            case 400:
                validateResult[2].message = '短信验证码错误';
                validateResult[2].status = false;
                return defer.reject().promise();
            default:
                return defer.reject().promise();
        }
    });
}

// 验证
function validateRule(page, $element, callback) {

    var val = $.trim($element.val()),
        regionCode;

    // 根据需求http://redmine.yoho.cn/issues/3117改成上边的正则
    // 对应的错误提示语也改了，感觉要不了多久就会改回来
    // pwdReg = /^([a-zA-Z0-9\-\+_!@\#$%\^&\*\(\)\:\;\.=\[\]\\\',\?]){6,20}$/gi;

    var defer = $.Deferred();  // eslint-disable-line

    defer.always(callback);

    // 手机号校验
    if ($element.hasClass('phone-num')) {
        regionCode = $region.text();

        if (val === '') {
            validateResult[0].message = '请输入手机号码';
            validateResult[0].status = false;
            return defer.reject().promise();

        } else {
            if (!/^[0-9]+$/.test(val) ||
                (regionCode === '+86' && !regValidate.phoneRegx[regionCode].test(val))) {
                validateResult[0].message = '手机号码格式不正确,请重新输入';
                validateResult[0].status = false;
                return defer.reject().promise();

            } else {
                return phoneAjaxFn(page, callback);
            }
        }

        // 图形验证码校验
    } else if ($element.hasClass('w330')) {
        // 并且手机号正确
        if (validateResult[0].status) {
            return picCaptchaAjaxFn(callback);

        } else {
            validateResult[1].message = 'err';
            validateResult[1].status = false;
            return defer.reject().promise();
        }

        // 短信验证码校验
    } else if ($element.hasClass('msg-captcha')) {
        if (val === '') {
            validateResult[2].message = '请输入短信验证码';
            validateResult[2].status = false;
            return defer.reject().promise();

        } else if (val.length <= 3) {
            validateResult[2].message = '短信验证码错误';
            validateResult[2].status = false;
            return defer.reject().promise();

        } else {

            // 并且图形验证码正确
            if (validateResult[1].status) {
                return msgCaptchaAjaxFn(page, callback);
            } else {
                validateResult[2].message = '短信验证码错误';
                validateResult[2].status = false;
                return defer.reject().promise();
            }
        }

        // 密码校验
    } else if ($element.hasClass('pwd')) {
        if (val === '') {
            validateResult[3].message = '请输入密码';
            validateResult[3].status = false;
            return defer.reject().promise();
        } else if (val.length < 6 || val.length > 20) {
            validateResult[3].message = '密码只支持6-20位字符';
            validateResult[3].status = false;
            return defer.reject().promise();
        } else if (!pwdReg.test($element.val())) {
            validateResult[3].message = '密码须字母和数字组合';
            validateResult[3].status = false;
            return defer.reject().promise();
        } else {
            validateResult[3].message = '';
            validateResult[3].status = true;
            return defer.resolve().promise();
        }
    }

    return defer.promise();
}

function posErrTip() {
    var tipPos = $curErrContainer.offset();

    return $errTip.css({
        top: tipPos.top - 40,
        left: tipPos.left
    });
}

// 显示提示信息
function showErrTip() {

    var show = false,
        i,
        validateResultLen = validateResult.length;

    for (i = 0; i < validateResultLen; i++) {
        if (!show) {

            // 不可以通过status判断
            if (!!validateResult[i].message && validateResult[i].message !== 'err') {

                // 显示错误提示
                $errTip.find('span').text(validateResult[i].message);
                $curErrContainer = $('#' + validateResult[i].id);
                posErrTip().removeClass('hide');

                show = true; // 停止判断
            } else {
                $errTip.addClass('hide');
            }
        }
    }
}

// 显示红色边框
function showBorder() {

    var $errInput,
        i,
        validateResultLen = validateResult.length;

    for (i = 0; i < validateResultLen; i++) {
        if (validateResult[i].message && validateResult[i].message !== 'err') {

            // 显示红色边框
            $errInput = $('#' + validateResult[i].id);
            $errInput.addClass('error');

        } else {

            // 去掉红色边框
            $errInput = $('#' + validateResult[i].id);
            $errInput.removeClass('error');
        }
    }
}

// 密码强度验证
function pwdFn($obj) {
    var pwd = $obj.val(),
        pwdStrength = computeComplex(pwd),
        level = 0;

    if (pwdStrength === 0) {
        level = 0;
    } else if (pwdStrength <= 10) {
        level = 1;
    } else if (pwdStrength <= 20) {
        level = 2;
    } else {
        level = 3;
    }

    switch (level) {
        case 0:
            $pwdParent.removeClass('red yellow green');
            $pwdIntensity.removeClass('color');
            break;
        case 1:
            $pwdParent.addClass('red').removeClass('yellow green');
            $pwdIntensity.filter('.low').addClass('color');
            $pwdIntensity.filter('.mid,.high').removeClass('color');
            break;
        case 2:
            $pwdParent.addClass('yellow').removeClass('red green');
            $pwdIntensity.filter('.low,.mid').addClass('color');
            $pwdIntensity.filter('.high').removeClass('color');
            break;
        case 3:
            $pwdParent.addClass('green').removeClass('yellow red');
            $pwdIntensity.addClass('color');
            break;
        default:
            break;
    }

    // 提示框
    if (pwd === '') {
        $pwdTip1.removeClass('red yes no').addClass('default');
    } else if (pwd.length < 6 || pwd.length > 20) {
        $pwdTip1.removeClass('default yes').addClass('no red');
    } else {
        $pwdTip1.removeClass('default no red').addClass('yes');
    }
}

// 重新定位错误提示
$(window).resize(function() {
    if ($errTip.hasClass('hide')) {
        return;
    }

    posErrTip();
});

// 失去焦点时开始校验
// Tips: 不可以在获得焦点的时候验证，获得焦点和失去焦点的间隔太小，如果中间存在ajax校验的话会出现问题
// ( ▼-▼ )注册页和信息完善页面接口不同
exports.init = function(page) {
    $('#agree-terms').click(function() {

        var $this = $(this),
            i,
            passI = 0;

        if ($this.attr('notchecked')) {

            $this.removeAttr('notchecked');

            // 勾选
            for (i = 0; i < validateResult.length; i++) {
                if (validateResult[i].status) {
                    passI++;
                }
            }
            if (passI === 4) {
                $registerBtn.removeClass('disable').removeAttr('disabled');
            }
        } else {

            // 取消勾选
            $registerBtn.addClass('disable').attr('disabled', 'disabled');
            $this.attr('notchecked', 'notchecked');
        }
    });

    // 按回车键提交
    $registerPage.on('keydown', function(e) {
        var key = e.which;

        if (key === 13) {
            $registerBtn.click();
        }
    });

    $registerPage.find('.va').keyup(function() {

        var j,
            statusLen = 0,
            vLen = validateResult.length,
            $that = $(this);

        validateRule(page, $(this), function() {
            showErrTip(); // 显示错误提示
            showBorder(); // 显示红色边框

            // 如果validateResult中有4个status为true表示验证通过
            for (j = 0; j < vLen; j++) {

                if (validateResult[j].status) {

                    statusLen++;
                }

            }

            if (statusLen === 4 && !$('#agree-terms').attr('notchecked')) {
                $registerBtn.removeClass('disable').removeAttr('disabled');
            } else {
                $registerBtn.addClass('disable').attr('disabled', 'disabled');
            }
        });

        // 如果是密码则校验强度
        if (($that).hasClass('pwd')) {
            pwdFn($that);
        }

    });

    $regionSelect.change(function() {

        $region.text($('#region').val());

        validateRule(page, $pn, showErrTip); // 验证
    });

    // 点击发送验证码
    $sendCaptcha.click(function() {
        var t,
            url;

        if ($(this).hasClass('disable')) {
            return;
        }

        if (page === 'reg') {
            url = '/passport/reg/sendBindMsg';
        } else if (page === 'third') {
            url = '/passport/autouserinfo/sendBindMsg';
        }

        // 1.验证图形验证码是否正确
        // 2.验证手机号被注册过
        // 3.发送短信
        validateRule(page, $pn, function() {
            showErrTip(); // 显示错误提示
            showBorder(); // 显示红色边框
        }).then(function() {
            return validateRule(page, $('#captcha-img'), function() {
                showErrTip(); // 显示错误提示
                showBorder(); // 显示红色边框
            });
        }).then(function() {
            return $.ajax({
                type: 'POST',
                url: url,
                data: {
                    area: $region.text().split('+')[1],
                    mobile: $pn.val(),
                    verifyCode: getCaptchaImageVal()
                }
            }).then(function(result) {
                if (result.code === 405) {
                    validateResult[1].message = 'err';
                    validateResult[1].status = false;

                    captchaImage.showTip(result.message);
                    showErrTip();
                    return;
                }

                if (result.code !== 200) {
                    validateResult[0].message = result.message;
                    validateResult[0].status = false;

                    showErrTip();
                    return;
                }

                $('#msg-tip').removeClass('hide');
                timeSecond = 60;
                $sendCaptcha.addClass('disable').attr('disabled', 'disabled');
                $sendCaptcha.val('60秒可重新发送');

                t = setInterval(function() {
                    if (timeSecond <= 0) {
                        $sendCaptcha.removeClass('disable').removeAttr('disabled').val('获取短信验证码');
                        clearInterval(t);
                        return;
                    }
                    $sendCaptcha.val(timeSecond-- + '秒可重新发送');
                }, 1000);

                captchaImage.hideTip();
            });
        });
    });

    // 防止粘贴密码
    if ($('.success-box').length <= 0) {
        $pwd[0].onpaste = function() {
            return false;
        };
    }

    var isRegRequesting = false; // eslint-disable-line

    // ajax表单提交
    $registerBtn.click(function() {
        var url;

        if (page === 'reg') {
            url = '/passport/reg/mobileregister';
        } else if (page === 'third') {
            url = '/passport/autouserinfo/bindMobile';
        }

        if ($(this).hasClass('disable')) {
            return;
        } else {

            if (isRegRequesting) {
                return;
            }

            isRegRequesting = true;

            // ajax提交
            $.ajax({
                type: 'POST',
                url: url,
                data: {
                    area: $region.text().split('+')[1],
                    mobile: $pn.val(),
                    verifyCode: getCaptchaImageVal(),
                    code: $mc.val(),
                    password: $pwd.val()
                }
            }).then(function(data) {

                var time = 0,
                    t,
                    refer;

                if (data.code === 200) {

                    refer = data.data.href;

                    t = setTimeout(function() {
                        time++;
                    }, 1000);

                    $.ajax({
                        type: 'GET',
                        url: data.data.session
                    }).then(function(res) {

                        if (res.code === 200 && t < 3) {
                            clearInterval(t);
                            location.href = refer;
                        }
                    });

                    if (t >= 3) {
                        clearInterval(t);
                        location.href = refer;
                    }
                } else {
                    if (data.code === 405) {
                        captchaImage.showTip();
                    }
                    // todo
                    alert(data.message); //eslint-disable-line
                }

            }).always(function() {
                isRegRequesting = false;
            });
        }
    });
};


$('.qrcode-hover-reg').mouseenter(function() {
    _hmt.push(['_trackEvent', '二维码', '注册页', '', '']);
}).click(function() {
    _hmt.push(['_trackEvent', '二维码', '注册页', '', '']);
});