/*
 * @description 注册
 * @author TaoHuang
 * @time 2016/7/14
 */

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

var $registerPage = $('.register-page');

var $phoneNumInput = $('#phone-num'),
    $smsCaptchaInput = $('#msg-captcha'),
    $smsCaptchaCtrl = $('#send-captcha'),
    $passwordInput = $('#pwd'),
    $imgCaptchaInput = $('#captcha'),
    $agreeTermsInput = $('.agree-terms'),
    $regionSelectHeader = $('#country-select-header'),
    $regionSelectList = $('#country-select-list'),
    $regionCodeText = $('#country-code'),
    $registerBtn = $('#register-btn');

var $phone = $phoneNumInput;
var second = 60;
var ep = new EventProxy();

var $pwdIntensity = $('.pwd-intensity'),
    $pwdParent = $pwdIntensity.closest('.pwd-intensity-container');

var pwdReg = regValidate.pwdValidateRegx;

var checkboxIcon = {
    checked: '',
    unchecked: ''
};

var upDown = {
    up: '',
    down: ''
};

var selectedIcon = '';

require('yoho-jquery-placeholder');

function errTip(ele, msg) {
    var $errTip = ele.next('.tips');
    var $errMsg = $errTip.find('.content');

    $errMsg.text(msg);
    return $errTip.removeClass('hide');
}

function hideTip(ele) {
    return ele.next('.tips').addClass('hide');
}

setTimeout(function() {
    $phoneNumInput.val('');
    $smsCaptchaInput.val('');
    $passwordInput.val('');
    $imgCaptchaInput.val('');
}, 0);

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

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

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

// 手机号ajax校验
function validatePhoneNumAsync() {
    return $.ajax({
        url: '/passport/reg/checkmobile',
        type: 'POST',
        data: {
            mobile: $phoneNumInput.val(),
            area: $regionCodeText.text().split('+')[1]
        }
    }).then(function(result) {
        if (!result) {
            return false;
        }

        switch (result.code) {
            case 200:
                return true;
            case 400:
                refreshImgCaptcha();
                errTip($phone, result.message);
                return false;
            default:
                return false;
        }
    });
}

function validateImgCaptchaLocal() {
    var length = $imgCaptchaInput.val().length;

    if (length === 0) {
        errTip($imgCaptchaInput, '请输入验证码');
        return false;
    } else if (length !== 4) {
        errTip($imgCaptchaInput, '验证码不正确');
        return false;
    } else {
        return true;
    }
}

// 图形验证码ajax校验
function validateImgCaptchaAsync() {
    return $.ajax({
        type: 'POST',
        url: '/passport/reg/piccaptcha',
        data: {
            verifyCode: $imgCaptchaInput.val()
        }
    }).then(function(data) {
        if (!data) {
            return false;
        }

        switch (data.code) {
            case 200:
                return true;
            case 400:
                refreshImgCaptcha();
                errTip($imgCaptchaInput, '图形验证码错误');
                return false;
            default:
                return false;
        }
    });
}

function validateImgCaptcha() {
    function validate() {
        var defer = $.Deferred(); // eslint-disable-line

        if (validateImgCaptchaLocal()) {
            validateImgCaptchaAsync().then(function(result) {
                if (result) {
                    defer.resolve(true);
                } else {
                    defer.reject(false);
                }
            });
        } else {
            defer.reject(false);
        }

        return defer.promise();
    }

    return validate().then(function() {
        hideTip($imgCaptchaInput);
        ep.emit('captcha-img', true);
    }).fail(function() {
        ep.emit('captcha-img', false);
    });
}

function validateSMSCaptchaLocal() {
    var length = $smsCaptchaInput.val().length;

    if (length === 0) {
        errTip($smsCaptchaInput, '请输入短信验证码');
        return false;
    } else if (length !== 4) {
        errTip($smsCaptchaInput, '短信验证码不正确');
        return false;
    } else {
        return true;
    }
}

