/**
 * @description 登录
 * @author TaoHuang
 * @time 2016/7/14
 */

var $ = require('yoho-jquery');
var EventProxy = require('yoho-eventproxy');

var $phoneNumInput = $('#account'),
    $passwordInput = $('#password'),
    $imgCaptchaInput = $('#captcha'),
    $smsCaptchaInput = $('#captcha-sms'),
    $smsCodeWrap = $('.sms-code-wrap'),
    $pwdWrap = $('.pwd-wrap'),
    $captchaSmsTokenHideInput = $('#captcha-sms-token-hide'),
    $loginBtn = $('#login-btn'),
    $phone = $('#phone'),
    $smsBtn = $('#sms-btn'),
    $regionCodeText = $('#country-code'),
    $regionSelectList = $('#country-select-list'),
    $regionSelectHeader = $('#country-select-header'),
    $emailAutoComplete = $('#email-autocomplete');

var $loginTip = $loginBtn.siblings('.login-fail-tip'),
    ep = new EventProxy();

var mailPhoneRegx = require('../common/mail-phone-regx');
var mailAc = require('../common/ac-email'); // 邮箱自动完成
var $remember = $('.remember-me');
var captchaUrl = '/passport/images?t='; // /passport/images?t=1454464125

var showCaptcha = false;
var $captchaWrap = $('.captcha-wrap'),
    $captchaImg = $captchaWrap.find('#captcha-img');

// checkbox status unicode
var checkbox = {
    checked: '',
    unchecked: ''
};

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

var selectedIcon = '';

// 短信验证码的计数器，60s
var secondCount = 60;

// 短信验证码只能验证一次
var isSmsCheckedSuccessFlag = false;
var currLoginType = 'PasswordLogin';
var imgIsRight = false;
var userIsRight = false;
var smsIsRight = false;

require('yoho-jquery-placeholder');

function refreshCaptcha() {
    $captchaImg.attr('src', captchaUrl + $.now());
    $imgCaptchaInput.val('');
}

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

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

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

// 获取区域号
function getArea() {
    return $regionCodeText.text().replace('+', '');
}

// 获取用户输入的手机号
function getMoblie() {
    return $.trim($phoneNumInput.val());
}

// 验证账户名
function validateAccountLocal() {
    var phoneNum = getMoblie(),
        regionCode = $regionCodeText.text();

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

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

            return true;
        } else {

            // 邮箱验证
            if (mailPhoneRegx.emailRegx.test(phoneNum)) {
                return true;
            } else {
                errTip($phoneNumInput, '邮箱格式不正确，请重新输入');
                return false;
            }
        }

    } else {
        errTip($phoneNumInput, '请输入账号');
        return false;
    }
}

// 异步验证帐号是否存在
function validateAccountAsync(url) {
    return $.ajax({
        type: 'POST',
        url: url,
        data: {
            phoneNum: getMoblie(),
            area: getArea()
        }
    }).then(function(data) {
        if (data.code && data.code === 200) {
            return true;
        } else {
            errTip($phoneNumInput, data.message);
            return false;
        }
    });
}

// 整合本地和异步验证信息
function validateAccount() {
    if (userIsRight) {
        return $.Deferred().resolve(true).promise();              // eslint-disable-line
    }

    return (function() {
        var defer = $.Deferred(); // eslint-disable-line
        var url = '/passport/login/user';

        if (currLoginType === 'SMSLogin') {
            url = '/passport/login/sms/checkuser';
        }

        if (validateAccountLocal()) {
            validateAccountAsync(url).then(function(result) {
                if (result) {
                    defer.resolve(result);
                } else {
                    defer.reject(result);
                }
            });
        } else {
            defer.reject(false);
        }

        return defer.promise();
    }()).then(function() {
        hideTip($phoneNumInput);
        ep.emit('phone', true);
        userIsRight = true;
    }).fail(function() {
        ep.emit('phone', false);
    });
}

// 验证密码
function validatePasswordLocal() {
    var password = $.trim($passwordInput.val());
    var length = password.length;

    if (length !== 0) {
        if (length < 6) {
            ep.emit('password', false);
            errTip($passwordInput, '请输入长度为6-20字符的密码');
            return false;
        } else {
            ep.emit('password', true);
            return true;
        }
    } else {
        errTip($passwordInput, '请输入密码');
        ep.emit('password', false);
        return false;
    }
}

