import { _decorator, Button, Color, Component, director, instantiate, Label, Node, Animation, Prefab, ProgressBar, sp, Sprite, SpriteFrame, Toggle, Vec3, RichText } from "cc";
import { areanMgr } from "../../AreanManager";
import { resLoader } from "db://assets/core_tgx/base/utils/ResLoader";
import { ModuleDef } from "db://assets/scripts/ModuleDef";
import { SectType as SectType, heroAttributeType, IBasicAttribute, IAreanPlayer } from "db://assets/module_basic/shared/protocols/public/arean/AreanTypeDef";
import { CommonFun } from "db://assets/module_arean/scripts/CommonFun";
import { iAttribute } from "../../../../module_basic/shared/protocols/public/arean/MsgAreanBattleReportPush";
import { AreanEvent, AreanNetMgr } from "../../AreanNetMgr";
import { MsgAreanAttrUpdatePush } from "../../../../module_basic/shared/protocols/public/arean/MsgAreanAttrUpdatePush";
import { commonFunction } from "../../../../core_tgx/base/utils/commonFunction";

const { ccclass, property } = _decorator;

@ccclass('DetailView')
export class DetailView extends Component {

    @property(Node)
    content_1_1: Node;

    @property(Node)
    heroBg: Node;

    @property(Node)
    content_1_2: Node;

    @property(Node)
    content_1_3: Node;


    @property(Label)
    attr_attack: Label;
    @property(Label)
    attr_attackSpeed: Label;
    @property(Label)
    attr_crit: Label;
    @property(Label)
    attr_spAttack: Label;
    @property(Label)
    attr_skillSpeed: Label;
    @property(Label)
    attr_buffAdd: Label;
    @property(Label)
    attr_defend: Label;
    @property(Label)
    attr_dodge: Label;
    @property(Label)
    attr_anger: Label;
    @property(Label)
    attr_spDefend: Label;
    @property(Label)
    attr_reflect: Label;
    @property(Label)
    attr_healAdd: Label;



    @property(Node)
    hpBar: Node;
    @property(Node)
    mpBar: Node;
    @property(Node)
    shieldBar: Node;

    @property(Node)
    spineNode: Node;


    @property(Prefab)
    attrTxt: Prefab;

    @property(Sprite)
    mainSkillIcon: Sprite;
    @property(Label)
    mainSkillName: Label;
    @property(RichText)
    mainSkillDesc: RichText;

    @property(Sprite)
    jobSkillIcon: Sprite;
    @property(Label)
    jobSkillName: Label;
    @property(RichText)
    jobSkillDesc: RichText;


    @property(Button)
    btnCardList: Button;

    @property(Node)
    equipList: Node;
    @property(Node)
    treasureList: Node;






    curData: IBasicAttribute = null;

    private _curSect: SectType = SectType.体质;

    start() {


        director.on(AreanEvent.AttrUpdate, this.updataAttrPush, this);



        try {
            let node = this.node.getChildByName("ToggleGroup");
            let toggle: Toggle = node.getChildByName(`Toggle${3}`).getComponent(Toggle);
            toggle.node.on('toggle', (target: Toggle) => {
                this.updateSect();
            }, this);
            this._initSectBtn();
        } catch (error) {
            console.warn("An error occurred:", error);
        }

    }


