import ZeroSellService from './service/zero-sell';
import CommonService from './service/common';
import {
  decodePhoneNumber,
  getUnionID,
  decodeUnionId,
  openAuthorizeSettings,
} from '../../utils/login';
import { getQRCodeSource } from '../../libs/miniQRCodeRoute';
import { Toast } from '../../vendors/zanui/index';
import router from './router/router';
import { formatImageUrl, fomartCountdownTime } from '../../utils/util';
import { jumpByUrl } from '../../libs/urlRoute';
import { yasReport, YB_PAGE_OPEN_L, YB_LUCK_DT_JOIN_C } from '../../libs/yas';

const ACTIVITY = {
  UNKNOWN: 0,
  READY: 1, // 活动未开始
  START: 2, // 活动开始
  END: 3, // 活动结束
  LUCK: 4, // 活动已开奖、抽奖结束
  END_LESS_PEOPLE: 5, // 人数不足
};

const ACTION_BAR_STATUS = {
  UNKNOWN: 0,
  READY: 1, // 未开始
  START: 2, // 参加
  ALEADY: 3, // 已参加活动
  WAIT: 4, // 等待抽奖中
  LUCK: 5, // 抽奖结束
  END: 6, // 活动结束
  PEOPLE_LIMIT_WAIT: 7, // 人数达到活动限制、已满员、人数不足统一为待开奖状态
};

let app = getApp();
let timeoutId = null; // 定时器ID

/**
 * YOHOOD 原价购 抽奖
 */

