import wx from '../../utils/wx';
import event from '../../common/event';
import Yas from '../../common/yas';
import {getVerifyCode, bindMobileAction} from '../../common/login';

let app = getApp();
let yas = new Yas();
let router = global.router;

Page({
    data: {
        areaCode: '86',
        phoneNum: '',
        smsCode: '',
        btnText: '获取验证码',
        timerSec: 60,
        counting: false,
        regState: 0,
        activeClass: '',
        completeClass: '',
        areaName: '中国',
        hasUnionID: false,
        isSubmitting: false,
        autoBtnText: '自动验证'
    },
    onLoad: function(query) {
        const {phone, area} = query || {};

        if (+area === 86 && phone) {
            this.setData({
                phoneNum: phone,
                activeClass: 'active'
            });
        }

        event.on('choose-area', params => {
            this.setData({
                areaCode: params.code,
                areaName: params.name
            });
        });

        event.on('register-type-report', params => {
            yas.report('YB_REGISTER_SUCCESS', params);
        });

        this.setData({
            hasUnionID: !!app.globalData.unionID
        });
        yas.pageOpenReport();
    },
    phoneInput: function(e) {
        this.setData({
            phoneNum: e.detail.value.trim(),
            activeClass: e.detail.value.trim() ? 'active' : '',
            completeClass: (this.data.smsCode && e.detail.value.trim()) ? 'active' : ''
        });
    },
    codeInput: function(e) {
        this.setData({
            smsCode: e.detail.value.trim(),
            completeClass: (this.data.phoneNum && e.detail.value.trim()) ? 'active' : ''
        });
    },
    sendCode: function() {
        if (!this.data.phoneNum || this.data.counting) {
            return;
        }

        if (this.checkPhoneFormat()) {
            return getVerifyCode(this.data.areaCode, this.data.phoneNum).then(res => {
                if (res.code === 200) {
                    this.countDown();
                } else {
                    wx.showModal({
                        title: '提示',
                        content: res.message || '验证码发送失败',
                        showCancel: false
                    });
                }
            })
                .catch(() => {
                    wx.showModal({
                        title: '提示',
                        content: '验证码发送失败',
                        showCancel: false
                    });
                });
        }

        wx.showModal({
            title: '提示',
            content: '手机号码格式不正确',
            showCancel: false
        });
    },

    // 倒计时
    countDown: function() {
        let seconds = 60;
        let timer = setInterval(() => {
            seconds--;
            if (seconds < 0) {
                this.setData({
                    btnText: '重新获取验证码',
                    timerSec: 60,
                    counting: false,
                });
                clearInterval(timer);
            } else {
                this.setData({
                    btnText: `${seconds}s`,
                    timerSec: seconds,
                    counting: true,
                });
            }
        }, 1000);

        this.setData({
            btnText: '60s',
            timerSec: 60,
            counting: true,
        });
    },
    submitTap: function() {
        if (!this.data.completeClass) {
            return;
        }

        if (!this.data.smsCode || !this.data.phoneNum) {
            return wx.showModal({
                title: '提示',
                content: '手机号码和验证码都不能为空',
                showCancel: false
            });
        }

        if (!this.checkPhoneFormat()) {
            return wx.showModal({
                title: '提示',
                content: '手机号码格式不正确',
                showCancel: false
            });
        }

        wx.showToast({
            title: '加载中',
            icon: 'loading',
            duration: 10000
        });

        if (this.data.isSubmitting) {
            return;
        }

        this.data.isSubmitting = true;
        bindMobileAction(this.data.areaCode, this.data.phoneNum, this.data.smsCode)
            .then((res => {
                wx.hideToast();
                this.data.isSubmitting = false;
                if (res.code === 200) {
                    let userInfo = {};

                    userInfo.uid = res.data.uid;
                    userInfo.is_bind = res.data.is_bind || '';
                    userInfo.mobile = res.data.profile;
                    userInfo.ssouid = res.data.ssouid;
                    userInfo.sessionKey = res.data.session_key;

                    app.setUserInfo(userInfo);
                    app.setSessionKey(userInfo.sessionKey);

                    event.emit('user-login-success');
                    if (res.data && res.data.is_register === 0) {
                        event.emit('register-type-report', {YB_REGISTER_SUCCESS: 5});
                    }
                    wx.navigateBack();
                } else {
                    wx.showModal({
                        title: '提示',
                        content: res.message || '服务器错误',
                        showCancel: false
                    });
                }
            }))
            .catch(() => {
                this.data.isSubmitting = false;
                wx.showModal({
                    title: '提示',
                    content: '服务器错误',
                    showCancel: false
                });
                wx.hideToast();
            });
    },
    checkPhoneFormat: function() {

        // 手机号码验证规则
        let phoneRegx = {
            '+86': /^1[35847]{1}[0-9]{9}$/,
            '+852': /^[965]{1}[0-9]{7}$/,
            '+853': /^[0-9]{8}$/,
            '+886': /^[0-9]{10}$/,
            '+65': /^[98]{1}[0-9]{7}$/,
            '+60': /^1[1234679]{1}[0-9]{8}$/,
            '+1': /^[0-9]{10}$/,
            '+82': /^01[0-9]{9}$/,
            '+44': /^7[789][0-9]{8}$/,
            '+81': /^0[9|8|7][0-9]{9}$/,
            '+61': /^[0-9]{11}$/
        };

        return phoneRegx[`+${this.data.areaCode}`].test(this.data.phoneNum);
    },
    chooseArea: function() {
        router.go('chooseArea');
    }
});