// 图形验证验证码
function validateCaptchaLocal(isSms) {
    var captcha = $.trim($imgCaptchaInput.val());
    var length = captcha.length;

    switch (length) {
        case 0:
            errTip($imgCaptchaInput, isSms ? '请先输入图形验证' : '请输入验证码');
            ep.emit('captcha', false);
            return false;
        case 4:
            ep.emit('captcha', true);
            return true;
        default:
            errTip($imgCaptchaInput, '请输入长度为4字符的验证码');
            ep.emit('captcha', false);
            return false;
    }
}

// 异步验证图片验证码
function validateCaptchaImgAsync(isSms) {
    return $.ajax({
        url: '/passport/images/check',
        type: 'POST',
        data: {
            verifyCode: $.trim($imgCaptchaInput.val())
        }
    }).then(function(result) {
        if (result.code === 200) {
            return true;
        } else {
            errTip($imgCaptchaInput, isSms ? '图形验证码不正确，请重新输入' : '验证码不正确');
            return false;
        }
    });
}

// 整合本地和异步验证信息
function validateCaptchaImg(isSms) {
    if ($captchaWrap.hasClass('hide') || imgIsRight) {
        return true;
    }

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

        if (validateCaptchaLocal(isSms)) {
            validateCaptchaImgAsync(isSms).then(function(result) {
                if (result) {
                    defer.resolve(result);
                } else {
                    defer.reject(result);
                }
            });
        } else {
            defer.reject(false);
        }

        return defer.promise();
    }()).then(function() {
        hideTip($imgCaptchaInput);
        ep.emit('captcha', true);
        imgIsRight = true;
    }).fail(function() {
        ep.emit('captcha', false);
        setTimeout(function() {
            refreshCaptcha();
        }, 180);
    });
}

// 密码错误次数，超过三次显示验证码
function showAccountErrTimes() {
    $captchaWrap.removeClass('hide');
    showCaptcha = true;
    $captchaImg.attr('src', captchaUrl + $.now());
    $imgCaptchaInput.val('');
}

// 登录次数限制接口
function throttle() {
    return $.ajax({
        url: '/passport/login/account',
        type: 'GET',
        data: {
            account: getMoblie()
        }
    });
}

// 验证帐号系统
function validate() {
    if (userIsRight) {
        return true;
    }

    return validateAccount().then(function(result) {
        if (result) {
            return throttle();
        } else {
            return false;
        }
    }).then(function(res) {
        var defer = $.Deferred(); // eslint-disable-line

        if (!res) {
            defer.reject(false);
        }

        if (res.data && res.data.needCaptcha) {
            showAccountErrTimes();
            defer.reject(false);
        }

        defer.resolve(true);

        return defer.promise();
    });
}

// 邮箱自动补全
mailAc($phoneNumInput, function() {
});

// 手机号码输入框失去焦点事件
function phoneBlur() {
    $phone.removeClass('focus');
    validate();
}

$phoneNumInput.on('focus', function() {
    hideTip($phoneNumInput);
    $phone.addClass('focus');
    $(this).off('blur').on('blur', phoneBlur);
});

$phoneNumInput.on('input', function() {
    userIsRight = false;
});

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

// 改变选择图标
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('').end().removeClass('selected');

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

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

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

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

// 密码失去焦点后校验
$passwordInput.on('blur', function() {
    $(this).removeClass('focus');
    validatePasswordLocal();
}).on('focus', function() {
    $(this).addClass('focus');
    hideTip($passwordInput);
});

// 图形验证码失去焦点事件
function imgCaptchaBlur() {
    $imgCaptchaInput.removeClass('focus');
    validateCaptchaImg();
}

// 图形验证码失去焦点|获取焦点的校验
$imgCaptchaInput.on('focus', function() {
    $imgCaptchaInput.addClass('focus');
    hideTip($imgCaptchaInput);
    $(this).off('blur').on('blur', imgCaptchaBlur);
});

$imgCaptchaInput.on('input', function() {
    imgIsRight = false;
});

// 邮箱自动完成列表项点击
$emailAutoComplete.on('click', 'li', function() {
    $phoneNumInput.val($(this).text()).focus();
    $emailAutoComplete.addClass('hide');
});

// 记住登录状态
$remember.on('click', function() {
    var $this = $(this);

    $this.toggleClass('checked');

    if ($this.hasClass('checked')) {
        $this.children('span').html(checkbox.checked);
    } else {
        $this.children('span').html(checkbox.unchecked);
    }
});

