import { _decorator, Component, Label, Node, Sprite, Vec3, Color } from "cc";
import li_BaseView from "../../../Main/Common/li_BaseView";
import Utils from "../../../Main/Common/Utils";
import { GButton } from "../../../Main/Common/GButton";
import { DataId, DataManager } from "../../data/DataManager";
import { OrderData } from "../../data/OrderData";
import proto from "db://assets/Scripts/proto/proto.pb.js";
import ResManager from "../../../Main/Manager/ResManager";
import { PurchasePanel } from "./PurchasePanel";
import { QRCodeGenerator } from "db://assets/utils/qrcodeGenerator";
import { TipsPanel } from "./TipsPanel";
import { SDKManager } from "../../../Main/Channel/SDKManager";
import LanguageUtils from "../../../Main/Common/LanguageUtils";
import { logger } from "db://assets/Scripts/Main/Common/Logger";
import { PersonalPanel } from "./PersonalPanel";
import { PaymentMethod } from 'db://assets/Scripts/chat18x/payment/types';

const { ccclass, property } = _decorator;

@ccclass("Web3PopPanel")
export class Web3PopPanel extends li_BaseView {
  private _nodeTab: any = {};

  private amount: Label;
  private coinIcon: Sprite;
  private coinText: Label;
  private address: Label;
  private expireTimeText: Label;
  private selection: Node;

  private qrCode: Sprite;
  private curType: proto.cs.EnmNetworkType;

  private orderId;
  private payType;
  private networkType: proto.cs.EnmNetworkType;
  private goodId: number;

  private basePanel: PersonalPanel;
  private payPanel: PurchasePanel;

  private countdownTimer: any;
  private remainingSeconds: number = 0;
  private isCountingDown: boolean = false;
  private tips: Label;
  openUIDataCT(data: any): void {
    this.refreshData(data);
    this.payPanel.web3PopPanel = this;
  }

  onLoadCT(): void {
    Utils.parseNode(this.node, this._nodeTab);

    this.amount = this._nodeTab.chargeAmount.getComponent(Label);
    this.selection = this._nodeTab.Selection;
    this.coinIcon = this._nodeTab.SelectedCoinIcon.getComponent(Sprite);
    this.coinText = this._nodeTab.SelectedCoinText.getComponent(Label);
    this.address = this._nodeTab.addressText.getComponent(Label);
    this.expireTimeText = this._nodeTab.expireTimeText.getComponent(Label);
    this.qrCode = this._nodeTab.qrCode.getComponent(Sprite);
    this.tips = this._nodeTab.tips.getComponent(Label);
    this.registerListener();

    this.selection.setScale(new Vec3(1, 0, 1));

    this.refreshView();
  }
  registerListener() {
    GButton.BandClick(this._nodeTab.closeBtn, this.onClickClose, this);
    GButton.BandClick(
      this._nodeTab.CoinTypeSelectBtn,
      this.onClickCoinTypeSelectBtn,
      this
    );
    GButton.BandClick(this._nodeTab.CopyBtn, this.onClickCopy, this);

    GButton.BandClick(
      this._nodeTab.ENT_TRON,
      () => {
        this.onClickCoinType(proto.cs.EnmNetworkType.ENT_TRON);
      },
      this
    );
    GButton.BandClick(
      this._nodeTab.ENT_TON,
      () => {
        this.onClickCoinType(proto.cs.EnmNetworkType.ENT_TON);
      },
      this
    );

    GButton.BandClick(
      this._nodeTab.ENT_ETH,
      () => {
        this.onClickCoinType(proto.cs.EnmNetworkType.ENT_ETH);
      },
      this
    );
    GButton.BandClick(
      this._nodeTab.ENT_BEP,
      () => {
        this.onClickCoinType(proto.cs.EnmNetworkType.ENT_BEP);
      },
      this
    );
  }

