import { layerPopup } from '../public/commonFun-news.js';
import { fetchApi,onError,strSite} from '../public/api/fetch.js';
import { storageObj } from '../public/localstorage.js';
// import { checkoutHuiyuanTip } from '/assets/js/html.js?';
import { apiGetUserInfo,apiLoginByPhone ,apiLoginByEmail,apiReGist} from '../public/api/index.js';
$(document).ready(function() {
    const PHONE_LENGTH = 11;
    const PASSWORD_MIN_LENGTH = 6;
    const PASSWORD_MAX_LENGTH = 20;
    let intChangIndex = 0;
    const $getCodeButton = $('.get-v-code');

    // 去空格
    const getValueAndTrim = (selector) => $(selector).length > 0 ? $(selector).val().replace(/\s*/g, "") : "";

    // 用户名验证
    const isValidUsername = (username) => {
        if (username.length < PASSWORD_MIN_LENGTH || username.length > PASSWORD_MAX_LENGTH) {
            $('.sc-username-error').text(`必须由${PASSWORD_MIN_LENGTH}-${PASSWORD_MAX_LENGTH}位数字或者字母组成`);
            return false;
        }
        return true;
    };
    const validateEmail = (strAccount) => {
        let regex = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,6}$/;
        if (strAccount.length < PASSWORD_MIN_LENGTH ) {
            $('.sc-username-error').text(`请输入大于六位数的正确邮箱！`);
            return false;
        }else{
            if (regex.test(strAccount) || !strAccount) {
                return true;
            } else {
                $('.sc-username-error').text(`账号格式输入不正确，请重新输入`);
                return false;
            }
        }
    }

    // 手机号验证
    const isValidPhone = (phone) => {
        if (phone.length < PHONE_LENGTH ) {
            $('.sc-phone-error').text(`请填写正确的手机号码`);
            return false;
        }
        return true;
    };
    
    //验证码验证
    const isValidCode = (code) => {
        if (code.length !== 6 ) {
            $('.sc-code-error').text(`短信验证码必须是6位数字`);
            return false;
        }
        return true;
    };

    // 密码验证
    const isValidPassword = (password, confirmPass = null) => {
        if (password.length < PASSWORD_MIN_LENGTH || password.length > PASSWORD_MAX_LENGTH) {
            $('.sc-password-error').text(`密码必须由${PASSWORD_MIN_LENGTH}-${PASSWORD_MAX_LENGTH}位数字或者字母组成`);
            return false;
        }
        if (confirmPass !== null && password !== confirmPass) {
            $('.sc-confirm-password-error').text(`两次密码不匹配，请确认后重新输入`);
            return false;
        }
        return true;
    };

    // 输入框监听事件
    const setupInputValidation = (selector, errorSelector, validationFunc,type) => {
        $(selector).bind('input propertychange', function(e) {
            const value = e.target.value.replace(/\s*/g, "");
           	const strPasswordVal2 = getValueAndTrim(".sc-password");
        	const strConfirmPasswordval2 = getValueAndTrim(".sc-confirm-password");
            if (!validationFunc(value)) {
            	if(type == 0){
            		$(errorSelector).text(value.length === 0 ? `请输入邮箱` : $(errorSelector).text());
            	}else if (type == 2){
            		$(errorSelector).text(value.length === 0 ? `请填写正确的手机号码` : $(errorSelector).text());
            	}else if (type == 1){
            		$(errorSelector).text(value.length === 0 ? `请输入密码` : $(errorSelector).text());
            	}else{
            		$(errorSelector).text(value.length === 0 ? `短信验证码必须是6位数字` : $(errorSelector).text());
            	}
            	if(type == 1){
            		// 检查确认密码是否匹配
					if (strConfirmPasswordval2.length > 0 && strConfirmPasswordval2 !== strPasswordVal2) {
						$('.sc-confirm-password-error').text(`两次密码不匹配，请确认后重新输入`);
					} else {
						$('.sc-confirm-password-error').text(``);
					}
            	}
                
            } else {
                $(errorSelector).text('');
                if(type == 1){
            		// 检查确认密码是否匹配
					if (strConfirmPasswordval2.length > 0 && strConfirmPasswordval2 !== strPasswordVal2) {
						$('.sc-confirm-password-error').text(`两次密码不匹配，请确认后重新输入`);
					} else {
						$('.sc-confirm-password-error').text(``);
					}
            	}
            }
        });
    };
    
   
	// 0代表用户名 1密码 2手机号 1确认密码  3验证码
    setupInputValidation(".sc-username", ".sc-username-error", isValidUsername,0); 
    setupInputValidation(".sc-code", ".sc-code-error", isValidCode,3); 
    setupInputValidation(".sc-phone", ".sc-phone-error", isValidPhone,2);
    setupInputValidation(".sc-password", ".sc-password-error", (val) => isValidPassword(val),1);
    setupInputValidation(".sc-confirm-password", ".sc-confirm-password-error", (val) => isValidPassword($('.sc-password').val(), val),1);

    // 提交表单逻辑
    const submitForm = async (isLogin) => {
        const strUsernameVal = getValueAndTrim(".sc-username");
        const strPhoneVal = getValueAndTrim(".sc-phone");
        const strCodeVal = getValueAndTrim(".sc-code");
        const strPasswordVal = getValueAndTrim(".sc-password");
        const strConfirmPasswordval = getValueAndTrim(".sc-confirm-password");

        if (isLogin ==1) {
        	//登录
            if (intChangIndex === 0) {
                if (isValidUsername(strUsernameVal) && isValidPassword(strPasswordVal)) {
                    await handleSubmit(strUsernameVal, strPasswordVal,isLogin);
                }
            } else {
                if (isValidPhone(strPhoneVal) && isValidPassword(strPasswordVal)) {
                    await handleSubmit(strPhoneVal, strPasswordVal,isLogin);
                }
            }
        } else if (isLogin ==2) {
        	//注册
            if (validateEmail(strUsernameVal) && isValidPassword(strPasswordVal, strConfirmPasswordval)) {
                await handleSubmit(strUsernameVal, strPasswordVal,isLogin,strConfirmPasswordval);
            }
        }else if (isLogin ==3){
        	//忘记密码
        	if (isValidPhone(strPhoneVal) && isValidCode(strCodeVal) && isValidPassword(strPasswordVal, strConfirmPasswordval)) {
                await handleSubmit(strPhoneVal,strPasswordVal,isLogin,strConfirmPasswordval,strCodeVal);
            }
        }
    };

    const handleSubmit = async (username, password,isLogin,confirmpassword,code,) => {
    	if(isLogin == 1){
    		if(intChangIndex == 0){
    			userLogin(username, password)
    		}else{
    			phoneLogin(username, password)
    		}
    	}else if(isLogin == 2){
    		userRegister(username, password)
    	}else if(isLogin == 3){
    		forgetPassWord(username, password,code)
    	}
        
    };
    
    /*
        mu_email	string	Y	用户邮箱
        mu_pwd	string	Y	用户密码
        si_id	int	Y	站点 ID    
    */
   //用户名登录
    function userLogin(username, password) {
        let postData = {
            'mu_email':username,
            'mu_pwd':password,
            'si_id':strSite,
        }
        fetchApi(apiLoginByEmail, postData,successFun, onError)
        function successFun(res){
            if (res.code == '000') {
                layerPopup(res.message, 3)
                localStorage.setItem(storageObj.tokenKey, res.data.token)
                localStorage.setItem(storageObj.loginStatus, true)
                localStorage.setItem(storageObj.isMember, res.data.mu_is_vip)
                localStorage.setItem(storageObj.userInfo, res.data)
                history.go(-1)
                // getInfo()
            } else if (res.code == '014') {
                // 需要重置密码
                strSetPwdKey = res.data.key
                localStorage.setItem(storageObj.loginStatus, true)
                layerPopup(res.message, 3)
            } else {
                layerPopup('出错啦！请重试', 3)
            }
        }
    }
    //手机登录
    function phoneLogin(username, password) {
        let postData = {
            'phone':username,
            'password':password,
            'si_id':strSite,
        }
        fetchApi(apiLoginByPhone, postData,successFun, onError)
        function successFun(res){
            if (res.code == '000') {
                layerPopup(res.message, 3)
                localStorage.setItem(storageObj.tokenKey, res.data.token)
                localStorage.setItem(storageObj.loginStatus, true)
                localStorage.setItem(storageObj.isMember, res.data.mu_is_vip)
                localStorage.setItem(storageObj.userInfo, res.data)
                // history.go(-1)
                // getInfo()
            }else if (res.code == '014') {
                // 需要重置密码
                strSetPwdKey = res.data.key
                localStorage.setItem(storageObj.loginStatus, true)
                layerPopup(res.message, 3)

            } else {
                layerPopup('出错啦！请重试', 3)
            }
        }
    }
    //用户注册
    function userRegister(username, password) {
        let postData = {
            'mu_email':username,
            'mu_pwd':password,
            'si_id':strSite,
            mu_channel_code: localStorage.getItem(EncAndDec.encryptData('dlfx_channelcode')) || '',
            mu_channel_domain: localStorage.getItem(EncAndDec.encryptData('dlfx_sourceDomain')) || '',
            mu_referrer_id: localStorage.getItem(EncAndDec.encryptData('dlfx_muReferrerId')) || ''
        }
        fetchApi(apiReGist, postData,successFun, onError)
        function successFun(res){
            if (res.code == '000') {
    		    //$(".sc-public-popup").show()
                layerPopup('注册成功！' ,3)
                let time = setTimeout(()=>{
                    clearTimeout(time)
                    history.go(-1)
                },1500)
            }else{
                layerPopup('请求超时，请稍后再试', 3)
            }
        }
    }
    //忘记密码
    function forgetPassWord(username, password,code) {
        let postData = {
            'phone':username,
            'password':password,
            'code':code,
            
        }
        fetchApi(apiLoginByPhone, postData,successFun, onError)
        function successFun(res){
            console.log(res.message)
            layerPopup(res.message, 3)
            console.log(res)
            
        }
    }
    
    
    //用户详情
    function getInfo() {
        fetchApi(apiGetUserInfo, null,successFn, onError)
        function successFn(res){
            if (res.code == '000') {
                var data = res.data
                localStorage.setItem(storageObj.userInfo, JSON.stringify(data))
                let timestamp = Date.parse(new Date());
                if (data.mu_vip_expired != null) {
                    localStorage.setItem(storageObj.isMember, true)
                    let vip_timesStamp = new Date(data.mu_vip_expired).getTime()
                    let seconds = 2 * 24 * 60 * 60 * 1000
                    if (vip_timesStamp - timestamp > seconds) {
                        console.log('大于2天')
                        history.go(-1)
                    } else {
                        console.log('小于2天')
                        if (vip_timesStamp < timestamp) {
                            localStorage.setItem(storageObj.isMember, false)
                            $('.charge-dialog').show()
                        } else {
                            $('.vip-dialog').show()
                            $('.tip-date').text('你的会员即将过期，请及时续费，续费会员，纵想激情')
                        }
                    }

                } else {
                    // $(".sc-vip_modal").show()
                    // $('.yh-expire').show()
                    localStorage.setItem(storageObj.isMember, false)
                }
            } else {
                layerPopup(res.msg, 3)
            }
        }
    }
	
	//登录
    $('.sc-login-btn').on('click', function() {
        submitForm(1);
    });
	//注册
    $('.sc-register-btn').on('click', function() {
        submitForm(2);
    });
    //忘记密码
	$('.sc-forget-btn').on('click', function() {
        submitForm(3);
    });
    // 登录页 用户登录/手机登录切换
	var a = $(".grid .login_item");
    var c = $(".grid .input-pu-lic")
    for (var i = 0; i < a.length; i++) {
        a[i].index = i;
        a[i].setAttribute("index", i);
        a[i].onclick = function () {
            for (var i = 0; i < a.length; i++) {
                a[i].className = 'undefined point login_item'
                c[i].className = 'align_center gap10 input-pu-lic ee58ce4adf';
            }
            this.className = '_2a4b899e3f point login_item';
            var index = this.getAttribute("index");
            intChangIndex = index
            c[index].className = 'fl align_center gap10 _53fc7f89df _17d18e62bf input-pu-lic';

            $(".sc-username").val('')
            $(".sc-password").val('')
            $(".sc-phone").val('');
            $('.sc-username-error').text(`请输入邮箱`);
            $('.sc-password-error').text(`请输入密码`);
            $('.sc-phone-error').text(`请填写正确的手机号码`);
        }
    }
    
    
    /**
	 * 发送验证码
	 */
	const sendMsg = () => {
		$(".yzm-btn").on('click', function () {
			const intPhone = getValueAndTrim(".sc-phone");
			if (isValidPhone(intPhone)) {
				getSmsCode(intPhone);
			}else{
				//  $(".sc-public-popup").show()
				//  $(".sc-public-popup .sc-trends-text").text(`请填写正确的手机号码`);
			}
		});
		function getSmsCode(strPhone) {
	        let postData = {
	            'phone':strPhone,
	            'type':'reg',
	        }
	        let timerCount = 60;
	        let timerCctvQiDon = setInterval(() => {
	            if (timerCount <= 0) {
	                $getCodeButton.text('获取验证码');
	                clearInterval(timerCctvQiDon);
	            } else {
	                timerCount--;
	                $getCodeButton.text(`${timerCount} s`);
	            }
	        }, 1000);
		}
	
	}
	$(".sc-junp-vip-buy").on('click', function () {
		window.open('/taochang');
	});

	$(function () {
		sendMsg()
	});

});