// 验证码刷新
$captchaWrap.on('click', '.change-captcha, .captcha-img', function() {
    $captchaImg.attr('src', captchaUrl + $.now());
});

// 初始：只带账户名的页面，密码输入获得焦点
if (($phoneNumInput.val() !== '' || $phoneNumInput.val() === $phoneNumInput.attr('placeholder')) &&
    $passwordInput.val() === '') {
    $passwordInput.focus();
}

// 同时监听三个事件-- 密码登录
ep.tail('phone', 'password', 'captcha', function(phoneAuth, passwordAuth, captchaAuth) {
    if (phoneAuth && passwordAuth && captchaAuth) {
        $loginBtn.removeClass('auth_ok');
    } else {
        $loginBtn.addClass('auth_ok');
    }
});

// 同时监听三个事件-- 短信验证码登录
ep.tail('phone', 'captcha', 'smsCode', function(phoneAuth, captchaAuth, smsCodeAuth) {
    if (phoneAuth && captchaAuth && smsCodeAuth) {
        $loginBtn.removeClass('auth_ok');
    } else {
        $loginBtn.addClass('auth_ok');
    }
});

// 如果密码登录的图形验证码隐藏状态就直接通过校验
if (currLoginType === 'PasswordLogin') {
    if ($captchaWrap.hasClass('hide')) {
        ep.emit('captcha', true);
    }
}

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

ep.on('password', function(auth) {
    if (auth) {
        hideTip($passwordInput);
    }
});

ep.on('captcha', function(auth) {
    if (auth && !$captchaWrap.hasClass('hide')) {
        hideTip($imgCaptchaInput);
    }
});

ep.on('smsCode', function(auth) {
    if (auth && !$smsCodeWrap.hasClass('hide')) {
        hideTip($smsCaptchaInput);
    }
});

/** ***********************************************手机验证码登录*********************************************/
// 倒计时 60秒
function disable60sSendSmsBtn() {
    secondCount -= 1;
    if (secondCount < 0) {
        secondCount = 60;
        $smsBtn.val('获取短信验证码')
            .removeClass('second-progress')
            .removeClass('disable');
    } else {
        $smsBtn.addClass('disable')
            .addClass('second-progress')
            .val(secondCount + '秒后可重新操作');
        window.setTimeout(disable60sSendSmsBtn, 1000);
    }
}

// 发送短信验证码
function sendCaptchaSmsAsync() {
    return $.ajax({
        type: 'POST',
        url: '/passport/login/sms/send',
        data: {
            area: getArea(),
            mobile: getMoblie()
        }
    });
}

// 验证码输入本地校验
function validateCaptchaSmsLocal() {
    var smsCaptcha = $.trim($smsCaptchaInput.val());
    var length = smsCaptcha.length;

    switch (length) {
        case 0:
            errTip($smsCaptchaInput, '请输入短信验证码');
            return false;
        case 4:
            return true;
        default:
            errTip($smsCaptchaInput, '请输入长度为4字符的验证码');
            return false;
    }
}

// 异步校验短信验证码是否存在 Note: 这里的验证码只能成功验证一次，十分钟内有效
function validateCaptchaSmsAsync() {
    var smsToken = $.trim($captchaSmsTokenHideInput.val());

    if (isSmsCheckedSuccessFlag && smsToken !== '') {
        return $.Deferred().resolve(true).promise();              // eslint-disable-line
    }

    return $.ajax({
        url: '/passport/login/sms/auth',
        type: 'POST',
        data: {
            area: getArea(),
            mobile: getMoblie(),
            code: $.trim($smsCaptchaInput.val())
        }
    }).then(function(data) {
        if (data.code && data.code === 200) {
            $captchaSmsTokenHideInput.val(data.token);
            isSmsCheckedSuccessFlag = true;
            return true;
        } else if (data.code && data.code === 501) {
            errTip($smsCaptchaInput, data.message);
            $captchaSmsTokenHideInput.val('');
            return false;
        } else {
            errTip($smsCaptchaInput, '验证码不正确');
            $captchaSmsTokenHideInput.val('');
            return false;
        }
    });
}

// 整合本地和异步验证信息--短信验证
function validateCaptchaSms() {
    if (smsIsRight) {
        return true;
    }

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

        if (validateCaptchaSmsLocal()) {
            validateCaptchaSmsAsync().then(function(result) {
                if (result) {
                    defer.resolve(result);
                } else {
                    defer.reject(result);
                }
            });
        } else {
            defer.reject(false);
        }

        return defer.promise();
    }()).then(function() {
        hideTip($smsCaptchaInput);
        ep.emit('smsCode', true);
        smsIsRight = true;
    }).fail(function() {
        ep.emit('smsCode', false);
        refreshCaptcha();
        imgIsRight = false;
    });
}