  refreshData(data: any): void {
    this.orderId = data.orderId;
    this.payType = data.payType;
    this.goodId = data.goodId;
    this.curType =
      data.networkType != undefined ? data.networkType : this.curType;
    this.basePanel = data.basePanel;
    this.payPanel = data.payPanel;
  }
  refreshView() {
    const OrderData = DataManager.I.getDataById<OrderData>(DataId.Order);

    const amount = OrderData.getAmountById(this.orderId);
    const walletUrl = OrderData.getWalletById(this.orderId);

    const expireTime = OrderData.getExpireById(this.orderId);
    // const retCode = OrderData.getRetCodeById(this.orderId);
    // if (retCode != 0) {
    //   TipsPanel.show(LanguageUtils.getText("error_code_"+retCode));
    //   return;
    // }

    this.stopCountdown();

    this.resetButtonStates();

    if (expireTime > 0) {
      this.startCountdown(expireTime);
    } else {
      this.expireTimeText.string = LanguageUtils.getText("web3panel.expired");
      //this.expireTimeText.color = new Color(128, 128, 128, 255);
      this.disableButtons();
    }
    this.amount.string = amount;
    this.address.string = walletUrl;
    switch (this.curType) {
      case proto.cs.EnmNetworkType.ENT_TRON:
        ResManager.I.changeResourceSpriteFrame(
          this.coinIcon,
          "ui/web3pop/coinIcon/Tron"
        );
        this.coinText.string = "Tron(TRC20)";
        this.tips.string = LanguageUtils.getText("web3panel.tips").replace(
          "{Network}",
          "Tron"
        );
        break;
      case proto.cs.EnmNetworkType.ENT_TON:
        ResManager.I.changeResourceSpriteFrame(
          this.coinIcon,
          "ui/web3pop/coinIcon/TON"
        );
        this.coinText.string = "TON";
        this.tips.string = LanguageUtils.getText("web3panel.tips").replace(
          "{Network}",
          "TON"
        );
        break;
      case proto.cs.EnmNetworkType.ENT_ETH:
        ResManager.I.changeResourceSpriteFrame(
          this.coinIcon,
          "ui/web3pop/coinIcon/ETH"
        );
        this.coinText.string = "ETH";
        this.tips.string = LanguageUtils.getText("web3panel.tips").replace(
          "{Network}",
          "ETH"
        );
        break;
      case proto.cs.EnmNetworkType.ENT_BEP:
        ResManager.I.changeResourceSpriteFrame(
          this.coinIcon,
          "ui/web3pop/coinIcon/BEP"
        );
        this.coinText.string = "BEP";
        this.tips.string = LanguageUtils.getText("web3panel.tips").replace(
          "{Network}",
          "BEP"
        );
        break;
    }

    //this.address.string = "asdasdasd";
    //refreshQRcode
    QRCodeGenerator.generateQRCodeSpriteFrame(
      this.address.string,
      320,
      4,
      (spriteframe) => {
        if (spriteframe) {
          this.qrCode.spriteFrame = spriteframe;
        } else {
          TipsPanel.show("qrcode generation fail, please copy url");
        }
      }
    );
  }

  updateSelectNetwork() {}

  onClickCoinTypeSelectBtn() {
    this.selection.scale = new Vec3(1, 1, 1);
  }

  onClickCoinType(type: proto.cs.EnmNetworkType) {
    this.curType = type;
    switch (type) {
      case proto.cs.EnmNetworkType.ENT_TRON:
        break;
      case proto.cs.EnmNetworkType.ENT_TON:
        break;
      case proto.cs.EnmNetworkType.ENT_ETH:
        break;
      case proto.cs.EnmNetworkType.ENT_BEP:
        break;
    }
    this.payPanel.startPayment(
      this.goodId,
      proto.cs.EnmPayType.EPT_WEB3_USD,
      type,
      PaymentMethod.Web3
    );

    this.selection.scale = new Vec3(1, 0, 1);
  }

