import {
  _decorator,
  Component,
  Node,
  instantiate,
  Label,
  Sprite,
  UITransform,
} from "cc";
import li_BaseView from "db://assets/Scripts/Main/Common/li_BaseView";
import Utils from "db://assets/Scripts/Main/Common/Utils";
import { GButton } from "db://assets/Scripts/Main/Common/GButton";
import ResManager from "db://assets/Scripts/Main/Manager/ResManager";
import { ThemeItem } from "../../uiitems/ThemeItem";
import { NavigationManager } from "../../manager/NavigationManager";
import { GirlListItem } from "../../uiitems/GirlListItem";
import ConfigManager from "../../manager/ConfigManager";
import LanguageUtils from "../../../Main/Common/LanguageUtils";
import { ViewManager } from "../../../Main/Manager/ViewManager";
import { InnerMsgCode } from "../../../Main/Config/InnerMsgCode";

const { ccclass, property } = _decorator;

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

  coinNum: Label;
  itemInst: GirlListItem;
  content: Node;

  recId: number;
  recName: Label;
  recSprite: Sprite;

  cache: ThemeItem[] = [];

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

    this.coinNum = this._nodeTab.coinNum.getComponent(Label);
    this.recName = this._nodeTab.characterNameText.getComponent(Label);
    this.recSprite = this._nodeTab.recPicSlot.getComponent(Sprite);

    this.registerListener();
    this.itemInst = this._nodeTab.ThemeItem.getComponent(ThemeItem);
    this.itemInst.node.active = false;
    this.content = this._nodeTab.allThemecontent;

    this.Show();
  }

  rectNameKey: string;
  Show() {
    //some temp data
    this.coinNum.string = (50.0).toString();
    this.recId = 1;
    if (this.cache) {
      for (let i = this.cache.length - 1; i >= 0; i--) {
        this.cache[i].node.destroy();
      }
    }
    const cfgs = ConfigManager.tables.TbThemes.getDataList();
    for (let i = 0; i < cfgs.length; i++) {
      const cfg = cfgs[i];
      if (!cfg) return;
      let newNode = instantiate(this.itemInst.node);
      let item = newNode.getComponent(ThemeItem);
      item.refresh(cfg);
      newNode.active = true;
      this.cache.push(item);
      this.content.addChild(newNode);
    }
    const rectInfo = ConfigManager.tables.TbGirls.get(10001);
    this.recId = rectInfo.id;
    this.rectNameKey = rectInfo.nameKey;

    //this.recName.string = LanguageUtils.getText(this.rectNameKey);
    ResManager.I.changeBundleSpriteFrame(
      this.recSprite,
      rectInfo.avatarPath,
      "Chat18x",
      () => {
        let sizeTran = this.recSprite.node.parent.getComponent(UITransform);
        Utils.adjustBgPixelRatioToSize(
          sizeTran.contentSize,
          this.recSprite.node,
          1
        );
      }
    );
  }

  private registerListener() {
    GButton.BandClick(this._nodeTab.settingBtn, this.openSetting, this);
    GButton.BandClick(this._nodeTab.msgBoxBtn, this.openMsgBox, this);

    GButton.BandClick(this._nodeTab.ChatWithRecBtn, this.chatWithRec, this);

    GButton.BandClick(this._nodeTab.ShopPanelEntry, this.enterShop, this);

    Utils.addInnerEL(InnerMsgCode.LanguageChange, this, () => {
      this.recName.string = LanguageUtils.getText(this.rectNameKey);
    });
  }

  enterShop() {
    ViewManager.I.openBundlesView("PurchasePanel");
  }

  chatWithRec() {
    NavigationManager.Instance.navigateToChat(this.recId);
  }

  openSetting() {
    ViewManager.I.openBundlesView("LanguagePanel");
  }

  openMsgBox() {
    console.log("打开信箱");
  }

  onDestroy(): void {
    Utils.removeInnerEL(InnerMsgCode.LanguageChange, this, () => {
      this.recName.string = LanguageUtils.getText(this.rectNameKey);
    });
  }
}