// pages/choosecountry/choosecountry.js
'use strict';
import { API_HOST, SERVICE_HOST } from '../../libs/config';
import { GET, POST } from '../../libs/request';
import { getVerifyKey, bindAction, decodePhoneNumber, getUnionID, decodeUnionId, openAuthorizeSettings} from '../../utils/login';


let CHOOSED_COUNTRY_ID = 'CHOOSED_COUNTRY_ID'
let CHOOSED_COUNTRY_NAME = 'CHOOSED_COUNTRY_NAME'
let app = getApp();
const {extend,Toast} = require('../../vendors/zanui/index');

Page(extend({},Toast,{
  /**
   * 页面的初始数据
   */
  data: {
    country_name:'中国',
    country_area:'86',
    phoneNum:'',
    verifyBtnText:'获取验证码',
    counting:false,
    verifyCode:'',
    hasUnionID:'',
    inviteCode: '',
    h5back:'',
    graphicsCodeSwitch: false,
    graphicsCodeUrl: '',
    graphicsCodeElement: [
      {
        // position: '0px 0px',
        dataVal: 0,
      },
      {
        // position: '-80px 0px',
        dataVal: 0,
      },
      {
        // position: '-160px 0px',
        dataVal: 0,
      },
      {
        // position: '-240px 0px',
        dataVal: 0,
      },
    ],
  },

  onLoad: function (options) {
    // console.log("options",options)
    var inviteCode = options.inviteCode ? options.inviteCode : '';
    var h5back = options.h5back ? options.h5back:'';
    this.setData({
      hasUnionID: app.globalData.WXUnion_ID !== null && app.globalData.WXUnion_ID !== '' && app.globalData.WXUnion_ID !== undefined ? true:false,
      inviteCode,
      h5back,
    })
    new app.WeToast();

    this.fetchImageCheck_SwitchOn();
  },

  onShow: function () {
    let that = this;
    wx.getStorage({
      key: CHOOSED_COUNTRY_ID,
      success: function (res) {
        if (res.data.length>0) {
          // console.log(res.data)
          that.setData({ country_area: res.data});
        }
      }
    })

    wx.getStorage({
      key: CHOOSED_COUNTRY_NAME,
      success: function (res) {
        if (res.data.length > 0) {
          // console.log(res.data)
          that.setData({ country_name : res.data});
        }
      }
    })  
  },

  fetchImageCheck_SwitchOn: function (event) {
    let app = getApp();
    let that = this;
    let udid = app && app.globalData && app.globalData.udid ? app.globalData.udid : '';
    var timeStamp = Date.parse(new Date());

    let param = {
      fromPage: 'bindPhoneNumber',
    }
    GET(API_HOST +'/smart/way', param)
      .then(data => {
        let graphicsCodeSwitch = data.data;
        let graphicsCodeUrl = API_HOST + '/passport/img-check' + '?business_line=miniapp' + '&udid=' + udid + '&fromPage=' + 'bindPhoneNumber' + '&timeStamp=' + timeStamp;

        that.setData({
          graphicsCodeSwitch,
          graphicsCodeUrl,
        })
      })
      .catch(error => {

      });
  },

  // calcPosition: function (i, dataVal) {
  //   let positionX, positionY;
  //   let index = i;
  //   let count = parseInt(dataVal, 10) + 1;
  //   let unit = 'px';
  //   positionX = -index * 80 + unit;
  //   positionY = -count * 80 + unit;
  //   return [positionX, positionY].join(' ');
  // },

  didSelectImage: function (e) {
    let index = e.currentTarget.dataset.itemindex;
    let graphicsCodeElement = this.data.graphicsCodeElement;
    let elem = graphicsCodeElement[index];
    let dataVal = (parseInt(elem.dataVal)) % 4 + 1;
    // let position = this.calcPosition(index, elem.dataVal);
    // elem.position = position;
    elem.dataVal = dataVal;
    this.setData({graphicsCodeElement});
  },

  update: function (event) {
    var timeStamp = Date.parse(new Date());
    let udid = app && app.globalData && app.globalData.udid ? app.globalData.udid : '';
    let graphicsCodeUrl = API_HOST + '/passport/img-check' + '?business_line=miniapp' + '&udid=' + udid + '&fromPage=' + 'bindPhoneNumber' + '&timeStamp=' + timeStamp;
    this.setData({
      graphicsCodeUrl,
    })
  },

  /**
   * 新的授权方式
   */
  getUserInfo: function (e) {
    var that = this;
    if (e.detail.errMsg === 'getUserInfo:ok') {
    decodeUnionId(app.getWechatThirdSession(), e, function (response) {
      if (response.isHaveUnionID) {
        that.setData({
          hasUnionID: true,
        });
      }
    });
    } else {
      openAuthorizeSettings(function (response) {
        if (response.isHaveUnionID) {
          that.setData({
            hasUnionID: true,
          })
        };
        if (response.succeed === true) {
        } else {
          // console.log("根据unionid没有查询到uid,需要再次点击授权getPhoneNumber")
        }
      });
    }
  },
  
  getPhoneNumber: function (e) {
    var that = this;


    // console.log(e)
    // console.log(e.detail.errMsg)
    if (e.detail.errMsg === 'getPhoneNumber:ok') {
      decodePhoneNumber(e.detail.iv, e.detail.encryptedData, '', function (result) {
        // console.log('！！！！result', result)
        if (result.code != 200) {
          that.wetoast.toast({
            title: result.message,
            titleClassName: 'wetoast-title',
            duration: 1000
          });
        } else {
          if(result.succeed){
            //如果是从h5页面唤起，则重新用webview 打开h5链接；其他页面直接返回上一层
            if (that.data.h5back){
              wx.navigateBack({
                delta: 1,
              })
              wx.redirectTo({
                url: '../webview/webview?url=' + that.data.h5back
              })
            }else{
              if (result.is_register){
                that.showZanToast({
                  title: '欢迎加入Yoho!Family!新人礼包已发放到个人中心-优惠券,请注意查收', success: function () {
                    let prePage = getCurrentPages();
                    that.newCustomerStorage();
                    if (prePage.length > 1 && prePage[prePage.length - 2].bindPhoneNumComplete != undefined) {
                      prePage[prePage.length - 2].bindPhoneNumComplete();
                    }
                    wx.navigateBack({
                      delta: 1,
                    })
                  }
                }, 1500);
              } else {
              let prePage = getCurrentPages();
              that.newCustomerStorage();
              if (prePage.length > 1 && prePage[prePage.length - 2].bindPhoneNumComplete != undefined) {
                prePage[prePage.length - 2].bindPhoneNumComplete();
              }
              wx.navigateBack({
                delta: 1,
              })
              }
            }
          }
        }
      })
    } else {
    //   let needBind = true;
    //   that.setData({ needBind });
    //   that.loginAndRegisterTapped(true);
    }
  },

  chooseCountry:function(){
    wx.navigateTo({
      url: '../choosecountry/choosecountry',
    })
  },

  getVerifyCode:function() {
    let that = this
    if (that.data.counting) {
      return;
    }
    that.data.counting = true;

    if (that.data.phoneNum == "" || that.data.phoneNum == undefined || that.data.phoneNum == null) {
      that.wetoast.toast({
        title: "手机号不能为空",
        titleClassName: 'wetoast-title',
        duration: 1500
      });

      that.data.counting = false;
      return;
    }

    let fromPage = 'bindPhoneNumber';
    let degrees = '';
    for (var i = 0; i < that.data.graphicsCodeElement.length; i++) {
      let item = that.data.graphicsCodeElement[i];
      let dataVal = item.dataVal;
      if (i == 0){
        degrees = dataVal + ','
      } else if (i == that.data.graphicsCodeElement.length - 1){
        degrees = degrees + '' + dataVal;
      } else {
        degrees = degrees + '' + dataVal + ',';
      }
    }

    getVerifyKey(that.data.phoneNum, that.data.country_area, fromPage, degrees, function (result) {
      let self = that
      // console.log('result',result)
      if (result.message && result.message != '')
        self.wetoast.toast({
          title: result.message,
          titleClassName: 'wetoast-title',
          duration: 1500
        });
      if (result.succeed) {

        that.fetchImageCheck_SwitchOn();

        let countDownNumb = 60;
        let timer = setInterval(function () {
          countDownNumb--;
          if (countDownNumb < 0) {
            self.setData({
              verifyBtnText: "重新发送",
              counting: false,
            })
            clearInterval(timer);
          } else {
            self.setData({
              verifyBtnText: countDownNumb + "s",
              counting: true,
            })
          }
        }, 1000);
        // if (callBackFun)
        //   callBackFun(result);
      }
      else {
        self.setData({
          counting: false,
        })
        // if (callBackFun)
        //   callBackFun(result);
      }
    });
},

phoneInputChanged:function (e) {
  let that = this
  that.setData({
    phoneNum: e.detail.value
  })

  that.setData({
    disabledClass: that.data.phoneNum && that.data.verifyCode ? "" : "disabled"
  })
},

verifyCodeInputChanged:function (e) {
  let that = this
  that.setData({
    verifyCode: e.detail.value,
  });

  that.setData({
    disabledClass: that.data.phoneNum && that.data.verifyCode ? "" : "disabled"
  })
},

verifyBtnAction:function(){
  let that = this;
  let app = getApp()

  this.setData({
    hasUnionID: app.globalData.WXUnion_ID !== null && app.globalData.WXUnion_ID !== '' && app.globalData.WXUnion_ID !== undefined ? true : false,
  })
  if (wx.getSetting){
    wx.getSetting({
      success: (res) => {
        // console.log("userInfo:", res.authSetting["scope.userInfo"])
        if (res.authSetting["scope.userInfo"] !== null && res.authSetting["scope.userInfo"] !== undefined && res.authSetting["scope.userInfo"] === false) {
          wx.showModal({
            title: '',
            content: '检测到您未打开微信用户信息授权，开启后即可进行登录',
            confirmText: "去开启",
            confirmColor: "#000000",
            success: function (res) {
              if (res.confirm) {
                wx.openSetting({
                  success: (res) => {
                    // console.log(res.authSetting["scope.userInfo"])
                    if (res.authSetting["scope.userInfo"] !== null && res.authSetting["scope.userInfo"] !== undefined && res.authSetting["scope.userInfo"] === true) {
                      getUnionID(app.getWechatThirdSession(), function (response) {
                        if (response.succeed === true) {
                          let that = this
                          if (that.data.h5back) {
                            wx.navigateBack({
                              delta: 1,
                            })
                            wx.redirectTo({
                              url: '../webview/webview?url=' + that.data.h5back
                            })
                            }else{
                            wx.navigateBack({
                              delta: 1,
                            })
                            }
                        }
                      })
                    }
                  }
                })
              } else {

              }
            }
          })
        } else {
        }
      }
    })
  } else {
    wx.showModal({
      title: '提示',
      content: '当前微信版本过低，无法使用该功能，请升级到最新微信版本后重试。'
    })
  }
},

bindBtnAction:function (needBind, callBackFun) {
  let that = this
  // console.log('phoneNumber,verifyCode', that.data.phoneNum, that.data.verifyCode)
  if (!that.data.phoneNum) {
    that.wetoast.toast({
      title: '请输入有效手机号',
      titleClassName: 'wetoast-title',
      duration: 1500
    });

    return;
  }

  if (!that.data.verifyCode) {
    that.wetoast.toast({
      title: '请输入有效验证码',
      titleClassName: 'wetoast-title',
      duration: 1500
    });
    return;
  }
  
  bindAction(that.data.phoneNum, that.data.verifyCode, that.data.country_area, that.data.inviteCode, function (result) {
    // console.log("result:",result)
    if (result.message)
      that.wetoast.toast({
        title: result.message,
        titleClassName: 'wetoast-title',
        duration: 1500
      });
      
    if (result.succeed) {
      //新人toast提示
      if (result.is_register) {
        that.showZanToast({ title:'欢迎加入Yoho!Family!新人礼包已发放到个人中心-优惠券,请注意查收',success: function(){
          that.redirectAction();
        }},1500);
      } else {
        that.redirectAction();
      }
    }
  })
},

/**
 * 页面跳转
 */
redirectAction: function() {
  let that = this;
  if (that.data.h5back) {
    wx.navigateBack({
      delta: 1,
    })
    wx.redirectTo({
      url: '../webview/webview?url=' + that.data.h5back
    })
  } else {
    let prePage = getCurrentPages();
    that.newCustomerStorage();
    if (prePage.length > 1 && prePage[prePage.length - 2].bindPhoneNumComplete != undefined) {
      prePage[prePage.length - 2].bindPhoneNumComplete();
    }

    // console.log("currentPage:", getCurrentPages())
    wx.navigateBack({
      delta: 1,
    })
    return
  }
},

// 新人楼层标示newCustomer
newCustomerStorage: function() {
  try {
    wx.setStorage({
      key:"newCustomer",
      data:true
    })
  } catch (e) {
    // console.error(e);  
  }
}
}))