import {
  _decorator,
  Component,
  Node,
  Label,
  Sprite,
  Button,
  tween,
  Vec3,
} from "cc";
import Utils from "../../../Main/Common/Utils";
import li_BaseView from "../../../Main/Common/li_BaseView";
import { GButton } from "../../../Main/Common/GButton";
import PlayerDataManager from "../../../Main/Manager/PlayerDataManager";
import { DataManager, DataId } from "../../data/DataManager";
import { PlayerData } from "../../data/PlayerData";
import { AccountData } from "../../data/AccountData";
import { WalletData } from "../../data/WalletData";
import LanguageUtils, {
  LanguageType,
} from "../../../Main/Common/LanguageUtils";
import AudioManager from "../../../Main/Manager/AudioManager";
import {
  NavigationManager,
  PageTransitionType,
} from "../../manager/NavigationManager";
import { PlayerDataService } from "../../network/services/PlayerDataService";
import proto from "db://assets/Scripts/proto/proto.pb.js";
import { logger } from "db://assets/Scripts/Main/Common/Logger";

const { ccclass, property } = _decorator;

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

  @property(Label)
  private userNameLabel: Label = null;

  @property(Label)
  private userIdLabel: Label = null;

  @property(Label)
  private balanceLabel: Label = null;

  @property(Label)
  private vipStatusLabel: Label = null;

  @property(Sprite)
  private avatarSprite: Sprite = null;

  private playerData: PlayerData = null;
  private accountData: AccountData = null;
  private walletData: WalletData = null;

  protected start(): void {
    Utils.parseNode(this.node, this._nodeTab);
    this.initUI();
    this.registerListener();
    this.refresh();
  }

  onEnable() {
    this.initData();

    this.refresh();
  }

  private initData(): void {
    this.playerData = DataManager.I.getDataById<PlayerData>(DataId.Player);
    this.accountData = DataManager.I.getDataById<AccountData>(DataId.Account);
    this.walletData = DataManager.I.getDataById<WalletData>(DataId.Wallet);
  }

  private initUI(): void {}

  private registerListener(): void {
    // 注册关闭按钮
    if (this._nodeTab.closeBtn) {
      GButton.BandClick(this._nodeTab.closeBtn, this.close, this);
    }
    if (this._nodeTab.WalletBtn) {
      GButton.BandClick(this._nodeTab.WalletBtn, this.openPurchase, this);
    }

    // 注册设置按钮
    if (this._nodeTab.settingBtn) {
      GButton.BandClick(this._nodeTab.settingBtn, this.openSettings, this);
    }
  }

  private async refresh() {
    const reqData = {};
    let res = await PlayerDataService.I.reqMyInfo(reqData);
    logger.log("个人信息响应数据：", res);
    if (res && res.code === proto.cs.EnmRetCode.SUCCESS) {
      const resData = res.data;
      const walletData = DataManager.I.getDataById<WalletData>(DataId.Wallet);
      walletData.balance = Number(resData.balance);
      walletData.vipExpire = Number(resData.vipExpire);
    }

    this.updateUserInfo();
    this.updateBalance();
    this.updateVipStatus();
  }

  private updateUserInfo() {
    // 更新用户名

    if (this.userNameLabel && this.playerData) {
      const userName = this.playerData.name || "未设置";
      this.userNameLabel.string = userName;
    }

    // 更新用户ID
    if (this.userIdLabel && this.accountData) {
      const userId = this.accountData.accId || "游客";
      this.userIdLabel.string = `uid: ${userId}`;
    }

    // 头像暂时留空，等待资源配置
    if (this.avatarSprite) {
      // TODO: 设置默认头像或从数据中获取头像
    }
  }

  private updateBalance(): void {
    if (this.balanceLabel && this.walletData) {
      const balance = this.walletData.getOriginalBalance();
      this.balanceLabel.string = `${balance}`;
    }
  }

  private updateVipStatus(): void {
    if (this.vipStatusLabel && this.walletData) {
      const vipExpire = this.walletData.vipExpire;
      if (vipExpire && vipExpire > Date.now()) {
        const expireDate = new Date(vipExpire);

        this.vipStatusLabel.string = `${LanguageUtils.getText(
          "purchasepanel.vip_left"
        )} ${expireDate.toLocaleDateString()}`;
      } else {
        this.vipStatusLabel.string = LanguageUtils.getText(
          "purchasepanel.notvip"
        );
      }
    }
  }

  private openSettings(): void {
    // TODO: 打开设置面板
    NavigationManager.Instance.openSubPanel("SettingPanel", this.node);
  }
  private openPurchase() {
    NavigationManager.Instance.openSubPanel(
      "PurchasePanel",
      this.node,
      { base: this.node },
      {
        openAnimation: PageTransitionType.SLIDE_LEFT,
        closeAnimation: PageTransitionType.SLIDE_RIGHT,
      }
    );
  }
}