/**
 * 找回密码
 * @author: xuqi<qi.xu@yoho.cn>
 * @date: 2015/12/14
 */

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

var emailAc = require('../common/ac-email'); // 邮箱自动完成

var $regionCodeText = $('#country-code'),
    $phoneNumInput = $('.phone-num'),
    $imgCaptchaInput = $('#verifyCode'),
    $regionSelectCtrl = $('#area'),
    $nextBtn = $('#find-btn'),
    $form = $('#back-form');

var emailRegx = regx.emailRegx,
    phoneRegx = regx.phoneRegx;

var ep = new EventProxy();

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

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

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

require('yoho-jquery-placeholder');

function refreshImgCaptcha() {
    var time = new Date(),
        $captchaImg = $('#captcha-img'),
        captchaImgSrc = $captchaImg.attr('src').split('?')[0];

    $('#captcha-img').attr('src', captchaImgSrc + '?t=' + time.getTime());
}

function validatePhoneNumAsync() {
    return $.ajax({
        type: 'POST',
        url: '/passport/back/authcode',
        data: {
            phoneNum: $phoneNumInput.val(),
            area: $regionCodeText.text()
        }
    }).then(function(data) {
        if (data.code === 200) {
            return true;
        } else if (data.code === 402) {
            errTip($phoneNumInput, '该账号不存在');
            return false;
        } else if (data.code === 400) {
            refreshImgCaptcha();
            return false;
        }
    });
}

function nextStep(url) {
    $form.attr('action', url);
    $form.submit();
}

function validatePhoneNumLocal() {
    var val = $.trim($phoneNumInput.val());

    if (val !== '') {
        if (/^[0-9]+$/.test(val)) {

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

            return true;
        } else {
            if (emailRegx.test(val)) {
                return true;
            } else {
                errTip($phoneNumInput, '邮箱格式不正确，请重新输入');
                return false;
            }
        }
    } else {
        errTip($phoneNumInput, '请输入帐号');
        return false;
    }
}

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

        if (validatePhoneNumLocal()) {
            validatePhoneNumAsync().then(function(result) {
                if (result) {
                    defer.resolve(true);
                } else {
                    errTip($phoneNumInput, '帐号不存在');
                    defer.reject(false);
                }
            });
        } else {
            defer.reject(false);
        }

        return defer.promise();
    }

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

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

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

    return true;
}

function validateImgCaptchaAsync() {
    return $.ajax({
        type: 'POST',
        url: '/passport/images/check',
        data: {
            verifyCode: $.trim($imgCaptchaInput.val())
        }
    }).then(function(result) {
        if (result.code === 200) {
            return true;
        } else {
            errTip($imgCaptchaInput, '验证码不正确');
            return false;
        }
    });
}

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

        if (validateImgCaptchaLocal()) {
            validateImgCaptchaAsync().then(function(result) {
                if (result) {
                    defer.resolve(true);
                } else {
                    errTip($imgCaptchaInput, '验证码不正确');
                    defer.reject(false);
                }
            });
        } else {
            defer.reject(false);
        }

        return defer.promise();
    }

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

emailAc($phoneNumInput, function() {
    validatePhoneNum();
});

$imgCaptchaInput.attr('maxlength', 4);

// IE8 placeholder
$('input').placeholder();

exports.init = function() {

    ep.tail('phone-num', 'captcha-img', function(phoneAuth, imgAuth) {
        if (phoneAuth && imgAuth) {
            $nextBtn.removeClass('disable');
        } else {
            $nextBtn.addClass('disable');
        }
    });

    ep.on('phone-num', function(auth) {
        if (auth) {
            hideTip($phoneNumInput);
        }
    });

    ep.on('captcha-img', function(auth) {
        if (auth) {
            hideTip($imgCaptchaInput);
        } else {
            refreshImgCaptcha();
        }
    });

    $imgCaptchaInput.on('blur', function() {
        validateImgCaptcha();
    }).on('focus', function() {
        hideTip($imgCaptchaInput);
    });

    $phoneNumInput.on('focus', function() {
        hideTip($phoneNumInput);
    });

    $nextBtn.on('click', function() {
        var urlPhone = '/passport/back/mobile',
            urlEmail = '/passport/back/email';

        var url = null;

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

        if (/^[0-9]+$/.test($.trim($phoneNumInput.val()))) {
            url = urlPhone;
        } else {
            url = urlEmail;
        }

        $nextBtn.addClass('disable');

        nextStep(url);
    });

    $('.change-captcha, #captcha-img').on('click', function() {
        refreshImgCaptcha();
    });

    $regionSelectCtrl.on('change', function() {
        $regionCodeText.text($regionSelectCtrl.val());
        validatePhoneNum();
    });
};