    public updateAttrForReport(data: iAttribute): void {

        let attrId: heroAttributeType = data.type;
        let value: number = data.value;

        switch (attrId) {
            case heroAttributeType.shields: {
                this.curData.shields = value;
                this.shieldBar.getComponent(ProgressBar).progress = value;
                this.shieldBar.getChildByName("value").getComponent(Label).string = `${value}`;
                break;
            }

            case heroAttributeType.hp: {
                this.curData.hp = value;
                this.hpBar.getComponent(ProgressBar).progress = value / this.curData.maxHp;
                this.hpBar.getChildByName("value").getComponent(Label).string = `${value}/${this.curData.maxHp}`;
                break;
            }

            case heroAttributeType.mp: {
                this.curData.mp = value;
                this.mpBar.getComponent(ProgressBar).progress = value / this.curData.maxMp;
                this.mpBar.getChildByName("value").getComponent(Label).string = `${value}/${this.curData.maxMp}`;
                break;
            }

            case heroAttributeType.maxHp: {
                this.curData.maxHp = value;
                this.hpBar.getComponent(ProgressBar).progress = this.curData.hp / value;
                this.hpBar.getChildByName("value").getComponent(Label).string = `${this.curData.hp}/${value}`;
                break;
            }

            case heroAttributeType.maxMp: {
                this.curData.maxMp = value;
                this.mpBar.getComponent(ProgressBar).progress = this.curData.mp / value;
                this.mpBar.getChildByName("value").getComponent(Label).string = `${this.curData.mp}/${value}`;
                break;

            }

            case heroAttributeType.attack: {
                this.curData.attack = value;
                this.attr_attack.string = value + "";
                break;
            }

            case heroAttributeType.spAttack: {
                this.curData.spAttack = value;
                this.attr_spAttack.string = value + "";
                break;

            }

            case heroAttributeType.skillSpeed: {
                this.curData.skillSpeed = value;
                this.attr_skillSpeed.string = value + "";
                break;
            }

            case heroAttributeType.buffAdd: {
                this.curData.buffAdd = value;
                this.attr_buffAdd.string = value + "";
                break;
            }

            case heroAttributeType.attackSpeed: {
                this.curData.attackSpeed = value;
                this.attr_attackSpeed.string = value + "";
                break;
            }

            case heroAttributeType.dodge: {
                this.curData.dodge = value;
                this.attr_dodge.string = value + "";
                break;
            }

            case heroAttributeType.anger: {
                this.curData.anger = value;
                this.attr_anger.string = value + "";
                break;
            }

            case heroAttributeType.reflect: {
                this.curData.reflect = value;
                this.attr_reflect.string = value + "";
                break;
            }

            case heroAttributeType.critical: {
                this.curData.critical = value;
                this.attr_crit.string = value + "";
                break;
            }


            case heroAttributeType.defend: {
                this.curData.defend = value;
                this.attr_defend.string = value + "";
                break;
            }

            case heroAttributeType.spDefend: {
                this.curData.spDefend = value;
                this.attr_spDefend.string = value + "";
                break;

            }

            case heroAttributeType.healAdd: {
                this.curData.healAdd = value;
                this.attr_healAdd.string = value + "";
                break;

            }


            default:
                break;

        }
        this.updateAddAttr();
    }

    updataAttrPush(attr: IBasicAttribute) {

        this.curData = AreanNetMgr.inst.playerMap[areanMgr.BattleView.getLocalPlayerData().playerId].attr;
        this.updateAttr(attr);
        this.updateAddAttr();

    }


    init(id: number) {
        console.log("init id", id);
        let heroData = areanMgr.cfgMgr.HeroDatas.getData(id);
        let skin = areanMgr.cfgMgr.SkinData.getData(heroData.skinRes[0]).icon;
        let imagePath = 'res/Spine/' + skin;
        let spAsset: sp.SkeletonData = resLoader.get(imagePath, sp.SkeletonData, ModuleDef.Arean);
        let ske = this.spineNode.getComponent(sp.Skeleton);
        ske.skeletonData = spAsset;
        //ske.setAnimation(0, "idle", true);

        let skillID = heroData.mainSkill[0];
        let skillData = areanMgr.cfgMgr.SkillPerformanceDatas.getData(skillID);
        this.mainSkillDesc.string = CommonFun.getInstance().HighlightNumbers(skillData.effectDescribe);
        this.mainSkillName.string = skillData.skillname;
        this.mainSkillIcon.spriteFrame = resLoader.getSpriteFrame("res/Image/icon/" + skillData.icon, ModuleDef.Arean);

        this.updataAttrPush(areanMgr.BattleView.getLocalPlayerData().attr);
    }



