// page/subPackage/pages/zeroSell/detail.js

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 {
  Actionsheet,
  Toast
} from '../../vendors/zanui/index';
import router from './router/router'
import {wrapperName} from './helper'
import { formatImageUrl } from '../../utils/util'
import { jumpByUrl } from '../../libs/urlRoute';

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

const STEP = {
  ZERO: 0,
  FIRST: 1,
  SECOND: 2,
  THIRD: 3,
  FOURTH: 4,
}

const ACTION_BAR_STATUS = {
  UNKNOWN: 0,
  READY: 1, // 未开始
  START: 2, // 参加
  ALEADY: 3, // 已参加活动
  WAIT: 4, // 等待抽奖中
  LUCK: 5, // 抽奖结束
  END: 6, // 活动结束
}

let app;

Page(Object.assign({

  /**
   * 页面的初始数据
   */
  data: {
    show: false,
    showAuth: false,
    actPrizeId: '',
    shareUid: '',
    scene: '',
    participantCount: 0,
    myPrizeCount: 0,
    product: {},
    avatars: [],
    recommends: [],
    step: STEP.ZERO,
    actionStatus: ACTION_BAR_STATUS.UNKNOWN,
    snapData: {},
    hasUnionID: false,
    uid: 0,
    isLogin: false,
    bannerSrc:null,
    bannerUrl: null,

    actionsheet: {
      componentId: 'shareActionSheet',
      show: false,
      closeOnClickOverlay: true,
      cancelText: '取消',
      isNewShareStyle: true,
      unionUserImageUrl: 'http://img12.static.yhbimg.com/sns/2018/08/02/15/029b6acc4f8bc0620ecd7ec2133fcf900c.png',
      actions: [{
          name: '分享给好友',
          className: 'action-class',
          loading: false,
          openType: 'share',
          image_src: '../../images/share_wechat@2x.png',
        },
        {
          name: '分享到朋友圈',
          className: 'action-class',
          loading: false,
          image_src: '../../images/share_wxpeng@2x.png'
        }
      ]
    },
  },

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

    this.service = new ZeroSellService();

    let data = {};

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

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

    console.log('options=>', options);

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

    this.setData(data);

    new app.WeToast();

    this._getDetailBanner()
  },

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

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {
    wx.showLoading({
      mask: true
    });
    setTimeout(() => {
      app = app || getApp();
      let uid = app.globalData.userInfo.uid > 0 ? app.globalData.userInfo.uid : 0;

      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();

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

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

  },

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

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {
    wx.showLoading({
      mask: true
    });
    this._init().then(() => {
      wx.stopPullDownRefresh();
    })
  },

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

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {

  },

  _init() {
    let params = {
      actPrizeId: this.data.actPrizeId
    };

    return Promise.all([
      this.service.getDetail(params),
      this.service.getRecommend(params),
      this.service.getRecentAvatars(params)
    ]).then(([r1, r2, r3]) => {
      if (r1.code === 200 && r1.data) {
        let product = r1.data;

        let qrcode = this.service.getQrCode({
          shareUid: app.getUid(),
          actPrizeId: this.data.actPrizeId
        });

        let snapData = {
          product_name: product.name,
          default_image: product.cover_img,
          product_price: product.price,
          product_qrCode: qrcode
        };

        let participantCount = r1.code === 200 ? r1.data.joinNum : 0;

        if (product.status >= ACTIVITY.END) {
          participantCount = product.limit;
        }

        this.setData({
          product: product,
          recommends: r2.code === 200 ? r2.data : [],
          avatars: (r3.code === 200 ? r3.data : []).map(i => {
            i.user_name = wrapperName(i.user_name);
            return i;
          }),

          myPrizeCount: r1.code === 200 ? r1.data.myCodeNum : 0,
          participantCount,
          show: true,
          snapData
        });

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

      // wx.showModal({
      //   title: "出错了",
      //   content: '请重新加载!',
      //   showCancel: false
      // })
    });
  },

  _fetchParams(code) {
    return getQRCodeSource(code).then(result => {
      this.setData({
        shareUid: +result.shareUid,
        actPrizeId: result.actPrizeId
      })
    })
  },

  _setStep() {
    let step = STEP.ZERO;
    let activityStatus = this.data.product.status;
    let myPrizeCount = this.data.myPrizeCount;

    if (myPrizeCount === 0) {
      step = STEP.ZERO
    } else {
      if (activityStatus === ACTIVITY.START) {
        let myPrizeCount = this.data.myPrizeCount;

        if (myPrizeCount === 0) {
          step = STEP.ZERO;
        } else if (myPrizeCount === 1) {
          step = STEP.FIRST;
        } else if (myPrizeCount >= 2) {
          step = STEP.SECOND;
        } else {
          step = STEP.ZERO;
        }
      } else if (activityStatus === ACTIVITY.END || activityStatus === ACTIVITY.LUCK) {
        step = STEP.THIRD;
      } else if (activityStatus === ACTIVITY.END_LESS_PEOPLE) {
        step = STEP.FOURTH;
      } else {
        step = STEP.ZERO;
      }
    }

    console.log('step=>', step)
    this.setData({
      step: step
    });
  },

  _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 {
          status = ACTION_BAR_STATUS.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() {
    wx.showLoading({
      mask: true
    });
    this._init();
  },

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

  requireAuth() {
    this.setData({
      showAuth: true
    })
  },
  _jumpBanner() {
    if (this.data.bannerUrl == null) {
      return;
    }
    jumpByUrl(that.data.bannerUrl);
  },
  _getDetailBanner() {
    let commonService = new CommonService()
    commonService.getResourceCode('ccc32dbedf164a52b4efa34383878860')
      .then(data => {
        // console.log(data)
        this.setData({
          bannerSrc: formatImageUrl(data.src, 340 * app.globalData.systemInfo.pixelRatio, 340 * app.globalData.systemInfo.pixelRatio, 2),
          bannerUrl: data.url
        })
      })
      .catch(error => {
        console.log(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: `点一下！和我一起开黑0元抢${this.data.product.name}`,
      DESC: '我在有货精选发现一个不错的商品赶快来看看吧！'
    };

    if (res.from === 'menu') {
      // 用户点击右上角分享
      return {
        title: params.TITLE, // 分享标题
        desc: params.DESC, // 分享描述
        path: `/page/subPackage/pages/zeroSell/detail?actPrizeId=${this.data.product.id}`,
        imageUrl: this.data.product.cover_img,
        success: function() {},
        fail: function() {}
      };
    } else if (res.from === 'button') {
      // 用户点击分享按钮

      return {
        title: params.TITLE, // 分享标题
        desc: params.DESC, // 分享描述
        path: `/page/subPackage/pages/zeroSell/detail?actPrizeId=${this.data.product.id}&shareUid=${app.getUid()}`,
        imageUrl: this.data.product.cover_img,
        success: function() {},
        fail: function() {}
      };
    }
  },
  goList() {
    router.go('index');
  },

  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) {
        // console.log('！！！！result',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'
      })
    }
  },
  //跳转到登录页面
  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) => {
                      // 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) {
                          // console.log(response)
                        })
                      }
                    }
                  })
                } else {
                  wx.navigateTo({
                    url: '/pages/bindPhoneNumber/bindPhoneNumber'
                  });
                }
              }
            })
          } else {
            wx.navigateTo({
              url: '/pages/bindPhoneNumber/bindPhoneNumber'
            });
          } 
        }
      })
    } else {
      wx.showModal({
        title: '提示',
        content: '当前微信版本过低，无法使用该功能，请升级到最新微信版本后重试。'
      });
    }
  },
}, Actionsheet, Toast))