  onClickCopy() {
    const stringToCopy = this.address.string;

    SDKManager.I.copyToClipboard(stringToCopy, (success: boolean) => {
      if (success) {
        TipsPanel.show(LanguageUtils.getText("web3panel.copyed"));
      } else {
        TipsPanel.show(LanguageUtils.getText("web3panel.copyfail"));
      }
    });
  }

  onDestroy() {
    this.stopCountdown();
    super.onDestroy();
  }

  onClickClose() {
    this.stopCountdown();
    this.payPanel.web3PopPanel = null;
    this.close();
  }

  private formatCountdownTime(seconds: number): string {
    if (seconds <= 0) {
      return "已过期";
    }

    const hours = Math.floor(seconds / 3600);
    const minutes = Math.floor((seconds % 3600) / 60);
    const secs = seconds % 60;

    if (hours > 0) {
      return `${Utils.padStart(hours.toString(), 2)}:${Utils.padStart(
        minutes.toString(),
        2
      )}:${Utils.padStart(secs.toString(), 2)}`;
    } else {
      return `${Utils.padStart(minutes.toString(), 2)}:${Utils.padStart(
        secs.toString(),
        2
      )}`;
    }
  }

  private startCountdown(totalSeconds: number): void {
    this.stopCountdown();

    this.remainingSeconds = totalSeconds;
    this.isCountingDown = true;

    this.updateCountdownDisplay();

    this.countdownTimer = this.schedule(() => {
      this.remainingSeconds--;
      this.updateCountdownDisplay();

      if (this.remainingSeconds <= 0) {
        this.stopCountdown();
        this.onCountdownExpired();
      }
    }, 1);
  }

  private stopCountdown(): void {
    if (this.countdownTimer) {
      this.unschedule(this.countdownTimer);
      this.countdownTimer = null;
    }
    this.isCountingDown = false;
  }

  private updateCountdownDisplay(): void {
    if (!this.expireTimeText) return;

    const timeText = this.formatCountdownTime(this.remainingSeconds);
    this.expireTimeText.string =
      LanguageUtils.getText("web3panel.expire") + timeText;

    if (this.remainingSeconds <= 30 && this.remainingSeconds > 0) {
      this.expireTimeText.color = new Color(255, 0, 0, 255);
    } else if (this.remainingSeconds <= 0) {
      this.expireTimeText.color = new Color(128, 128, 128, 255);
    } else {
      this.expireTimeText.color = new Color(255, 135, 247, 255);
    }
  }

  private resetButtonStates(): void {
    const copyBtn = this._nodeTab.CopyBtn;
    if (copyBtn) {
      const btnComponent = copyBtn.getComponent("Button");
      if (btnComponent) {
        btnComponent.interactable = true;
      }
    }

    const coinTypeSelectBtn = this._nodeTab.CoinTypeSelectBtn;
    if (coinTypeSelectBtn) {
      const btnComponent = coinTypeSelectBtn.getComponent("Button");
      if (btnComponent) {
        btnComponent.interactable = true;
      }
    }
  }

  private disableButtons(): void {
    const copyBtn = this._nodeTab.CopyBtn;
    if (copyBtn) {
      const btnComponent = copyBtn.getComponent("Button");
      if (btnComponent) {
        btnComponent.interactable = false;
      }
    }

    const coinTypeSelectBtn = this._nodeTab.CoinTypeSelectBtn;
    if (coinTypeSelectBtn) {
      const btnComponent = coinTypeSelectBtn.getComponent("Button");
      if (btnComponent) {
        btnComponent.interactable = false;
      }
    }
  }

  private onCountdownExpired(): void {
    logger.log("Web3支付倒计时已过期");
    this.disableButtons();
    this.expireTimeText.string = LanguageUtils.getText("web3panel.expired");

    //TipsPanel.show("支付时间已过期，请重新发起支付");
  }
}