import {login, loginData} from '../loginPop/login.js';
import {API_HOST, SERVICE_HOST} from '../../../../libs/config';
import {GET, POST} from '../../../../libs/request';

let app = getApp();

// pages/redEnvelope/redEnvelope.js
Page(Object.assign({}, login, {
  /**
   * 页面的初始数据
   */
  data: {
    isAlreadyReceived: false,
    isLogin: false,
    showLoginBox: false,
    redBagType: '',
    notOpen: false,
    shareCode: '',
    recieveMessage: '分享码已被别的用户领取',
    isWechatService: false,
    userInfo: {},
    rewardType: 1,
    rewardUrl: '',
    rewardName: '',
    account: '',
    screenHeight: 0,
    isStop: true,
    lightStop: true,
    rewardList: [],
    imageLoadTotal: 0,
    rewardIndex: -1, // 最终结果所在的index
    scrollIndex: -1 // 滚动时的index
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
    let self = this;
    if (app.isLogin()) {
      this.setData({
        isLogin: true
      });
      this.checkIsWechatCs({});
    } else {
      this.setData({
        isLogin: false
      });
    }

    let screenHeight = 0;
    let query = tt.createSelectorQuery(); // 让蒙层铺满整个页面长度
    query.select('#rewardContainer').boundingClientRect(function(res) {
      console.log(res.height);
      screenHeight = res.height;
      self.setData({
        screenHeight: screenHeight + 'px'
      })
    });
    query.exec();
    
    this.getRewardsUrlList(); // 获取奖品图片列表
    this.setData({
      ...loginData,
      shareCode: options.shareCode || '',
    });

    new app.WeToast();

    if (tt.hideShareMenu) {
      tt.hideShareMenu();
    }
  },

  /**
   * 领取红包
   */
  openRedBag: function() {
    if (!this.data.isLogin) {
      this.setData({
        showLoginBox: true
      });

      this.fetchImageCheck_SwitchOn();
      return;
    } else {
      if (this.data.notOpen) {
        this.wetoast.toast({
          title: this.data.recieveMessage,
          titleClassName: 'wetoast-title',
          duration: 2000
        });

        return false;
      }

      // if (tt.showLoading) {
      //   tt.showLoading({
      //     title: '加载中',
      //   });
      // }

      this.receiveCouponForWxCS({});
    }
  },

  // 获取奖品列表
  getRewardsUrlList: function() {
    let self = this;
    tt.showLoading({
      title: '奖品加载中',
      mask: true
    })
    GET(API_HOST, {
      method: 'app.passport.getRewardsUrlList'
    }).then(ret => {
      console.log(ret);
      for (let i = 0; i < ret.data.length; i++) {
        let imageURL = ret.data[i].rewardImageUrl;
        ret.data[i].rewardImageUrl = imageURL.split('?')[0].replace('http', 'https') + '?imageView2/2/w/186/h/170/q/60';
      }

      self.setData({
        rewardList: ret.data || []
      })
    });
  },

  receiveCouponForWxCS: function(option) {
    let self = this;
    // 领取优惠券
    if (this.data.lightStop && this.data.isStop) {
      GET(API_HOST, {
        method: 'app.passport.receiveCouponForWxCS',
        uid: app.getUid(),
        shareCode: this.data.shareCode
      }).then(ret => {
        console.log(ret);
        if (ret && ret.code && ret.code == 200) {
          // this.getIsCanReceive(option);
          self.setData({
            lightStop: false,
            isStop: false
          });

          self.roller(0, 200); // 开始转动奖品
          setTimeout(function () {
            let rewardIndex = -1;
            for (let i = 0; i < self.data.rewardList.length; i++) {
              if (ret.data.rewardId === self.data.rewardList[i].rewardId) {
                rewardIndex = i;
              }
            }
            self.setData({
              isStop: true,
              rewardIndex: rewardIndex,
              rewardType: ret.data.rewardType,
              rewardUrl: ret.data.rewardUrl,
              rewardName: ret.data.rewardName
            })
          }, 2000);

        } else {
          if (tt.hideLoading) {
            tt.hideLoading();
          }

          this.wetoast.toast({
            title: ret.message,
            titleClassName: 'wetoast-title',
            duration: 2000
          });
        }
      });

      // const result = {
      //   alg: 'SALT_MD5',
      //   code: 200,
      //   data: {
      //     rewardUrl: 'https://flv01.static.yhbimg.com/activity/2018/08/02/10/03d2c97327a48c0467fe64e5bdeff442bb.png',
      //     rewardName: '20元优惠券1234567980-2031203189',
      //     rewardId: 34,
      //     rewardType: 2
      //   },
      //   md5: 'e8bcca09966627bea87a974dc5413133',
      //   message: 'success.'
      // };
    }
  },

  stopRoller:function (index, times, spd) {
    
    this.data.isStop = true;
    this.setData({
      isStop: true,
      scrollIndex: index
    });

    if (spd < 500) {
      spd += 20;
    }
    if (times > 0) {
      times -= 1;
      if (index < 7) {
        index += 1;
      } else {
        index = 0;
      }
      setTimeout(this.stopRoller, spd, index, times, spd);
    } else {
      let self = this;
      setTimeout(function() {
        self.setData({
          lightStop: true,
          isAlreadyReceived: true // 显示中奖结果
        });
      }, 1000);
      
    }
  },

  roller: function (index, spd) {
    if (!this.data.isStop) {
      this.setData({
        scrollIndex: index
      });

      if (index < 7) {
        index += 1;
      } else {
        index = 0;
      }
      if (spd > 50) {
        spd -= 10;
      }
      setTimeout(this.roller, spd, index, spd);
    } else {
      this.stopRoller(index, this.data.rewardIndex + 8 * 2 - index, spd);
    }
  },

  goToUse: function() {
    tt.switchTab({
      url: '../../../../pages/index/index'
    });
  },

  /**
   * 获取用户是否可以领取优惠券[200(可以领取) 201(当前用户已领取，返回couponName) 202(分享码已被被别的用户领取)]
   */
  getIsCanReceive: function(option) {
    let params = {
      method: 'app.passport.getIsCanReceive',
      uid: app.getUid(),
      shareCode: this.data.shareCode
    };

    GET(API_HOST, params).then(ret => {
      if (ret && ret.code && ret.code == 200) {
        // 可以领取
        if (ret.data.recieveCode == 200) {
          if (option.get) {
            this.receiveCouponForWxCS({
              get: false
            });
          } else {
            this.setData({
              isAlreadyReceived: false
            });

            if (tt.hideLoading) {
              tt.hideLoading();
            }
          }
        }

        // 当前用户已领取
        if (ret.data.recieveCode == 201) {
          this.setData({
            isAlreadyReceived: true,
            rewardType: ret.data.rewardType || ''
          });

          if (this.data.rewardType == 1) {
            this.setData({
              redBagType: ret.data.couponAmount || ''
            });
          }

          if (this.data.rewardType == 2) {
            this.setData({
              rewardUrl: ret.data.rewardUrl || '',
              rewardName: ret.data.rewardName || ''
            });
          }
        }

        // 分享码被其他用户领取
        if (ret.data.recieveCode == 202) {
          this.setData({
            isAlreadyReceived: false,
            notOpen: true,
            recieveMessage: ret.data.recieveMessage
          });

          if (tt.hideLoading) {
            tt.hideLoading();
          }

          this.wetoast.toast({
            title: ret.data.recieveMessage,
            titleClassName: 'wetoast-title',
            duration: 2000
          });
        }
        setTimeout(function () {
          tt.showToast({
            title: ret.data.recieveMessage,
            icon: 'none',
            duration: 2000
          });
        }, 1000)
        
      } else {
        this.setData({
          isAlreadyReceived: false,
          notOpen: true,
          recieveMessage: ret.message
        });

        if (tt.hideLoading) {
          tt.hideLoading();
        }
      }
    });
  },

  /**
   * 判断是否是微信客服
   */
  checkIsWechatCs: function(option) {
    GET(API_HOST, {
      method: 'app.passport.checkIsWechatCs',
      uid: app.getUid()
    }).then(ret => {
      if (ret && ret.code && ret.code == 200) {
        this.setData({
          isWechatService: ret.data.isWechatService == 'Y' ? true : false
        });

        if (ret.data.isWechatService == 'Y') {
          this.getUserInfoByShareCode();
        } else {
          this.getIsCanReceive(option);
        }
      } else {
        if (tt.hideLoading) {
          tt.hideLoading();
        }
      }
    });
  },

  /**
   * 根据分享码，客服uid获取领取用户的信息
   */
  getUserInfoByShareCode: function() {
    GET(API_HOST, {
      method: 'app.passport.getUserInfoByShareCode',
      uid: app.getUid(),
      shareCode: this.data.shareCode
    }).then(ret => {
      if (tt.hideLoading) {
        tt.hideLoading();
      }
      if (ret && ret.code && ret.code == 200) {
        this.setData({
          userInfo: ret.data,
          isAlreadyReceived: true
        });
      }
    });
  },
  copy: function() {
    tt.setClipboardData({
      data: `${this.data.userInfo.vipLevel} ${this.data.userInfo.uid}`
    })
  },
  imageLoad: function() {
    if (tt.hideLoading) {
      tt.hideLoading();
    }
  },

  rewardImageLoadComplete: function() {
    let total = this.data.imageLoadTotal + 1;
    this.setData({
      imageLoadTotal: total
    });

    if (total >= 7) {
      if (tt.hideLoading) {
        tt.hideLoading();
      }
    }

  },

  bindAccount: function(e) {
    this.setData({
      account: e.detail.value
    })
  },

  // 提交微信客服账号
  submitWxAccount: function() {
    if (!this.data.account) {
      this.wetoast.toast({
        title: '请输入用户微信号',
        titleClassName: 'wetoast-title',
        duration: 2000
      });
      return;
    }

    if (tt.showLoading) {
      tt.showLoading({
        title: '正在提交',
      });
    }
    GET(API_HOST, {
      method: 'app.passport.submitUserWechatCode',
      uid: app.getUid(),
      wechat_uid: this.data.userInfo && this.data.userInfo.uid,
      userCode: this.data.account
    }).then(ret => {
      if (ret && ret.code && ret.code == 200) {
        this.wetoast.toast({
          title: '微信号提交成功',
          titleClassName: 'wetoast-title',
          duration: 2000
        });

        this.setData({
          'userInfo.submitWechat': true,
          'userInfo.userWechatCode': this.data.account
        });

        this.setData({
          account: ''
        });

        if (tt.hideLoading) {
          tt.hideLoading();
        }
      } else {
        this.wetoast.toast({
          title: ret.message,
          titleClassName: 'wetoast-title',
          duration: 2000
        });

        if (tt.hideLoading) {
          tt.hideLoading();
        }
      }
    });
    }
}))