import {
  getBindtapData
} from '../../utils/util'

let interstitialAd = null


let app = getApp();
Page({
  data: {
    isOverShare: true,
    authorizeVisible: false,
    total: 0,
    page: 1,
    size: 10,
    dataList: [],
    tabList: [], // 标签列表
    listType: 2, // 拜年模块  0是普通视频列表 1是推荐 2是祝福语 非2就是普通视频
    bannerList: [],
    curTab: {},
    queueCode: "", // 队列标识，每次请求，会返回一个队列标识，用户加载更多时候请携带queueCode参数
    active: 0,
    curBanner: {},
    blessContent: [{
        type: "text",
        content: "文本内容",
        color: "0xffffff",
        size: "26"
      },
      {
        type: "image",
        content: "url",
      },
    ],
    adConfigure: {}, //广告位配置
    options: {},
  },
  onShareAppMessage(res) {
    if (res.from === 'button') {
      // 来自页面内转发按钮
    } else {
      // 打点
      app.stat({
        classify: "share",
        action: "list_page_share",
        primaryCode: this.data.curTab.tabCode,
      });
    }
    if (app.globalData.adConfigure && app.globalData.adConfigure.ad_config_01 == 1) {
      this.showInterstitialAd();
    }

  },
  showAuth() {
    this.setData({
      authorizeVisible: true
    })
  },
  onLoad(options) {
    this.setData({
      options
    })

    wx.aldstat.sendEvent('进入页面', {
      '页面名字': '首页'
    });

    this.queryAdConfigure().then((result) => {
      this.initData();
      this.addInterstitialAd();
         if (app.globalData.adConfigure && app.globalData.adConfigure.ad_config_02 == 1) {
        this.showInterstitialAd();
      }
      if (app.globalData.adConfigure && app.globalData.adConfigure.ad_config_01 == 1) {
        this.addInterstitialAd();
      }
    });

  },

  addInterstitialAd() {
    if (wx.createInterstitialAd) {
      interstitialAd = wx.createInterstitialAd({
        adUnitId: 'adunit-1ffb5a60bc3f7f55'
      })
      interstitialAd.onLoad(() => {})
      interstitialAd.onError((err) => {})
      interstitialAd.onClose(() => {})
    }
  },

  showInterstitialAd() {
    if (interstitialAd) {
      interstitialAd.show().catch((err) => {
        console.error(err)
      })
    }
  },

  initData() {
    this.queryAdConfigure().then((result) => {
      this.queryTabList().then((result) => {
        let {
          options,
          tabList
        } = this.data;
        if (options.t == "bless") {
          let tabIndex = 0;
          tabList.forEach((element, idx) => {
            if (element.type == 2) {
              tabIndex = idx;
            }
          });
          this.setData({
            curTab: tabList[tabIndex],
            active: tabIndex
          })
        } else {
          this.setData({
            curTab: tabList[0]
          })
        }
        this.resetPage();
        this.queryBannerList();
        this.queryVideoList();
      });
    });

  },
  /**
   * 到达底部
   * 做加载更多操作
   */
  onReachBottom() {
    if (this.data.dataList.length < this.data.total) {
      this.setData({
        page: this.data.page + 1
      });
      this.queryVideoList();
    }
  },

  // 重置页面列表 点击搜索条件时需要
  resetPage() {
    this.setData({
      page: 1,
      dataList: [],
      queueCode: "",
    })
  },

  // 点击tabs
  onVanTabsHandler(event) {
    let {
      index,
      title
    } = event.detail;
    if (this.data.tabList && this.data.tabList.length > 0) {
      this.setData({
        curTab: this.data.tabList[event.detail.index]
      })
      this.resetPage();
      this.queryBannerList();
      this.queryVideoList();
    }
  },

  /**
   * 点击禁用的tab
   */
  onClickDisabled(event) {
    this.openBlessWxApp();
  },

  // 打开微信小程序app
  openBlessWxApp() {
    wx.navigateToMiniProgram({
      appId: "wx00d6285885e17324", // 要跳转的小程序的appid
      path: "pages/index/index?t=bless", // 跳转的目标页面
      extarData: {
        open: ''
      },
      success(res) {
        // 打开成功
      },
      fail(err) {

      }
    })
  },

  /**
   * banner切换
   */
  onBannerChangeHandler(e) {
    let index = e.detail.current;
    this.setBannerIndex(index);
  },

  setBannerIndex(idx) {
    let bannerList = this.data.bannerList;
    if (bannerList && bannerList.length > 0) {
      let curBanner = bannerList[idx] || {}
      this.setData({
        curBanner: curBanner
      })
    }
  },

  /**
   * 点击item详情
   * @param {*} evt
   */
  onDetailHandler(evt) {
    let curItem = getBindtapData(evt);
    let listType = this.data.listType;
    if (listType == 2) {
      let blessCode = curItem.blessCode || "";
      if (blessCode) {
        app.router.push({
          path: "blessing",
          query: {
            c: blessCode
          }
        })
      }
    } else {
      let videoCode = curItem.videoCode || "";
      if (videoCode) {
        app.router.push({
          path: "detail",
          query: {
            c: videoCode
          }
        })
      }
    }

  },

  /**
   * 点击banner详情
   * @param {*} evt
   */
  onBannerHandler(evt) {
    let curItem = getBindtapData(evt);
    console.log("curItem:", curItem);
    let {
      bannerCode,
      bannerType,
      videoCode,
      bigImage,
      gzhArticle
    } = curItem;

    // 打点
    app.stat({
      classify: "banner",
      action: "banner_click",
      primaryCode: bannerCode,
    });

    switch (bannerType) {

      case "video":
        if (videoCode) {
          app.router.push({
            path: "detail",
            query: {
              c: videoCode
            }
          })
        }
        break;

      case "image":
        if (bigImage) {
          let current = bigImage;
          let urls = [bigImage];
          wx.previewImage({
            current: current,
            urls: urls
          })
        }
        break;

      case "article":
        if (gzhArticle) {
          app.router.push({
            path: "webview",
            query: {
              url: gzhArticle,
            }
          })
        }
        break;

      default:
        break;
    }

  },


  onShareItem(evt) {
    let curItem = getBindtapData(evt);
    app.stat({
      classify: "share",
      action: "list_page_button_share",
      primaryCode: curItem.videoCode
    });
  },

  /**
   * 到个人列表页面
   */
  toPersonalList(evt) {
    let detailData = getBindtapData(evt);
    if (detailData && detailData.accountCode) {
      detailData.c = detailData.accountCode;
      app.router.push({
        path: "personalList",
        query: detailData
      })
    }
  },

  /**广告配置 */
  queryAdConfigure() {
    return new Promise((resolve, reject) => {
      app.post({
        sid: false,
        url: app.api.adConfigure,
        data: {}
      }).then((result) => {
        this.setData({
          adConfigure: result
        })
        app.globalData.adConfigure = result;

        resolve(result);
      }).catch((err) => {
        reject(err)
      });
    });
  },

  /**
   * 获取tab列表
   */
  queryTabList() {
    return new Promise((resolve, reject) => {
      app.post({
        sid: false,
        url: app.api.tabList,
        data: {}
      }).then((result) => {
        // result.push({
        //   type: 2,
        //   tabName:"组团拜年"
        // })
        this.setData({
          tabList: result
        })
        resolve(result);
      }).catch((err) => {
        reject(err)
      });
    });
  },

  /**
   * 获取banner列表
   */
  queryBannerList() {

    return new Promise((resolve, reject) => {
      app.post({
        sid: false,
        url: app.api.bannerList,
        data: {
          tabCode: this.data.curTab.tabCode || "",
        }
      }).then((result) => {
        this.setData({
          bannerList: result
        })
        this.setBannerIndex(0);
        resolve(result);
      }).catch((err) => {
        reject(err)
      });
    });
  },

  /**
   * 获取视频列表
   */
  queryVideoList() {
    return new Promise((resolve, reject) => {
      app.post({
        sid: false,
        url: app.api.videoList,
        data: {
          page: this.data.page,
          size: this.data.size,
          queueCode: this.data.queueCode,
          tabCode: this.data.curTab.tabCode || "",
        }
      }).then((result) => {
        let {
          adConfigure,
        } = this.data;
        let listType = result.type;
        let dataList = result.list;
        dataList = this.data.dataList.concat(dataList);

        // 带广告的格式
        let dataListResult = [];

        // 广告步进
        let adStep = adConfigure.configureM || 0;

        // 视频广告第一次出现条目
        let firstAdIndex = adConfigure.configureX || 0;
        // 视频广告第一条是否已经出现
        let isFirstAdshow = false;

        // 祝福广告第一次出现条目
        let firstAdIndexBless = adConfigure.configureB || 0;
        // 祝福广告第一条是否已经出现
        let isFirstAdBlessShow = false;
        // console.log("firstAdIndexBless:", firstAdIndexBless);

        // 广告步数
        let adStepIndex = 0;

        // 洗列表格式
        dataList.forEach((element, idx) => {
          if (listType == 2) {
            // 拜年祝福
            if (isFirstAdBlessShow) {

            } else {
              if (adStepIndex == firstAdIndexBless && firstAdIndexBless > 0) {
                isFirstAdBlessShow = true;
                adStepIndex = 0;
                dataListResult.push({
                  type: "ad",
                  adType: "banner"
                })
              }
            }
          } else {
            // 视频祝福
            if (isFirstAdshow) {
              // 第一个视频出现过
              if (adStepIndex > adStep && adStep != 0) {
                adStepIndex = 0;
                dataListResult.push({
                  type: "ad",
                  adType: "banner"
                })
              }
            } else {
              // 第一个视频出现
              if (adStepIndex == firstAdIndex && firstAdIndex > 0) {
                isFirstAdshow = true;
                adStepIndex = 0;
                dataListResult.push({
                  type: "ad",
                  adType: "video"
                })
              }
            }
          }
          adStepIndex++;

          dataListResult.push(element);
          // console.log("dataListResult:", dataListResult);
        });
        this.setData({
          dataList: dataList,
          dataListResult: dataListResult,
          total: result.total,
          queueCode: result.queueCode,
          listType: result.type
        })
        resolve(result);
      }).catch((err) => {
        reject(err)
      });
    });
  },
  /**
   * 隐藏蒙层
   */
  hideMask() {
    this.setData({
      productDetailVisible: false,
      authorizeVisible: false,
    })
  },
  /**
   * 子组件事件
   * @param {*} evt
   */
  evtcomp(evt) {
    let {
      name,
      data
    } = evt.detail;
    switch (name) {

      // 隐藏蒙层
      case "_evt_hide_mask":
        this.hideMask();
        break;

        /**
         * 重拉数据已在
         */
      case "_evt_auth_complete":
        // this.initData();
        this.hideMask();
        break;

      default:
        break;
    }
  },
})