    updateCardNum() {
        let cardData = AreanNetMgr.inst.playerMap[areanMgr.BattleView.getLocalPlayerId()].cardList
        for (let i = 1; i <= 3; i++) {
            let countNode = this.btnCardList.node.getChildByPath("cardNode_" + i + "/count");
            countNode.getComponent(Label).string = CommonFun.getInstance().CalCardCount(i, cardData).toString();

        }
    }


    // 属性面板
    async updateAttr(attr: IBasicAttribute) {

        if (attr) {
            let attrData = AreanNetMgr.inst.playerMap[areanMgr.BattleView.getLocalPlayerData().playerId].attr;

            // // 创建一个新的字典来存储差值
            // let data: { [key: string]: number } = {};

            // // 遍历data字典
            // for (let key in attrData) {
            //     if (attrData.hasOwnProperty(key) && changeAdd.hasOwnProperty(key)) {
            //         // 计算差值并存储到新的字典中
            //         data[key] = attrData[key] - changeAdd[key];
            //     }
            // }

            this.attr_attack.string = attrData.attack + "";
            this.attr_attackSpeed.string = attrData.attackSpeed + "";
            this.attr_crit.string = attrData.critical + "";
            this.attr_spAttack.string = attrData.spAttack + "";
            this.attr_skillSpeed.string = attrData.skillSpeed + "";
            this.attr_buffAdd.string = attrData.buffAdd + "";
            this.attr_defend.string = attrData.defend + "";
            this.attr_dodge.string = attrData.dodge + "";
            this.attr_anger.string = attrData.anger + "";
            this.attr_spDefend.string = attrData.spDefend + "";
            this.attr_reflect.string = attrData.reflect + "";
            this.attr_healAdd.string = attrData.healAdd + "";

            this.shieldBar.getComponent(ProgressBar).progress = attrData.shields;
            this.hpBar.getComponent(ProgressBar).progress = attrData.hp / attrData.maxHp;
            this.mpBar.getComponent(ProgressBar).progress = attrData.mp / attrData.maxMp;
            this.shieldBar.getChildByName("value").getComponent(Label).string = `${attrData.shields}`;
            this.hpBar.getChildByName("value").getComponent(Label).string = `${attrData.hp}/${attrData.maxHp}`;
            this.mpBar.getChildByName("value").getComponent(Label).string = `${attrData.mp}/${attrData.maxMp}`;

            console.log(attr);
            for (let a in attr) {

                if (attr[a] != 0) {
                    this.AddBuff(heroAttributeType[a], attr[a], this.spineNode);
                    this.AddBuff(heroAttributeType[a], attr[a], areanMgr.BattleView.headIcon);
                    await new Promise(resolve => setTimeout(resolve, 200));
                }


            }
        }


    }