Page(
  Object.assign(
    {
      /**
       * 页面的初始数据
       */
      data: {
        isGoApp: false,
        tabIdx: '',
        showAuth: false,
        actPrizeId: '',
        shareUid: 0,
        scene: '',
        appParameter: '',
        myPrizeCount: 0,
        product: {},
        avatars: [],
        recommends: [],
        actionStatus: ACTION_BAR_STATUS.UNKNOWN,
        snapData: {},
        hasUnionID: false,
        uid: 0,
        isLogin: false,
        bannerSrc: null,
        bannerUrl: null,
        loading: false,
        page: 1,
        codeList: [],
        animation: null,
        shareFlag: false,
        notice: {},
        lottery: {},
        formatTimeList: [],
        isCountdownEnd: false,
        activityId: ''
      },

      /**
       * 生命周期函数--监听页面加载
       */
      onLoad: function(options) {
        app = getApp();
        wx.hideShareMenu();

        this.service = new ZeroSellService();
        this.commonService = new CommonService();

        let data = {};

        let currentScene = app.globalData.currentScene;
        let isGoApp =
          currentScene == 1036 || currentScene == 1069 ? true : false;
        data.isGoApp = isGoApp;

        if (options.shareUid) {
          data.shareUid = options.shareUid;
        }

        if (options.tabIdx) {
          data.tabIdx = options.tabIdx;
        }

        if (options.actPrizeId) {
          data.actPrizeId = options.actPrizeId;
        }

        let appParameter = `https://m.yohobuy.com?openby:yohobuy={"action":"go.h5","params":{"param":{},"url":"https://m.yohobuy.com/activity/yoluck/${
          data.actPrizeId
        }.html"}}`;
        data.appParameter = appParameter;

        if (options.scene && options.scene.length === 32) {
          data.scene = options.scene;
        }

        this.setData(data);

        new app.WeToast();

        this._getDetailBanner();
        yasReport(YB_PAGE_OPEN_L);
      },

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

      /**
       * 生命周期函数--监听页面显示
       */
      onShow: function() {
        wx.showLoading({
          mask: true,
        });
        setTimeout(() => {
          app = app || getApp();
          let uid = app.getUid();
          this.setData({
            hasUnionID:
              app.globalData.WXUnion_ID !== null &&
              app.globalData.WXUnion_ID !== '' &&
              app.globalData.WXUnion_ID !== undefined
                ? true
                : false,
            isLogin: app.isLogin(),
            uid,
          });
          this._getUser();
          // this._getGroupList();

          if (this.data.shareUid && this.data.scene) {
            this._init();
          } else if (this.data.scene && !this.data.shareUid) {
            this._fetchParams(this.data.scene).then(() => {
              return this._init();
            });
          } else {
            this._init();
          }
        }, 1100);
      },

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

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

      /**
       * 页面相关事件处理函数--监听用户下拉动作
       */
      onPullDownRefresh: function() {
        wx.showLoading({
          mask: true,
        });
        const {product = {}} = this.data;
        if(product.status === ACTIVITY.END || product.status === ACTIVITY.LUCK) {
          wx.navigateTo({url: '/pages/zeroSell/originalPriceSell'})
        }else {
          this._init({isPulldown: true}).then(() => {
            wx.stopPullDownRefresh();
          });
        }
      },

      /**
       * 页面上拉触底事件的处理函数
       */
      onReachBottom: function() {
        if (this.data.loading) return;
        let page = this.data.page || 1;
        page = page + 1;
        this.setData({
          page,
          loading: true,
        });
        // this._loadGroupList(page);
      },

      _getMineCode(actPrizeId) {
        if (this.data.uid) {
          this.service
            .fetchMyPrizeList({
              uid: this.data.uid,
              actPrizeId,
            })
            .then(res => {
              let len = res.data.length;
              if (len) {
                res.data.map(value => {
                  value.user_thumb = formatImageUrl(value.user_thumb, 60, 60);
                });
                this.setData({
                  codeList: res.data,
                });
                wx.getSystemInfo({
                  success: sys => {
                    let animation = wx.createAnimation({
                      duration: 400 * len,
                    });
                    setTimeout(
                      function() {
                        wx.createSelectorQuery()
                          .select('.code-list-item-container')
                          .boundingClientRect()
                          .exec(r => {
                            if (r && r[0] && r[0].height) {
                              animation
                                .height(
                                  r[0].height - (65 * sys.screenWidth) / 375,
                                )
                                .step();
                              this.setData({
                                animation: animation.export(),
                              });
                            }
                          });
                      }.bind(this),
                      800,
                    );
                  },
                });
              }
            });
        }
      },
      _getGroupList() {
        this.commonService
          .getGroupList({
            limit: 20,
            page: 1,
          })
          .then(res => {
            if (res.code === 200 && res.data) {
              this.setData({
                groupList: res.data.list,
              });
            }
          });
      },

      _loadGroupList(page) {
        this.commonService
          .getGroupList({
            limit: 20,
            page,
          })
          .then(res => {
            if (res.code === 200 && res.data) {
              let groupList = this.data.groupList || [];
              if (res.data.list.length > 0) {
                this.setData({
                  groupList: groupList.concat(res.data.list),
                  loading: false,
                });
              } else {
                this.setData({
                  loading: false,
                });
              }
            }
          })
          .catch(error => {
            this.setData({
              loading: false,
            });
          });
      },

      _init(options = {}) {
        const { isPulldown, id } = options
        let params = {
          actPrizeId: isPulldown ? '' : this.data.actPrizeId || id,
        };

        return this.service
          .getYohoodDetail(params)
          .then(r1 => {
            wx.hideLoading();
            if (r1.code === 200 && r1.data) {
              let product = r1.data;

              this._getMineCode(product.id);
              this._formatCountdownTime(product);

              this.setData({
                product: product,
                activityId: product.id,
                myPrizeCount: r1.code === 200 ? r1.data.myCodeNum : 0,
                notice: JSON.parse(product.notice || '{}'),
                lottery: JSON.parse(product.lottery_info || '{}'),
              });

              this._setActionStatus();
            } else {
              return Promise.reject();
            }
          })
          .catch(e => {
            wx.hideLoading();
            console.error(e);
          });
      },

      _formatCountdownTime(product) {
        let { remaining, id} = product;
        // 初始化倒计时时间
        const formatTimeList = fomartCountdownTime(remaining);
        this.setData({
          formatTimeList,
        });
        // 清除定时器
        clearInterval(timeoutId)
        if(!remaining) {
          return 
        }
        timeoutId = setInterval(() => {
          remaining--;
          const formatTimeList = fomartCountdownTime(remaining);
          const isCountdownEnd = formatTimeList.join('') === '000000';
          if (isCountdownEnd) {
            // 延时500毫秒调接口
            const timeId = setTimeout(()=> {
              this.changeActionStatus({id});
              clearTimeout(timeId)
            },500)
            clearInterval(timeoutId);
          }
          this.setData({
            formatTimeList
          });
        }, 1000);
      },

      _fetchParams(code) {
        return getQRCodeSource(code).then(result => {
          this.setData({
            shareUid: +result.shareUid,
            actPrizeId: result.actPrizeId,
          });
        });
      },
      _setActionStatus() {
        let status = ACTION_BAR_STATUS.START;
        let activityStatus = this.data.product.status;

        if (activityStatus === ACTIVITY.UNKNOWN) {
          status = ACTION_BAR_STATUS.END;
        } else if (activityStatus === ACTIVITY.READY) {
          status = ACTION_BAR_STATUS.READY;
        } else if (activityStatus >= ACTIVITY.END) {
          if (this._isInActivity()) {
            if (activityStatus === ACTIVITY.LUCK) {
              status = ACTION_BAR_STATUS.LUCK;
            } else if (
              activityStatus === ACTIVITY.END_LESS_PEOPLE ||
              activityStatus === ACTIVITY.END
            ) {
              status = ACTION_BAR_STATUS.WAIT;
            } else {
              status = ACTION_BAR_STATUS.WAIT;
            }
          } else {
            if (
              activityStatus === ACTIVITY.END_LESS_PEOPLE ||
              activityStatus === ACTIVITY.END
            ) {
              status = ACTION_BAR_STATUS.PEOPLE_LIMIT_WAIT;
            } else {
              status = ACTION_BAR_STATUS.END;
            }
          }
        } else {
          if (this._isInActivity()) {
            status = ACTION_BAR_STATUS.ALEADY;
          } else {
            status = ACTION_BAR_STATUS.START;
          }
        }

        this.setData({
          actionStatus: status,
        });
      },

      _isInActivity() {
        return this.data.myPrizeCount > 0;
      },

      changeActionStatus(options = {}) {
        wx.showLoading({
          mask: true,
        });
        this._init(options);
      },

      share(event) {
        this.setData({
          'actionsheet.show': true,
        });
      },

      _jumpBanner() {
        if (this.data.bannerUrl == null) {
          return;
        }
        jumpByUrl(this.data.bannerUrl);
      },
      _getDetailBanner() {
        let commonService = this.commonService;
        commonService
          .getResourceCode('ccc32dbedf164a52b4efa34383878860')
          .then(data => {
            this.setData({
              bannerSrc: formatImageUrl(data.src, 750, 140, 2),
              bannerUrl: data.url,
            });
          })
          .catch(error => {});
      },

      _getUser() {
        const userInfo = app.getUserInfo();

        if (app.isLogin() && (!userInfo || !userInfo.nickName)) {
          return this.service
            .getUserProfile({ uid: app.getUid() })
            .then(json => {
              if (json && json.code && json.code === 200) {
                userInfo.nickName = json.data.nickname || '';
                userInfo.avatarUrl = json.data.head_ico || '';
                app.setUserInfo(userInfo);
              }
            });
        } else {
          return Promise.resolve();
        }
      },

      handleZanActionsheetCancel({ componentId }) {
        this.setData({
          'actionsheet.show': false,
        });
      },

      handleZanActionsheetClick({ componentId, index }) {
        this.setData({
          'actionsheet.show': false,
        });

        if (index === 1) {
          router.go('snapShare', this.data.snapData);
        }
      },
      onShareAppMessage(res) {
        let params = {
          TITLE: `有货UFO在YOHOOD现场搞事情，点一下原价购买${
            this.data.product.name
          }`,
          DESC: '我在YOHOOD发现一个不错的商品赶快来看看吧！',
        };
        this.setData({
          shareFlag: true,
        });
        setTimeout(
          function() {
            this.setData({ shareFlag: false });
          }.bind(this),
          600,
        );
        if (res.from === 'menu') {
          // 用户点击右上角分享
          return {
            title: params.TITLE, // 分享标题
            desc: params.DESC, // 分享描述
            path: `/pages/zeroSell/originalPriceSell?actPrizeId=${
              this.data.product.id
            }`,
          };
        } else if (res.from === 'button') {
          // 用户点击分享按钮
          return {
            title: params.TITLE, // 分享标题
            desc: params.DESC, // 分享描述
            path: `/pages/zeroSell/originalPriceSell?actPrizeId=${
              this.data.product.id
            }&shareUid=${app.getUid()}`,
          };
        }
      },
      reportSuccess({ detail }) {
        yasReport(YB_LUCK_DT_JOIN_C, { ACTIVITY_ID: detail });
      },

      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,
              });
            }
          });
        }
      },

      getPhoneNumber: function(e) {
        this.setData({
          showAuth: false,
        });

        var that = this;
        if (e.detail.errMsg === 'getPhoneNumber:ok') {
          decodePhoneNumber(e.detail.iv, e.detail.encryptedData, '', function(
            result,
          ) {
            if (result.code != 200) {
              that.wetoast.toast({
                title: result.message,
                titleClassName: 'wetoast-title',
                duration: 1000,
                success: function() {
                  that.loginAndRegisterTapped();
                }.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({
                        uid,
                        isLogin: app.isLogin(),
                      });
                    },
                  },
                  1500,
                );
              } else {
                let uid =
                  app.globalData.userInfo.uid > 0
                    ? app.globalData.userInfo.uid
                    : 0;
                that.setData({
                  uid,
                  isLogin: app.isLogin(),
                });
              }
            }
          });
        } else {
          let needBind = true;
          that.setData({
            needBind,
          });
          // that.loginAndRegisterTapped(true);
          wx.navigateTo({
            url: '/pages/bindPhoneNumber/bindPhoneNumber',
          });
        }
      },
      launchAppError: function(e) {
        wx.showToast({
          title: '打开失败！您可能未安装Yoho!Buy官方APP，请下载后再尝试。',
          icon: 'none',
          duration: 3000,
        });
      },
      //跳转到登录页面
      loginAndRegisterTapped(needBind) {
        let that = this;
        let app = getApp();
        if (wx.getSetting) {
          wx.getSetting({
            success: res => {
              if (
                res &&
                res.authSetting &&
                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 => {
                          if (
                            res.authSetting['scope.userInfo'] !== null &&
                            res.authSetting['scope.userInfo'] !== undefined &&
                            res.authSetting['scope.userInfo'] === true
                          ) {
                            getUnionID(app.getWechatThirdSession(), function(
                              response,
                            ) {});
                          }
                        },
                      });
                    } else {
                      wx.navigateTo({
                        url: '/pages/bindPhoneNumber/bindPhoneNumber',
                      });
                    }
                  },
                });
              } else {
                wx.navigateTo({
                  url: '/pages/bindPhoneNumber/bindPhoneNumber',
                });
              }
            },
          });
        } else {
          wx.showModal({
            title: '提示',
            content:
              '当前微信版本过低，无法使用该功能，请升级到最新微信版本后重试。',
          });
        }
      },
    },
    Toast,
  ),
);