import { API_HOST, SERVICE_HOST } from '../../../libs/config';
import { GET, POST } from '../../../libs/request';
import { parseBrandListData} from '../../../utils/productList';
import { decodePhoneNumber, wechatLoginAction, getUnionID, decodeUnionId, openAuthorizeSettings, listen } from '../../../utils/login';
import { getYHStorageSync } from '../../../utils/util';

var app = getApp();
const windowWidth = app.globalData.systemInfo.windowWidth;
const windowHeight = app.globalData.systemInfo.windowHeight;
const screenHeight = app.globalData.systemInfo.screenHeight;
const backgroundImageW = 375;
const backgroundImageH = 375;

const listHorizontal = 15;
const listVertical = 15;
const { extend, Toast } = require('../../../vendors/zanui/index');
const DEVICE_WIDTH_RATIO = windowWidth / 375;
Page(extend({},Toast,{

  /**
   * 页面的初始数据
   */
  data: {
    windowWidth,
    windowHeight,
    screenHeight,
    backgroundImageW,
    backgroundImageH,

    listMarginHorizontal: listHorizontal * DEVICE_WIDTH_RATIO,
    listMarginVertical: listVertical * DEVICE_WIDTH_RATIO,

    isLogin: app.isLogin(),
    hasUnionID: '',
    backgroundUrl: '',
    isShowInviterInfo: false,
    inviterInfo: {    //邀请人信息
      inviterCode: '',
      inviterHeadIcon: '',
      inviterNickname: '',
      inviterTrendWrod: '',
    },
    inviteInfo: {},
    shareInfo: {    //分享信息
      inviteCode: '',  //邀请码
      trendWord: '', //潮流口令
      nickName: '',
      headIcon: '',
    },
    activityRules: "",
    isShowFriendList: false,
    inviteFriendList: [],
  
    productList: [],

    alertStatus: {
      isShowAlert: false,
      width: windowWidth,
      height: screenHeight,
      title: '',
      message: '',
      messageAlign: 'left',
      messageFontsize: 12,
      functionText: '',
    }
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var isShowInviterInfo = options.inviteCode && options.inviteCode.length > 0;
    var inviterInfo = {
      inviterCode: options.inviteCode,
      inviterNickname: options.nickname,
      inviterHeadIcon: options.headicon,
      inviterTrendWrod: options.trendWord
    }

    new app.WeToast();
    this.setData({
      inviterInfo,
      isShowInviterInfo
    });

    this.setData({
      hasUnionID: app.globalData.WXUnion_ID !== null && app.globalData.WXUnion_ID !== '' && app.globalData.WXUnion_ID !== undefined ? true : false,
    })
    this.fetchInviteInfo();
    this.fetchBgBanner();
    this.fetchProductList();
    this.fetchActivityRules();

    //订阅登录完成通知
    listen(function (succeed) {
      if (succeed) {
        this.setData({
          isLogin: app.isLogin()
        })
        this.getUserShareInfo();
      }

      this.setData({
        hasUnionID: app.globalData.WXUnion_ID !== null && app.globalData.WXUnion_ID !== '' && app.globalData.WXUnion_ID !== undefined ? true : false,
      })
    }.bind(this))
  },

  updateLoginStatue() {
    let app = getApp();
    this.setData({
      isLogin: app.isLogin()
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
  
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    this.setData({
      isLogin: app.isLogin()
    })
    if (app.isLogin() && this.data.shareInfo.inviteCode.length <= 0) {
      this.getUserShareInfo();
    }
    this.fetchFriendList();
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
  
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
  
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
  
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
  
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    var ob = {
      title: this.data.inviteInfo.shareMainTitle,
      path: 'pagesSecond/pages/inviteFriend/inviteFriend?inviteCode=' + this.data.shareInfo.inviteCode + '&nickname=' + this.data.shareInfo.nickName + '&trendWord=' + this.data.shareInfo.trendWord + '&headicon=' + this.data.shareInfo.headIcon,
    };
    return ob;
  },
  /**
    * 新的授权方式
    */
  getUserInfo: function (e) {
    var that = this;
    // console.log(e);
    if (e.detail.errMsg === 'getUserInfo:ok') {
    decodeUnionId(app.getWechatThirdSession(), e, function (response) {
      if (response.isHaveUnionID) {
        that.setData({
          hasUnionID: true,
        });
      } else {
        // console.log("没有获取到unionid");
      }
    });
    } else {
      openAuthorizeSettings(function (response){
        if (response.isHaveUnionID) {
          that.setData({
            hasUnionID: true,
          })
        };
        // console.log("openAuthorizeSettings");
        if (response.succeed === true) {
        } else {
        }
      });
    }
  },
  getPhoneNumber: function (e) {
    var app = getApp()
    var that = this;
    var inviteCode = that.data.inviterInfo.inviterTrendWrod && that.data.inviterInfo.inviterTrendWrod.length > 0 ? that.data.inviterInfo.inviterTrendWrod : that.data.inviterInfo.inviterCode;
    if (e.detail.errMsg === 'getPhoneNumber:ok') {
      decodePhoneNumber(e.detail.iv, e.detail.encryptedData, inviteCode, function (result) {
        if (result.code != 200) {
          that.wetoast.toast({
            title: result.message,
            titleClassName: 'wetoast-title',
            duration: 1000,
            success: function () {
              tt.navigateTo({
                url: '/pages/bindPhoneNumber/bindPhoneNumber?inviteCode=' + inviteCode,
              })
            }.bind(that)
          });
        } else {
          //新注册用户
          if (result.is_register){
            that.showZanToast({
              title: '欢迎加入Yoho!Family!新人礼包已发放到个人中心-优惠券,请注意查收',success: function() {
                let uid = app.globalData.userInfo.uid > 0 ? app.globalData.userInfo.uid : 0;
                that.setData({
                  isLogin: app.isLogin()
                })
                app.updateUid(uid)
                that.getUserShareInfo();
            }},1500);
          } else {
          let uid = app.globalData.userInfo.uid > 0 ? app.globalData.userInfo.uid : 0;                    
          that.setData({
              isLogin: app.isLogin()
            })
          app.updateUid(uid)
          that.getUserShareInfo();
          }
        }
      })
    } else {
      tt.navigateTo({
        url: '/pages/bindPhoneNumber/bindPhoneNumber?inviteCode=' + inviteCode,
      })
    }
  },

  formSubmit: function (e) {
    let formId = e.detail.formId;
    let _self = this;
    if (!app.getUid() || !formId || formId.length === 0) return;
    //上报formId
    let formIdParams = {
      uid: app.getUid(),
      openId: app.globalData.openID ? app.globalData.openID : getYHStorageSync('openID','inviteFriend'),
      miniapp_type: app.globalData.miniapp_type,
      formId: formId,
      method: 'wechat.formId.add',
    }
    // console.log('params', formIdParams)
    GET(API_HOST, formIdParams)
  },

  // fetchData
  fetchInviteInfo: function () {
    let params = {
      method: 'app.invitecode.totalForMiniApp',
    };

    GET(API_HOST, params)
      .then((json) => {
        if (json && json.code && json.code == 200) {
          this.data.inviteInfo = json.data;
          tt.setNavigationBarTitle({
            title: this.data.inviteInfo.shareMainTitle,
          })
          this.setData({
            inviteInfo: this.data.inviteInfo,
          })
        }
      })
      .catch((error) => {

      });
  },

  fetchBgBanner: function () {
    let that = this;
    let content_code = '393550a420afefddb1042a0f56dcdb2f';

    let param = {
      content_code,
    };

    GET(API_HOST + '/operations/api/v5/resource/get', param)
      .then(json => {
        if (json && json.code && json.code == 200) {
          let list = json.data;
          var backgroundUrl = "";
          if (list && list.length > 0) {
            let imageData = list[0].data.list[0];
            let imageHeight = list[0].data.imageHeight;
            let imageWidth = list[0].data.imageWidth;
            backgroundUrl = imageData.src.replace(/{width}/g, backgroundImageW * DEVICE_WIDTH_RATIO *2).replace(/{height}/g, backgroundImageH * DEVICE_WIDTH_RATIO *2).replace('{mode}', 2);
          }
          this.setData({
            backgroundUrl,
          })
        }
      })
      .catch(error => {
      });
  },

  fetchProductList: function() {
    let params = {
      method: 'app.search.top',
      page: 1,
      limit: 10
    };

    GET(API_HOST, params)
    .then(json =>{
      if (json && json.code && json.code == 200) {
        var data = json.data.product_list;
        var productList = parseBrandListData(data, Math.ceil(300 * DEVICE_WIDTH_RATIO), Math.ceil(400*DEVICE_WIDTH_RATIO));
        if (productList && productList.length > 0){
            this.setData({
              productList,
            })
        }
      }
    })
    .catch(error =>{
    });
  },

  fetchInviteCode: function () {
    if (this.data.shareInfo.inviteCode && this.data.shareInfo.inviteCode.length > 0) {
      return;
    }

    let params = {
      method: 'app.invitecode.my',
    };
    this.showLoadingToast();
    GET(API_HOST, params)
      .then(json => {
        this.hideLoadingToast();
        if (json && json.code && json.code == 200) {
          var code = json.data.inviteCode ? json.data.inviteCode : '';
          var trendWord = json.data.trendWord ? json.data.trendWord : '';
          var shareInfo = this.data.shareInfo;
          shareInfo.inviteCode = code,  //邀请码
          shareInfo.trendWord = trendWord, //潮流口令
          this.setData({
            shareInfo
          });
        }
      })
      .catch(error => {
        this.hideLoadingToast();
      });
  },

  fetchUserInfo: function() {
    var that = this;
    if (this.data.shareInfo.nickName && this.data.shareInfo.nickName.length > 0) {
      this.hideLoadingToast();
      return;
    }

    let params = {
      method: 'app.passport.profile',
    };
    this.showLoadingToast();
    GET(API_HOST, params)
      .then(json => {
        this.hideLoadingToast();
        if (json && json.code && json.code == 200) {
          var nickname = json.data.profile_name ? json.data.profile_name : '';
          var head_icon = json.data.head_ico ? json.data.head_ico : '';
          head_icon = head_icon.replace(/{width}/g, 50 * DEVICE_WIDTH_RATIO * 2).replace(/{height}/g, 50 * DEVICE_WIDTH_RATIO * 2).replace('{mode}', 2);
          var shareInfo = this.data.shareInfo;
          shareInfo.nickName = nickname, 
          shareInfo.headIcon = head_icon,
          this.setData({
            shareInfo
          });
        }
      })
      .catch(error => {
        this.hideLoadingToast();
      });
  },

  getUserShareInfo: function (){
    var that= this;
    tt.getSetting({
      success(res) {
        if (!res.authSetting['scope.userInfo']) {
          tt.authorize({
            scope: 'scope.userInfo',
            success: function (res) {
              that.getWxUserInfo();
            },
            fail: function (error) {
              that.fetchUserInfo();
            }
          })
        } else {
          that.getWxUserInfo();
        }
      }
    });
    this.fetchInviteCode();
  },

  getWxUserInfo: function () {
    var that = this;
    var app = getApp();
    tt.getUserInfo({
      success: function (res) {
        var nickname = res.userInfo.nickName ? res.userInfo.nickName : '';
        var head_icon = res.userInfo.avatarUrl ? res.userInfo.avatarUrl : '';
        var shareInfo = that.data.shareInfo;
        app.globalData.userInfo.avatarUrl = head_icon;
        app.globalData.userInfo.nickName = nickname;

        shareInfo.nickName = nickname, 
        shareInfo.headIcon = head_icon,
        that.setData({
          shareInfo
        });
        that.uploadWXUserInfo(head_icon, nickname);
      }
    });
  },

  uploadWXUserInfo: function (headic, nickname) {
    var uid = app.globalData.userInfo.uid
    if (!uid || !nickname || !headic || headic == "images/mine_default_head.png") return
    let params = {
      method: 'app.wechat.addUpdUser',
      headIco: headic,
      nickname,
      uid
    };

    GET(API_HOST, params)
      .then(json => {
      })
      .catch(error => {
      });

    
  },

  fetchFriendList: function () {
    let params = {
      method: 'app.invitecode.history',
    };

    GET(API_HOST, params)
      .then(json => {
        if (json && json.code && json.code == 200) {
            var friendList = json.data.data;
            friendList = this.parseFriendInfo(friendList);
            if (friendList && friendList.length > 0) {
              this.setData({
                inviteFriendList: friendList,
                isShowFriendList: true
              })
            }
        }
      })
      .catch(error => {
      });
  },

  parseFriendInfo: function(list) {
    var newData = [];
    list && list.map((item, index)=>{
      var headIcon = item.headIco.replace(/{width}/g, 45 * DEVICE_WIDTH_RATIO * 2).replace(/{height}/g, 45 * DEVICE_WIDTH_RATIO * 2).replace('{mode}', 2);
      item.headIco = headIcon;
      newData.push(item);
    });
    return newData;
  },

  fetchActivityRules: function() {
    let params = {
      method: 'app.invitecode.activityRuleForMiniApp',
    };

    GET(API_HOST, params)
      .then(json => {
        if (json && json.code && json.code == 200) {
          var rules = json.data.activityRuleDesc;
          this.setData({
            activityRules: rules
          })
        }
      })
      .catch(error => {
      });
  },

  // 响应事件
  openRules: function(e) {
    var alertStatus = this.data.alertStatus;
    alertStatus.isShowAlert = true;
    alertStatus.title = '活动细则';
    alertStatus.message = this.data.activityRules;
    alertStatus.messageAlign = 'left';
    alertStatus.messageFontsize = 12;
    alertStatus.functionText = '';
    this.setData({
      alertStatus
    })
  },

  checkFriendStatus: function (e) {
    var item = e.currentTarget.dataset.item;
    var alertStatus = this.data.alertStatus;
    var title = '';
    var message = '';
    var functionText = '';

    if (item.couponStatus === 0) {
      title = '您的好友任务未达成';
      message = item.paymentStatusDesc;
    } else if (item.couponStatus === 1) {
      message = '您的奖励待放发';
    } else {
      title = '您的好友任务已达成';
      message = "恭喜您获得一张现金券，您可以在“个人中心-优惠券”中查看";
      functionText = '立即查看';
    }

    alertStatus.isShowAlert = true;
    alertStatus.title = title;
    alertStatus.message = message;
    alertStatus.messageAlign = 'center';
    alertStatus.messageFontsize = 14;
    alertStatus.functionText = functionText;
    this.setData({
      alertStatus
    })
  },

  closeAlert: function(e) {
    var alertStatus = this.data.alertStatus;
    alertStatus.isShowAlert = false;
    this.setData({
      alertStatus
    })
  },

  productTap: function (e) {
    var product = e.currentTarget.dataset.item;
    tt.navigateTo({
      url: '/pages/goodsDetail/goodsDetail?productSkn=' + product.product_skn,
    })
  },

  jumpToCoupon: function(e) {
    tt.navigateTo({
      url: '/page/subPackage/pages/couponList/couponList',
    })
  },

  showLoadingToast: function () {
    tt.showToast({
      title: '加载中',
      icon: 'loading',
      duration: 10000,
    })
  },

  hideLoadingToast: function () {
    tt.hideToast()
  }

}))