    // 属性面板
    updateAddAttr() {


        let data = this.curData;
        this.attr_attack.node.parent.getChildByName("valueAdd").getComponent(Label).string = "+" + data.attack;
        this.attr_attack.node.parent.getChildByName("valueAdd").active = false;
        this.attr_attackSpeed.node.parent.getChildByName("valueAdd").getComponent(Label).string = "(" + data.attackSpeed + "%)";
        this.attr_attackSpeed.node.parent.getChildByName("valueAdd").active = data.attackSpeed > 0;
        this.attr_crit.node.parent.getChildByName("valueAdd").getComponent(Label).string = "(" + data.critical + "%)";
        this.attr_crit.node.parent.getChildByName("valueAdd").active = data.critical > 0;
        this.attr_spAttack.node.parent.getChildByName("valueAdd").getComponent(Label).string = "+" + data.spAttack;
        this.attr_spAttack.node.parent.getChildByName("valueAdd").active = false;
        this.attr_skillSpeed.node.parent.getChildByName("valueAdd").getComponent(Label).string = "(" + data.skillSpeed + "%)";
        this.attr_skillSpeed.node.parent.getChildByName("valueAdd").active = data.skillSpeed > 0;
        this.attr_buffAdd.node.parent.getChildByName("valueAdd").getComponent(Label).string = "(" + data.buffAdd + "%)";
        this.attr_buffAdd.node.parent.getChildByName("valueAdd").active = data.buffAdd > 0;
        this.attr_defend.node.parent.getChildByName("valueAdd").getComponent(Label).string = "(" + data.defend + "%)";
        this.attr_defend.node.parent.getChildByName("valueAdd").active = false;
        this.attr_dodge.node.parent.getChildByName("valueAdd").getComponent(Label).string = "(" + data.dodge + "%)";
        this.attr_dodge.node.parent.getChildByName("valueAdd").active = data.dodge > 0;
        this.attr_anger.node.parent.getChildByName("valueAdd").getComponent(Label).string = "+" + data.anger;
        this.attr_anger.node.parent.getChildByName("valueAdd").active = false;
        this.attr_spDefend.node.parent.getChildByName("valueAdd").getComponent(Label).string = "(" + data.spDefend + "%)";
        this.attr_spDefend.node.parent.getChildByName("valueAdd").active = false;
        this.attr_reflect.node.parent.getChildByName("valueAdd").getComponent(Label).string = "(" + data.reflect * 3 + "%)";
        this.attr_reflect.node.parent.getChildByName("valueAdd").active = data.reflect > 0;
        this.attr_healAdd.node.parent.getChildByName("valueAdd").getComponent(Label).string = "+" + data.healAdd;
        this.attr_healAdd.node.parent.getChildByName("valueAdd").active = false;


    }


    AddBuff(attr: heroAttributeType, value: number, spine: Node) {

        if (this.attrTxt) {
            let damageNode = instantiate(this.attrTxt);
            spine.addChild(damageNode);
            damageNode.setPosition(new Vec3(0, 40, 0));
            damageNode.setScale(spine.getScale());
            let duffData = areanMgr.cfgMgr.BuffDatas.getData(attr);
            let text = duffData.name;

            if (value > 0) {
                damageNode.getComponent(Animation)?.play("buff");
                damageNode.getChildByName("buff")!.getComponent(Label)!.string = text + "+" + value;

            }
            else if (value < 0) {
                damageNode.getComponent(Animation)?.play("debuff");
                damageNode.getChildByName("debuff")!.getComponent(Label)!.string = text + "-" + Math.abs(value);

            }
            setTimeout(() => {

                damageNode.removeFromParent();
            }
                , 2000);

        }
    }



    /***************************************************************** 技能部分 ***********************************************/
    // 更新技能内容
    updateJobDetail(careerId: number): void {


        let careerData = areanMgr.cfgMgr.JobDatas.getData(careerId);
        if (careerData)
            this.jobSkillName.string = careerData.occupationName;
        this.jobSkillDesc.string = careerData.occupationDescribe;
        this.jobSkillIcon.spriteFrame = resLoader.getSpriteFrame(`res/Image/Job/${careerData.occupationIcon}`, ModuleDef.Arean)

    }

    /*********************** 羁绊*************************************/
    private _initSectBtn(): void {
        for (let i: number = 1; i <= 12; i++) {
            let toggle: Toggle = this.content_1_3.getChildByPath("ScrollView/ToggleGroup").getChildByName(`Toggle${i}`).getComponent(Toggle);
            let attr: { tag: SectType } = {
                tag: i
            }
            toggle.node.attr(attr);
            toggle.node.on('toggle', (target: Toggle) => {
                //@ts-ignore
                this._curSect = target.node.tag;
                this.updateSect();
            }, this);
        }
    }