// 短信验证码ajax验证
function validateSMSCaptchaAsync() {
    return $.ajax({
        type: 'POST',
        url: '/passport/reg/msgcaptcha',
        data: {
            code: $smsCaptchaInput.val(),
            mobile: $phoneNumInput.val(),
            area: $regionCodeText.text().split('+')[1]
        }
    }).then(function(data) {
        if (!data) {
            return false;
        }

        switch (data.code) {
            case 200:
                return true;
            case 400:
                errTip($smsCaptchaInput, '短信验证码错误');
                return false;
            default:
                return false;
        }
    });
}

function validateSMSCaptcha() {
    function validate() {
        var defer = $.Deferred(); // eslint-disable-line

        if (validateSMSCaptchaLocal()) {
            validateSMSCaptchaAsync().then(function(result) {
                if (result) {
                    defer.resolve(true);
                } else {
                    defer.reject(false);
                }
            });
        } else {
            defer.reject(false);
        }

        return defer.promise();
    }

    return validate().then(function() {
        hideTip($smsCaptchaInput);
        ep.emit('captcha-sms', true);
    }).fail(function() {
        ep.emit('captcha-sms', false);
    });
}

function validatePhoneNumLocal() {
    var phoneNum = $phoneNumInput.val(),
        length = phoneNum.length,
        regionCode = $regionCodeText.text();

    if (length === 0) {
        errTip($phone, '请输入手机号码');
        return false;
    }

    if (/^[0-9]+$/.test(phoneNum)) {

        // 这里只做中国区验证
        if (regionCode === '+86') {
            if (length === 11 && regValidate.phoneRegx['+86'].test(phoneNum)) {
                return true;
            } else {
                errTip($phone, '手机号码不正确，请重新输入');
                return false;
            }
        }
        return true;
    } else {
        return false;
    }
}

function validatePhoneNum() {
    function validate() {
        var defer = $.Deferred(); // eslint-disable-line

        if (validatePhoneNumLocal()) {
            validatePhoneNumAsync().then(function(result) {
                if (result) {
                    defer.resolve(true);
                } else {
                    defer.reject(false);
                }
            });
        } else {
            defer.reject(false);
        }

        return defer.promise();
    }

    return validate().then(function() {
        hideTip($phone);
        ep.emit('phone-num', true);
    }).fail(function() {
        ep.emit('phone-num', false);
    });
}

function validatePasswordLocal() {
    var val = $passwordInput.val(),
        length = val.length;

    if (length === 0) {
        errTip($passwordInput, '请输入密码');
        return false;
    } else if (length < 6 || val.length > 20) {
        errTip($passwordInput, '密码只支持6-20位字符');
        return false;
    } else if (!pwdReg.test(val)) {
        errTip($passwordInput, '密码只支持 6-20 位字符，建议字母+数字的组合');
        return false;
    } else {
        return true;
    }
}

function validatePassword() {
    function validate() {
        var defer = $.Deferred(); // eslint-disable-line

        if (validatePasswordLocal()) {
            defer.resolve(true);
        } else {
            defer.reject(false);
        }
        return defer.promise();
    }

    return validate().then(function() {
        hideTip($passwordInput);
        ep.emit('password', true);
    }).fail(function() {
        ep.emit('password', false);
    });
}

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

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