// 切换登录方式
function changeLoginType() {
    var type = $(this).data('type');

    $phoneNumInput.off('blur'); // 移除掉手机输入框blur事件
    $phone.removeClass('focus');

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

    currLoginType = type;

    if (type === 'PasswordLogin') {
        $pwdWrap.removeClass('hide');
        $smsCodeWrap.addClass('hide');
        if (!showCaptcha) {
            $captchaWrap.addClass('hide');
            ep.emit('captcha', true);
        } else {
            refreshCaptcha();
        }
        hideTip($smsCaptchaInput);
        hideTip($smsCaptchaInput);
    } else if (type === 'SMSLogin') {
        $pwdWrap.addClass('hide');
        $smsCodeWrap.removeClass('hide');
        $captchaWrap.removeClass('hide');
        ep.emit('captcha', false);
        $smsCaptchaInput.val('');
        hideTip($passwordInput);
        refreshCaptcha();
    }

    hideTip($phoneNumInput);
    hideTip($imgCaptchaInput);
    $(this).siblings().removeClass('selected');
    $(this).addClass('selected');
}

$('.login-page .switch > div').on('mousedown', changeLoginType);

// 短信验证码发送按钮
$smsBtn.on('mousedown', function() {
    // 已在发送短信时间范围内
    if ($smsBtn.hasClass('second-progress')) {
        return;
    }

    $imgCaptchaInput.off('blur'); // 点发送验证码按钮不需要执行图形验证码的blur事件 因此移除
    $imgCaptchaInput.removeClass('focus');

    validateAccount()
        .then(function() {
            return validateCaptchaImg(true);
        })
        .then(function() {
            disable60sSendSmsBtn();
            return sendCaptchaSmsAsync();
        });
});

// 短信验证码
$smsCaptchaInput.on('blur', function() {
    $smsCaptchaInput.removeClass('focus');
    validateCaptchaSms();
}).on('focus', function() {
    $smsCaptchaInput.addClass('focus');
    hideTip($smsCaptchaInput);
});


/** **************************************************登录事件********************************************/
// 登录
function login() {
    return $.ajax({
        url: '/passport/login/auth',
        type: 'POST',
        data: {
            areaCode: getArea(),
            account: getMoblie(),
            password: currLoginType === 'PasswordLogin' ? $.trim($passwordInput.val()) : $captchaSmsTokenHideInput.val(), // eslint-disable-line
            captcha: $.trim($imgCaptchaInput.val()),
            isRemember: $remember.hasClass('checked') ? true : false,
            loginType: currLoginType
        },
        success: function(res) {
            if (res.code === 200) {
                if (res.data) {

                    // 防止data.data为undefined时下行语句执行出错而导致脚本不能走到complete去处理authing
                    location.href = res.data.refer;
                }
            } else {
                if (res.data.errorType === 'captcha') {
                    $imgCaptchaInput.val('');
                } else {
                    $loginTip.removeClass('hide').children('em').html(res.message);
                    $passwordInput.val('');
                }

                // 验证错误次数
                if (res.data && res.data.needCaptcha) {
                    showAccountErrTimes();
                }
            }
        }
    });
}

// 全部的本地验证-- 密码登录
function loginAsync() {
    return validateAccount()
        .then(validateCaptchaImg)
        .then(function() {
            var defer = $.Deferred();  // eslint-disable-line

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

            return defer.promise();
        }).then(function() {
            return login();
        });
}

// 全部的本地验证-- 短信验证登录
function smsLoginAsync() {
    return validateAccount()
        .then(validateCaptchaImg)
        .then(validateCaptchaSms)
        .then(function() {
            return login();
        });
}

// 登录
$loginBtn.on('click', function() {
    if ($loginBtn.hasClass('auth_ok')) {
        return;
    }

    if (currLoginType === 'PasswordLogin') {
        loginAsync();
    } else {
        smsLoginAsync();
    }
});

// Enter登录
$('input.va').on('keypress', function(e) {
    if (e.which === 13) {
        if (currLoginType === 'PasswordLogin') {
            loginAsync();
        } else {
            smsLoginAsync();
        }
    }
});