    public updateSect(): void {
        const playerId = areanMgr.BattleView.getLocalPlayerId();
        const sectList = AreanNetMgr.inst.playerMap[playerId].sect;
        const count = CommonFun.getInstance().getSectCount(this._curSect, sectList);
        const curData = CommonFun.getInstance().getSectData(this._curSect);
        const node = this.content_1_3.getChildByName("descLayout");
        const targetCounts = [5, 10, 20]; // 定义目标数量常量

        for (let i = 0; i < curData.length; i++) {
            const _node = node.getChildByName(`desc-00${i + 1}`);
            const lab_1 = _node.getChildByName("Label-003").getComponent(Label);
            const lab_2 = _node.getChildByName("Label-001").getComponent(Label);
            lab_1.string = `${count}/${targetCounts[i]}`;
            lab_2.string = curData[i].desc;
        }

        // 设置未达到目标数量的文本颜色为灰色

        for (let i = 1; i <= 3; i++) {
            const _node = node.getChildByName(`desc-00${i}`);
            const lab_1 = _node.getChildByName("Label-003").getComponent(Label);
            const lab_2 = _node.getChildByName("Label-001").getComponent(Label);
            if (count < targetCounts[i - 1]) {
                lab_1.color = new Color(150, 150, 150, 255);
                lab_2.color = new Color(150, 150, 150, 255);
            } else {
                lab_1.color = new Color(255, 255, 255, 255);
                lab_2.color = new Color(255, 255, 255, 255);
                break;
            }
        }
    }

    updateEquipAndTreasure(data: IAreanPlayer) {
        // 装备
        let equipNode = this.equipList;
        let equipData = data.equipList;
        for (let i = 0; i < 4; i++) {
            let node = equipNode.getChildByName(`item_${i + 1}`);
            let equipId = equipData[i];
            if (equipId) {
                let equipLocalData = areanMgr.cfgMgr.EquipmentData.getData(equipId);
                let sp: SpriteFrame = resLoader.getSpriteFrame(`res/Image/Equip/${equipLocalData.icon}`, ModuleDef.Arean);
                if (sp) node.getComponent(Sprite).spriteFrame = sp;
                let count = node.getChildByName("count");
                count.getComponent(Label).string = "";
            }
        }

        // 圣物
        let relicNode = this.treasureList;
        let relicData = data.treasureList;
        for (let i = 0; i < 2; i++) {
            let node = relicNode.getChildByName(`item_${i + 1}`);
            let d = relicData[i];
            if (d) {
                let localData = areanMgr.cfgMgr.TreasureDatas.getData(d.id);
                let sp: SpriteFrame = resLoader.getSpriteFrame(`res/Image/Treasure/${localData.icon}`, ModuleDef.Arean);
                if (sp) node.getComponent(Sprite).spriteFrame = sp;
                let count = node.getChildByName("count");
                count.getComponent(Label).string = "";
            }
        }

    }


