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

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

var $registerPage = $('.register-page'),
    $pwdTips = $('#pwd-tips'),
    $pwdTip1 = $pwdTips.find('#pwd-tip1'),
    $errTip = $('#err-tip'),
    $registerBtn = $('#register-btn'),
    $countDown = $('#count-down'),
    $successBtn = $('.success-btn'),
    countDown = 5,
    clearT;

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

var $pn = $('#phone-num'),
    $mc = $('#msg-captcha'),
    $pwd = $('#pwd'),
    $repwd = $('#repwd'),
    $ca = $('#captcha'),
    timeResidue = 0;

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

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

var isPwd = false,
    pwdVal;

var pwdReg = regValidate.pwdValidateRegx;

var $curErrContainer;

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

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

// 验证码位数
$ca.attr('maxlength', caCount);

// 密码规则提示
$pwd.focus(function() {
    $pwdTips.removeClass('hide');
    isPwd = true;
    pwdVal = $(this).val();
}).blur(function() {
    $pwdTips.addClass('hide');
    isPwd = false;
});


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

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

// 刷新图形验证码
function refreshPic() {
    var time = new Date(),
        $captchaImg = $('.captcha-img'),
        captchaImgSrc = $captchaImg.attr('src').split('?')[0];

    $captchaImg.attr('src', captchaImgSrc + '?t=' + time.getTime());
}

// 手机号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;

    $.ajax({
        url: url,
        type: 'POST',
        data: data
    }).then(function(res) {
        if (!res) {
            return;
        }

        switch (res.code) {
            case 200:

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

                    // 如果手机号发生改变则刷新验证码并且更新状态
                    refreshPic();
                    $sendCaptcha.addClass('disable').attr('disabled', 'disabled');
                    validateResult[1].message = '图形验证码错误';
                    validateResult[1].status = false;
                }

                oldPhone = $pn.val();

                validateResult[0].message = '';
                validateResult[0].status = true;
                break;
            case 400:
                refreshPic();
                validateResult[0].message = res.message;
                validateResult[0].status = false;
                break;
            default:
                break;
        }

        callback();
    });
}

// 图形验证码ajax校验
function picCaptchaAjaxFn(page, callback) {
    var url;

    if (page === 'reg') {
        url = '/passport/reg/piccaptcha';
    } else if (page === 'third') {
        url = '/passport/autouserinfo/checkPicCode';
    }
    $.ajax({
        type: 'POST',
        url: url,
        data: {
            verifyCode: $ca.val()

            // mobile: $pn.val(),
            // area: $region.text().split('+')[1]
        }
    }).then(function(data) {
        if (!data) {
            return;
        }

        switch (data.code) {
            case 200:
                validateResult[1].message = '';
                validateResult[1].status = true;
                break;
            case 400:
                refreshPic();
                validateResult[1].message = '图形验证码错误';
                validateResult[1].status = false;
                break;
            default:
                break;
        }
        callback();
    });
}

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

    if (page === 'reg') {
        url = '/passport/reg/msgcaptcha';
    } else if (page === 'third') {
        url = '/passport/autouserinfo/checkBindMsg';
    }
    $.ajax({
        type: 'POST',
        url: url,
        data: {
            code: $mc.val(),
            mobile: $pn.val(),
            area: $region.text().split('+')[1]
        }
    }).then(function(data) {
        if (!data) {
            return;
        }

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

        callback();
    });
}

// 验证
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;

    // 手机号校验
    if ($element.hasClass('phone-num')) {

        regionCode = $region.text();


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

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

        // 图形验证码校验
    } else if ($element.hasClass('captcha')) {
        if (val === '') {
            validateResult[1].message = '请输入图形验证码';
            validateResult[1].status = false;
            return callback();

        } else if (val.length <= 3) {
            validateResult[1].message = '图形验证码为4位';
            validateResult[1].status = false;
            return callback();

        } else {

            // 并且手机号正确
            if (validateResult[0].status) {
                picCaptchaAjaxFn(page, callback);
            } else {
                validateResult[1].message = '图形验证码错误';
                validateResult[1].status = false;
                return callback();
            }

        }

        // 短信验证码校验
    } else if ($element.hasClass('msg-captcha')) {

        if (val === '') {
            validateResult[2].message = '请输入短信验证码';
            validateResult[2].status = false;
            return callback();

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

        } else {

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

        // 密码校验
    } else if ($element.hasClass('pwd')) {
        if (val === '') {
            validateResult[3].message = '请输入密码';
            validateResult[3].status = false;

        } else if (val.length < 6 || val.length > 20) {
            validateResult[3].message = '密码只支持6-20位字符';
            validateResult[3].status = false;

        } else if (!pwdReg.test($element.val())) {
            validateResult[3].message = '密码须字母和数字组合';
            validateResult[3].status = false;

        } else {
            validateResult[3].message = '';
            validateResult[3].status = true;
        }
        return callback();

        // 二次密码校验
    } else if ($element.hasClass('repwd')) {
        if (val === '') {
            validateResult[4].message = '请输入密码确认';
            validateResult[4].status = false;

        } else if ($pwd.val() !== val) {
            validateResult[4].message = '与密码不一致,请重新输入';
            validateResult[4].status = false;

        } else {
            validateResult[4].message = '';
            validateResult[4].status = true;

        }

        return callback();
    }
}

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) {

            // 显示红色边框
            $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 (validateResult[1].status && timeResidue <= 0) {
                $sendCaptcha.removeClass('disable').removeAttr('disabled');
            } else {
                $sendCaptcha.addClass('disable').attr('disabled', 'disabled');
            }

            // 图形验证通过时，发送短信按钮可点击 end

        });

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

    }).blur(function() {

        /* validateRule($(this), function() {
         showErrTip();
         showBorder(); // 显示红色边框
         });*/
    });

    $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';
        }

        // todo ajax 发送验证码
        $.ajax({
            type: 'POST',
            url: url,
            data: {
                area: $region.text().split('+')[1],
                mobile: $pn.val(),
                verifyCode: $ca.val()
            }
        }).then(function(result) {
            if (result.code !== 200) {
                validateResult[0].message = result.message;
                validateResult[0].status = false;

                showErrTip();
                return;
            }

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

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

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

    // 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 {

            // ajax提交
            $.ajax({
                type: 'POST',
                url: url,
                data: {
                    area: $region.text().split('+')[1],
                    mobile: $pn.val(),
                    verifyCode: $ca.val(),
                    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 {

                    // todo
                    console.log('网络超时~');
                }

            });
        }
    });

    $('.change-captcha').click(function() {
        refreshPic();
    });

    // 注册成功页面5秒后跳转
    if ($('.success-box').length > 0) {
        clearT = setInterval(function() {

            if (countDown === 0) {

                window.location.href = $successBtn.attr('data-url');

                clearInterval(clearT);
            }
            $countDown.text(countDown--);
        }, 1000);
    }

    // 设置 refer 信息
    (function() {
        var refer = queryString().refer || ''; // eslint-disable-line

        if (refer) {
            setCookie('refer', refer);  // eslint-disable-line
        } else {
            setCookie('refer', '');  // eslint-disable-line
        }
    }());
};