function register() {
    $.ajax({
        type: 'POST',
        url: '/passport/reg/mobileregister',
        data: {
            area: $regionCodeText.text().split('+')[1],
            mobile: $phoneNumInput.val(),
            verifyCode: $imgCaptchaInput.val(),
            code: $smsCaptchaInput.val(),
            password: $passwordInput.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 {
            console.log('网络超时~');
        }

    });
}

function sendSMSCaptcha() {
    $.ajax({
        type: 'POST',
        url: '/passport/reg/sendBindMsg',
        data: {
            area: $regionCodeText.text().split('+')[1],
            mobile: $phoneNumInput.val(),
            verifyCode: $imgCaptchaInput.val()
        }
    });
}

function disableSMSBtn() {
    second -= 1;
    if (second < 0) {
        second = 60;
        $smsCaptchaCtrl.text('获取短信验证码');
        $smsCaptchaCtrl.removeClass('disable');
        $smsCaptchaCtrl.removeClass('second-progress');
    } else {
        $smsCaptchaCtrl.addClass('second-progress');
        $smsCaptchaCtrl.text(second + '秒后可重新操作');
        window.setTimeout(disableSMSBtn, 1000);
    }
}

exports.init = function() {

    // 验证状态同步，所有的验证必须通过才可点击
    ep.tail('phone-num',
        'captcha-img',
        'captcha-sms',
        'password',
        'agree',
        function(phoneAuth, imgAuth, smsAuth, passwordAuth, agreeAuth) {
            if (phoneAuth && imgAuth && smsAuth && passwordAuth && agreeAuth) {
                $registerBtn.removeClass('disable');
            } else {
                $registerBtn.addClass('disable');
            }
        });

    // 验证手机输入
    $phoneNumInput.on('keyup blur', function() {
        validatePhoneNum();
    }).on('focus', function() {
        hideTip($phoneNumInput);
    });

    // 验证图形输入
    $imgCaptchaInput.on('keyup blur', function() {
        validateImgCaptcha();
    }).on('focus', function() {
        hideTip($imgCaptchaInput);
    });

    // 图形验证通过时，发送短信按钮可点击
    ep.tail('captcha-img', 'phone-num', function(captchaAuth, phoneAuth) {
        if (captchaAuth && phoneAuth && !$smsCaptchaCtrl.hasClass('second-progress')) {
            $smsCaptchaCtrl.removeClass('disable');
        } else {
            $smsCaptchaCtrl.addClass('disable');
        }
    });

    // 验证短信输入
    $smsCaptchaInput.on('keyup blur', function() {
        validateSMSCaptcha();
    }).on('focus', function() {
        hideTip($smsCaptchaInput);
    });

    // 验证密码输入
    $passwordInput.on('keyup', function() {
        var $this = $(this);

        validatePassword().always(function() {
            validatePasswordComplexLocal($this);
        });
    }).on('focus', function() {
        hideTip($passwordInput);
    });

    // 服务条款
    $agreeTermsInput.on('click', function() {
        var $this = $(this);

        $this.toggleClass('checked');

        if ($this.hasClass('checked')) {
            // 勾选
            $this.children('span').html(checkboxIcon.checked);
            ep.emit('agree', true);
        } else {
            // 取消勾选
            $this.children('span').html(checkboxIcon.unchecked);
            ep.emit('agree', false);
        }
    });

    function changeHeader() {
        var $indicator = $regionSelectHeader.find('.iconfont');

        if ($regionSelectList.hasClass('hide')) {
            $indicator.html(upDown.up);
        } else {
            $indicator.html(upDown.down);
        }
    }

    // 选择区域代码，验证手机号
    // 选择国家列表
    $regionSelectList.on('click', '.option', function() {
        var $clickItem = $(this);
        var areaCode = $clickItem.data('code');
        var name = $clickItem.data('value');
        var $selectedItem = $clickItem.siblings('.selected');

        $selectedItem.find('.iconfont').html('');
        $selectedItem.removeClass('selected');

        $clickItem.find('.iconfont').html(selectedIcon);
        $clickItem.addClass('selected');

        $regionSelectHeader.find('.name').html(name);
        $regionCodeText.text(areaCode);

        $regionSelectList.addClass('hide');
        changeHeader();
    });

    // 选择国家头
    $regionSelectHeader.on('click', function() {
        $regionSelectList.toggleClass('hide');
        changeHeader();
        validatePhoneNum();
    });

    // 点击发送验证码
    $smsCaptchaCtrl.on('click', function() {
        if ($smsCaptchaCtrl.hasClass('disable') || $smsCaptchaCtrl.hasClass('second-progress')) {
            return;
        }

        $smsCaptchaCtrl.addClass('disable');

        disableSMSBtn();
        sendSMSCaptcha();
    });

    // 点击注册提交
    $registerBtn.on('click', function() {
        if ($registerBtn.hasClass('disable')) {
            return;
        }

        $registerBtn.addClass('disable');
        register();
    });

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

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

    // 换图形验证码
    $('.change-captcha').click(function() {
        refreshImgCaptcha();
    });

    // 初始化，同意服务条款
    ep.emit('agree', true);
};