    showCardList() {
        const path = 'res/Prefebs/cardList';
        let sp: Prefab = resLoader.get(path, Prefab, ModuleDef.Arean);
        let node = instantiate(sp);
        areanMgr.BattleView.node.addChild(node);

        let list = node.getChildByPath("ScrollView/view/content");
        let item = list.children[0];
        let cardList = AreanNetMgr.inst.playerMap[areanMgr.BattleView.getLocalPlayerId()].cardList;

        const sortedCardList = cardList
            .filter(card => {
                const data = areanMgr.cfgMgr.CardDatas.getData(card.id);
                return data.show !== 1;
            })
            .sort((a, b) => {
                let dataA = areanMgr.cfgMgr.CardDatas.getData(a.id);
                let dataB = areanMgr.cfgMgr.CardDatas.getData(b.id);
                return dataB.cardRare - dataA.cardRare;
            });

        let cardMap = {}; // 用于跟踪已经实例化的卡牌

        for (let i = 0; i < sortedCardList.length; i++) {

            let cardId = sortedCardList[i];
            let data = areanMgr.cfgMgr.CardDatas.getData(cardId.id);
            if (data) {

                if (cardMap[cardId.id]) {
                    // 如果已经实例化了该卡牌，更新 count 组件
                    let countLabel = cardMap[cardId.id].getChildByName("count").getComponent(Label);
                    countLabel.string = parseInt(countLabel.string) + 1;
                } else {

                    // 如果没有实例化该卡牌，实例化一个新的卡牌
                    let cardItem = instantiate(item);
                    list.addChild(cardItem);


                    let sp: SpriteFrame = resLoader.getSpriteFrame("res/Image/cardRare/rare" + data.cardRare, ModuleDef.Arean);
                    if (sp) cardItem.getChildByName("rareBg").getComponent(Sprite).spriteFrame = sp;
                    sp = resLoader.getSpriteFrame("res/Image/skill/" + data.icon, ModuleDef.Arean);
                    if (sp) cardItem.getChildByPath("cardBg/mask/cardIcon").getComponent(Sprite).spriteFrame = sp;
                    cardItem.getChildByName("name").getComponent(Label).string = data.mainName;
                    cardItem.getChildByName("cardDesc").getComponent(RichText).string = CommonFun.getInstance().HighlightNumbers(data.skillDescribe);



                    cardItem.getChildByPath("types/type2").active = data.Sect.length == 2;
                    for (let i = 0; i < data.Sect.length; i++) {
                        let sp: SpriteFrame = resLoader.getSpriteFrame("res/Image/sect/sect" + data.Sect[i], ModuleDef.Arean);
                        if (sp) cardItem.getChildByPath("types").children[i].getChildByName("icon").getComponent(Sprite).spriteFrame = sp;
                    }

                    cardMap[cardId.id] = cardItem; // 将新实例化的卡牌添加到 cardMap 中
                }
            }

        }
        list.removeChild(item);


        node.getChildByName("btnClose").on("click", () => {
            node.removeFromParent();
        })
    }

    showEquipAndTreasureList() {
        const path = 'res/Prefebs/equipAndTreasureList';
        let sp: Prefab = resLoader.get(path, Prefab, ModuleDef.Arean);
        let node = instantiate(sp);
        areanMgr.BattleView.node.addChild(node);

        let list = node.getChildByPath("ScrollView/view/content");
        let item = list.children[0];
        let equipList = AreanNetMgr.inst.playerMap[areanMgr.BattleView.getLocalPlayerId()].equipList;

        for (let i = 0; i < equipList.length; i++) {

            let equipmentId = equipList[i];
            let data = areanMgr.cfgMgr.EquipmentData.getData(equipmentId);
            if (data) {
                let equipItem = instantiate(item);
                list.addChild(equipItem);
                let sp: SpriteFrame = resLoader.getSpriteFrame("res/Image/Equip/" + data.icon, ModuleDef.Arean);
                if (sp) equipItem.getChildByName("cardIcon").getComponent(Sprite).spriteFrame = sp;
                equipItem.getChildByName("name").getComponent(Label).string = data.name;
                equipItem.getChildByName("cardDesc").getComponent(RichText).string = CommonFun.getInstance().HighlightNumbers(data.describe);
            }
        }

        let treasureList = AreanNetMgr.inst.playerMap[areanMgr.BattleView.getLocalPlayerId()].treasureList;
        for (let i = 0; i < treasureList.length; i++) {

            let d = treasureList[i];
            let data = areanMgr.cfgMgr.TreasureDatas.getData(d.id);
            if (data) {
                let treasureItem = instantiate(item);
                list.addChild(treasureItem);
                let sp: SpriteFrame = resLoader.getSpriteFrame("res/Image/Treasure/" + data.icon, ModuleDef.Arean);
                if (sp) treasureItem.getChildByName("cardIcon").getComponent(Sprite).spriteFrame = sp;
                treasureItem.getChildByName("name").getComponent(Label).string = data.name;
                treasureItem.getChildByName("cardDesc").getComponent(RichText).string = CommonFun.getInstance().HighlightNumbers(data.describe);
            }

        }
        list.removeChild(item);


        node.getChildByName("btnClose").on("click", () => {
            node.removeFromParent();
        })


    }



}