var plugin = requirePlugin("playlet-plugin");
const app = getApp();
import { urlParamsToObject } from "@/utils/utils.js";
import { getUser } from "@/api/login";
import {
  paysetting,
  iosPayment,
  getmentplanconf,
  appthirdpay,
  androidpaylog,
  payback,
} from "@/api/my";
import { newvideoread, bs } from "@/api/pay";

Component({
  options: {
    multipleSlots: true, // 在组件定义时的选项中启用多slot支持
  },
  /**
   * 组件的属性列表
   */
  properties: {
    playerId: {
      type: String,
      value: "",
    },
    srcAppid: {
      type: String,
      value: "",
    },
    dramaId: {
      type: String,
      value: "",
    },
    serialNo: {
      type: Number,
      value: 0,
    },
    extParam: {
      type: String,
      value: "",
    },
  },
  /**
   * 组件的初始数据
   */
  data: {
    _isInitChargeDialog: false,
    chargeList: [],
    selectIndex: -1,

    newExtParam: {},
    list: [],
    userInfo: null,
    iosStatus: null,
    uid: wx.getStorageSync("token"),
    adShow: false,
    videoAd: null,
    countdown: 0,
    countdownInterval: null,
    payShow: false,
    backInfo: null,
    platform: null,
  },
  lifetimes: {
    attached() {
      this.initChargeDialog();
    },
    // detached() {
    //   const pm = this.getPlayerManager()
    //   if (pm) {
    //     // 注册弹窗显示事件
    //     pm.onShowChargeDialog(this.onShowChargeDialog.bind(this))
    //     // 注册弹窗隐藏事件
    //     pm.onHideChargeDialog(this.onHideChargeDialog.bind(this))
    //   }
    // }
  },
  observers: {
    serialNo() {
      // 当集数发生改变的时候，触发此函数
      this.initChargeDialog();
      if (!this.data.adShow && this.data.list.length) {
        this.setData({
          payShow: true,
        });
      } else {
        this.setData({
          payShow: false,
        });
      }
    },
  },
  /**
   * 组件的方法列表
   */
  methods: {
    catchTap() {
      return false;
    },
    initChargeDialog() {
      // 如果播放器页面还没有playerId，返回
      if (!this.data.playerId) return;
      // 只需要初始化一次
      if (this.data._isInitChargeDialog) return;
      const newExtParam = urlParamsToObject(
        decodeURIComponent(this.data.extParam)
      );
      wx.setStorageSync("weiXinCode", {
        [this.data.dramaId]: true,
      });
      this.setData({
        newExtParam,
      });

      const pm = this.getPlayerManager();

      if (wx.createRewardedVideoAd && !this.data._isInitChargeDialog) {
        this._isInitChargeDialog = true;
        this.setData({
          _isInitChargeDialog: true,
        });
        this.data.videoAd = wx.createRewardedVideoAd({
          adUnitId: "adunit-cb353f8e0257391c",
        });
        this.data.videoAd.onLoad(() => {});
        this.data.videoAd.onError((err) => {
          console.error("激励视频光告加载失败", err);
        });
        this.data.videoAd.onClose((res) => {
          // 用户点击了【关闭广告】按钮
          console.log(res, "res.isEnded");
          if (res && res.isEnded) {
            const dramaId = this.data.dramaId;
            const serialNo = this.data.serialNo;
            const srcAppid = this.data.srcAppid;
            const params = {
              dramaId,
              adunlocking: 1,
              serialNo,
            };
            newvideoread(params).then((res) => {
              pm.isCanPlay({
                data: res.encryptData,
                serialNo,
              });
              pm.hideChargeDialog();
              const startSerialNo = res.videoinfo.start_serial_no;
              const endSerialNo = res.videoinfo.end_serial_no;
              this.setData({
                ...this.data.newExtParam,
                endSerialNo,
              });
            });
          } else {
            wx.showToast({
              title: "看完广告方可解锁",
              icon: "none",
              duration: 2000,
            });
          }
        });
      }

      if (pm) {
        // 注册弹窗显示事件
        pm.onShowChargeDialog(this.onShowChargeDialog.bind(this));
        // 注册弹窗隐藏事件
        pm.onHideChargeDialog(this.onHideChargeDialog.bind(this));
      }
      // pm.showChargeDialog();
    },
    getPlayerManager() {
      return plugin.PlayletManager.getPageManager(this.data.playerId);
    },

    // all
    async onShowChargeDialog() {
      const backInfo = await payback({
        PersonalCenter: 1,
      });
      const list = await paysetting();
      const userInfo = await getUser({
        showLoading: false,
      });
      const res = await bs({
        showLoading: false,
      });
      const platform = wx.getDeviceInfo().system;
      this.setData({
        list,
        backInfo,
        userInfo,
        platform,
        iosStatus: res.status,
        payShow: res.status === 1 && platform == "ios" ? false : true,
      });
      console.log(platform);
      if (res.status === 1 && platform === "ios") this.closePay();
    },

    openAgreement() {
      const pm = this.getPlayerManager();
      pm.navigateTo({
        url: "/pages/agreement/index",
      });
    },
    openPurchaseNotes() {
      const pm = this.getPlayerManager();
      pm.navigateTo({
        url: "/pages/purchaseNotes/index",
      });
    },

    // 支付功能
    async pay(event) {
      const item = event.currentTarget.dataset.item;
      const bsPayItem = await iosPayment();
      const platform = this.platform;
      if (platform === "ios" && bsPayItem.status === 1) {
        wx.showToast({
          title: "暂不支持IOS支付",
          icon: "none",
        });
        return;
      }
      const param = {
        id: item.id,
        isback: item.isBack ? item.isBack : 0,
        dramaId: this.data.dramaId,
      };
      if (platform !== "ios") {
        const payResult = await getmentplanconf();
        console.log(payResult);
        if (payResult.Paymentplan === 1) {
          wx.openEmbeddedMiniProgram({
            appId: payResult.zzfhaveappid,
            path:
              "pages/index/index?content=" +
              JSON.stringify({
                Paydomain: payResult.Paydomain,
                uid: this.data.uid,
                ...param,
              }),
            extraData: {
              Paydomain: payResult.Paydomain,
              uid: this.data.uid,
              ...param,
            },

            success(res) {
              // 打开成功
              this.isPayRefresh();
            },
          });
          return;
        } else if (payResult.Paymentplan === 2) {
          this.$emit("onShowInit", "onShowInit");
          const res = await appthirdpay({ ...param, platform });
          const result = res.payinfo;
          console.log(result);
          wx.openEmbeddedMiniProgram({
            appId: result.appId,
            path: result.prePayTn,

            success(res) {
              // 打开成功
              this.isPayRefresh();
            },
          });
          return;
        } else if (payResult.Paymentplan === 3) {
          const SDKVersion = wx.getAppBaseInfo().SDKVersion;
          if (
            this.compareVersion(SDKVersion, "2.19.2") >= 0 ||
            wx.canIUse("requestVirtualPayment")
          ) {
            const res = await appthirdpay({ ...param, platform });
            const result = res.payinfo;
            wx.requestVirtualPayment({
              signData: JSON.stringify(result.signData),
              paySig: result.paySig || "",
              signature: result.signature || "",
              mode: result.mode,
              success: async (res) => {
                console.log("==3===");
                wx.showToast({
                  title: "支付成功",
                  duration: 2000,
                });
                this.isPayRefresh();
              },
              fail: async ({ errMsg, errCode }) => {
                await androidpaylog({
                  errMsg,
                  errCode,
                });
              },
            });
          } else {
            wx.showToast({
              title: "当前用户的客户端版本不支持",
              icon: "none",
            });
          }
          return;
        }
      }
      const res = await appthirdpay({ ...param, platform });
      const result = res.payinfo;
      wx.requestPayment({
        appId: result.appId,
        timeStamp: result.timeStamp,
        nonceStr: result.nonceStr,
        package: result.package,
        signType: result.signType,
        paySign: result.paySign,
        success: (e) => {
          wx.showToast({
            title: "支付成功",
            duration: 2000,
          });
          this.isPayRefresh();
        },
        fail: () => {
          wx.showToast({
            title: "支付失败",
            duration: 2000,
            icon: "none",
          });
          // this.backShow = false;
        },
      });
    },

    // 支付或看广告后的回调
    isPayRefresh() {
      const pm = this.getPlayerManager();
      const dramaId = this.data.dramaId;
      const serialNo = this.data.serialNo;
      const srcAppid = this.data.srcAppid;
      const tData = {
        srcAppid,
        dramaId,
        adunlocking: 1,
        serialNo,
      };
      app.getLogin();
      newvideoread(tData).then((res) => {
        pm.isCanPlay({
          data: res.encryptData,
          serialNo,
        });
        pm.hideChargeDialog();
      });
    },

    // 支付js里面的参数处理
    compareVersion(_v1, _v2) {
      if (typeof _v1 !== "string" || typeof _v2 !== "string") return 0;
      const v1 = _v1.split(".");
      const v2 = _v2.split(".");
      const len = Math.max(v1.length, v2.length);

      while (v1.length < len) {
        v1.push("0");
      }
      while (v2.length < len) {
        v2.push("0");
      }
      for (let i = 0; i < len; i++) {
        const num1 = parseInt(v1[i], 10);
        const num2 = parseInt(v2[i], 10);

        if (num1 > num2) {
          return 1;
        } else if (num1 < num2) {
          return -1;
        }
      }
      return 0;
    },

    onHideChargeDialog() {
      console.log("onHideChargeDialog");
      // this.videoAd.destroy();
    },

    // 关闭支付
    closePay() {
      console.log(46546465464);
      this.setData({
        adShow: true,
        payShow: false,
        countdown: 3,
      });
      const serialNo = this.data.serialNo;
      const newExtParam = this.data.newExtParam;
      const countdownInterval = this.data.countdownInterval;
      if (Number(serialNo) > Number(newExtParam.endSerialNo)) {
        if (countdownInterval) {
          clearInterval(countdownInterval);
        }
        const isCountdownInterval = setInterval(() => {
          const newCountdown = this.data.countdown;
          if (newCountdown <= 1) {
            this.setData({
              countdown: 0,
            });
            const countdownInterval = this.data.countdownInterval;
            clearInterval(countdownInterval);
            this.setData({
              countdownInterval: null,
            });
            this.likechonzhi();
          } else {
            this.setData({
              countdown: newCountdown - 1,
            });
          }
        }, 1000);
        this.setData({
          countdownInterval: isCountdownInterval,
        });
      }
    },

    watchTheAD() {
      const countdownInterval = this.data.countdownInterval;
      if (countdownInterval) {
        clearInterval(countdownInterval);
        this.setData({
          countdown: 0,
          countdownInterval: null,
        });
      }
      this.likechonzhi();
    },

    likechonzhi() {
      wx.showLoading({
        title: "广告加载中...",
      });
      this.data.videoAd
        .show()
        .then(() => {
          wx.hideLoading();
        })
        .catch((e) => {
          // 失败重试
          this.data.videoAd
            .load()
            .then(() => {
              this.data.videoAd.show();
            })
            .catch((err) => {
              wx.showToast({
                title: "广告显示失败,请稍后再试",
              });
              wx.hideLoading();
            });
        });
    },

    // 关闭广告
    cloneAD() {
      const pm = this.getPlayerManager();
      const countdownInterval = this.data.countdownInterval;
      if (countdownInterval) {
        clearInterval(countdownInterval);
        this.setData({
          countdown: 0,
          countdownInterval: null,
        });
      }
      pm.hideChargeDialog();
      setTimeout(() => {
        this.setData({
          adShow: false,
          payShow: false,
        });
      }, 100);
    },

    destroyed() {
      console.log("销毁");
      this.onHideChargeDialog();
    },
    deactivated() {
      console.log("deactivated");
      this.onHideChargeDialog();
    },
  },
});