import NumberToImage from "../../Script/NumberToImage";

const { ccclass, property } = cc._decorator;

@ccclass
export default class PassCheckItem extends cc.Component {
    @property(cc.Prefab)
    passCheckItemLvPrefab: cc.Prefab = null;

    @property(cc.Sprite)
    leftReward: cc.Sprite = null;
    @property(cc.Sprite)
    rightReward: cc.Sprite = null;
    @property(cc.Node)
    leftNum: cc.Node = null;
    @property(cc.Node)
    rightNum: cc.Node = null;

    @property(cc.SpriteAtlas)
    texture_atlas: cc.SpriteAtlas = null;

    @property(cc.SpriteAtlas)
    passCheckFont: cc.SpriteAtlas = null;

    // 添加更多图集属性
    @property(cc.SpriteAtlas)
    newUserAtlas: cc.SpriteAtlas = null;



    // @property(cc.SpriteAtlas)
    // textureAtlas1: cc.SpriteAtlas = null;

    @property(cc.SpriteAtlas)
    uiAtlas: cc.SpriteAtlas = null;

    @property(cc.SpriteFrame)
    skylineHealth: cc.SpriteFrame = null;

    @property(cc.SpriteFrame)
    iceb: cc.SpriteFrame = null;

    @property(cc.SpriteFrame)
    chuizi: cc.SpriteFrame = null;

    @property(cc.SpriteFrame)
    starb: cc.SpriteFrame = null;

    // 数据
    private data: any = null;
    private itemIndex: number = 0;
    private isUIInitialized: boolean = false;
    private levelNode: cc.Node = null;
    // 1001 金币  2001 锤子  2003 魔棒  3001 15分钟无限体力 3002 30分钟  3003 1小时  3004 2小时 3005 3小时 
    // 添加物品ID到图片名称的映射
    private itemImageMap: { [key: number]: { imageName: string, atlas?: string } } = {
        1001: { imageName: "coins4", atlas: "texture_atlas" },     // shop/img/texture_atlas-1
        2001: { imageName: "iceb" },
        2002: { imageName: "chuizi" },
        2003: { imageName: "starb" },
        3001: { imageName: "skylineHealth" },
        3002: { imageName: "skylineHealth" },
        3003: { imageName: "skylineHealth" },
        // 可以继续添加更多物品ID和对应图片的映射
    };

    init(data: any, index: number) {
        this.data = data;
        this.itemIndex = index;
        this.updateUI();
    }
    initUI() {
        if (!this.data) {
            return;
        }

        // 处理passCheckItemLv prefab的实例化
        if (this.passCheckItemLvPrefab) {
            if (this.levelNode) this.levelNode.destroy();
            // 实例化并添加新的prefab
            const itemLvNode = cc.instantiate(this.passCheckItemLvPrefab);
            this.levelNode = itemLvNode;
            itemLvNode.parent = this.node.parent;
            itemLvNode.setPosition(this.node.x, this.node.y);
            itemLvNode.zIndex = 2;
            let bright_bg = itemLvNode.getChildByName("bright_bg").getComponent(cc.Sprite);

            let levelNum = itemLvNode.getChildByName("levelNum");
            let lvNum = this.itemIndex + 1
            // NumberToImage.numberToImageNodes(lvNum, 43, 15, "tili_", levelNum, true);
            NumberToImage.numberToImageNodesPassCheck(lvNum, 45, 48, "half_black_", levelNum, true);
            if (lvNum >= 10 && lvNum <= 19) {
                levelNum.x -= 3;
            }
            if (lvNum >= 20 && lvNum <= 29) {
                levelNum.x += 3;
            }

            if (this.data.free === -1) {
                // 未激活状态
                if (this.uiAtlas) {
                    const spriteFrame = this.uiAtlas.getSpriteFrame("no_bright_bg");
                    if (spriteFrame) {
                        bright_bg.spriteFrame = spriteFrame;
                    }
                    // cc.fx.GameTool.setGray(levelNum, true)
                    NumberToImage.numberToImageNodesPassCheck(lvNum, 45, 48, "all_black_", levelNum, true);
                }
            } else {
                // 已激活状态
                if (this.uiAtlas) {
                    const spriteFrame = this.uiAtlas.getSpriteFrame("bright_bg");
                    if (spriteFrame) {
                        bright_bg.spriteFrame = spriteFrame;
                    }
                }
            }
        }

        // 初始化按钮点击事件（只执行一次）
        if (!this.isUIInitialized) this.setupButtonEvents();

        // 标记UI已初始化
        this.isUIInitialized = true;

        // 首次更新UI
        this.updateUI();
    }

    // 专门用于设置按钮事件的方法
    private setupButtonEvents() {
        let node1 = this.node.getChildByName("leftNode");
        let node2 = this.node.getChildByName("rightNode");
        const mask = this.node.getChildByName('mask');
        if (mask) mask.on('click', () => {
            if (!mask.active) return;
            for (let node = this.node.parent; node; node = node.parent) {
                const pass = node.getComponent('passCheck');
                if (pass) { pass.onActivateBtnClick(); return; }
            }
        }, this);

        if (node1) {
            let getBtn = node1.getChildByName("getBtn");
            if (getBtn) {
                getBtn.on('click', () => {
                    this.onGetRewardClicked(node1);
                }, this);
            }
        }

        if (node2) {
            let getBtn = node2.getChildByName("getBtn");
            if (getBtn) {
                getBtn.on('click', () => {
                    this.onGetRewardClicked(node2);
                }, this);
            }
        }
    }

    updateUI() {
        if (!this.data) {
            return;
        }
        const mask = this.node.getChildByName('mask');
        if (mask) mask.active = this.itemIndex >= 35 && this.data.leftAllowed === false;

        // 根据数据更新界面元素
        let node1 = this.node.getChildByName("leftNode");
        let node2 = this.node.getChildByName("rightNode");

        if (this.data.ItemID1 !== undefined && this.data.ItemNum1 !== undefined) {
            this.setNodeGray(node1, cc.Color.WHITE);
            this.setNodeGray(node2, cc.Color.WHITE);
            this.setNodeGray(node1.getChildByName('num_1'), cc.Color.WHITE);
            this.setNodeGray(node2.getChildByName('num_1'), cc.Color.WHITE);
            this.updateItemInfo(this.data.ItemID1, this.data.ItemNum1, node1, this.data.free);
        }
        if (this.data.ItemID2 !== undefined && this.data.ItemNum2 !== undefined) {
            this.updateItemInfo(this.data.ItemID2, this.data.ItemNum2, node2, this.data.passCheck);
        }
        if (this.data.free !== undefined) {
            this.updateRewardState(this.data.free, node1);
        }
        if (this.data.passCheck !== undefined) {
            this.updateRewardState(this.data.passCheck, node2);
        }
    }
    updateRewardState(itemData: any, targetNode: cc.Node) {
        // 更新免费状态的UI 0已领 1 未领
        let getSpr = targetNode.getChildByName("get")
        let getBtn = targetNode.getChildByName("getBtn")
        let lock = targetNode.getChildByName("lock")
        if (!lock && targetNode.name === 'leftNode' && this.data.leftAllowed === false) {
            const source = this.node.getChildByName('rightNode').getChildByName('lock');
            if (source) { lock = cc.instantiate(source); targetNode.addChild(lock); }
        }
        let activate = targetNode.name === 'leftNode' ? this.data.leftAllowed !== false : this.data.rightAllowed !== false;

        if (lock) {
            lock.active = false;
        }

        if (itemData === 1) {
            getSpr.active = false;
            getBtn.active = true;

            if (lock && activate == false) {
                lock.active = true;
                getBtn.active = false;
            }
        } else if (itemData === 0) {
            getSpr.active = true;
            getBtn.active = false;
            this.setNodeGray(targetNode)
        } else {
            if (lock && activate == false) {
                lock.active = true;
            }
            getSpr.active = false;
            getBtn.active = false;
        }
    }


    updateItemInfo(itemID: number, itemNum: number, node: cc.Node, itemData: any) {
        // 更新物品信息的UI
        const imageInfo = this.itemImageMap[itemID];
        let freeRewardNode = node.getChildByName("freeReward");
        let freeReward: cc.Sprite = null;

        if (freeRewardNode) {
            freeReward = freeRewardNode.getComponent(cc.Sprite);
        }

        if (imageInfo) {
            // 道具使用预制体绑定的图片，金币仍从图集取图。
            const targetAtlas: cc.SpriteAtlas = imageInfo.atlas ? this[imageInfo.atlas] : null;
            if (freeReward) {
                const spriteFrame: cc.SpriteFrame = imageInfo.atlas
                    ? targetAtlas && targetAtlas.getSpriteFrame(imageInfo.imageName)
                    : this[imageInfo.imageName];
                if (spriteFrame) {
                    freeReward.spriteFrame = spriteFrame;
                    let imgScale = 1;
                    switch (itemID) {
                        case 1001:
                            imgScale = 1;
                            break;
                        case 2001:
                            imgScale = 0.7;
                            break;
                        case 2002:
                            imgScale = 0.6;
                            break;
                        case 2003:
                            imgScale = 0.6;
                            break;
                        default:
                            imgScale = 1.1;
                            break;
                    }
                    freeRewardNode.scale = imgScale;
                } else {
                    console.warn(`Reward sprite frame ${imageInfo.imageName} not found`);
                }
            } else {

            }
        } else {
            console.warn(`No image found for item ID: ${itemID}`);
            // 使用默认图片
        }

        const addTime = node.getChildByName("addTiem");
        const numberNode = node.getChildByName("num_1");
        addTime.active = false;
        node.getChildByName("num_x").active = false;
        numberNode.active = true;
        numberNode.setPosition(addTime.x, addTime.y - 20);
        this.updateRewardText(itemID, itemNum, numberNode);
        this.setNodeGray(numberNode, itemData === 0 ? cc.color(190, 190, 190, 255) : cc.Color.WHITE);
    }

    private updateRewardText(itemID: number, itemNum: number, target: cc.Node) {
        // 时长由物品 ID 决定，与实际发奖规则保持一致。
        const minutes = { 3001: 15, 3002: 30, 3003: 60 }[itemID];
        const value = minutes ? (minutes >= 60 ? minutes / 60 : minutes) : itemNum;
        const frameNames: string[] = itemID === 1001 ? [] : [minutes ? "jia" : "cheng"];
        for (const digit of String(value)) frameNames.push("half_black_" + digit);
        if (minutes) frameNames.push(minutes >= 60 ? "xiaoshi" : "fenzhong");

        target.destroyAllChildren();
        const glyphs: cc.Node[] = [];
        const spacing = 2;
        let width = 0;
        let height = 0;
        for (const name of frameNames) {
            const glyph = new cc.Node(name);
            const sprite = glyph.addComponent(cc.Sprite);
            sprite.sizeMode = cc.Sprite.SizeMode.TRIMMED;
            sprite.spriteFrame = this.passCheckFont.getSpriteFrame(name);
            target.addChild(glyph);
            glyphs.push(glyph);
            width += glyph.width;
            height = Math.max(height, glyph.height);
        }
        width += spacing * (glyphs.length - 1);
        let x = -width / 2;
        for (const glyph of glyphs) {
            glyph.x = x + glyph.width / 2;
            x += glyph.width + spacing;
        }
        target.setContentSize(width, height);
        // 保持原奖励文字约 50 高，长数量或时长限制在卡片内。
        target.scale = Math.min(50 / height, 218 / width, 1);
    }


    updateItem(data: any, index: number) {
        // 在这里处理数据更新
        this.data = data;
        this.itemIndex = index;
        this.initUI();
    }

    // 数据改变时调用
    public dataChanged() {
        this.updateUI();
    }

    // 组件生命周期函数
    protected onLoad() {
        this.isUIInitialized = false;
    }

    protected start() {
        // console.log("PassCheckItem component started");
    }
    private onGetRewardClicked(targetNode: cc.Node) {
        // 确定是左侧还是右侧的奖励
        let isLeftReward = targetNode.name === "leftNode";

        // 获取对应的物品ID和数量
        let itemId = isLeftReward ? this.data.ItemID1 : this.data.ItemID2;
        let itemNum = isLeftReward ? this.data.ItemNum1 : this.data.ItemNum2;

        console.log("领取物品:", itemId, "数量:", itemNum);

        // 调用领取奖励方法
        this.claimReward(itemId, itemNum, isLeftReward);
    }

    private claimReward(itemId: number, itemNum: number, isLeftReward: boolean) {
        let passCheckMgr = this.node.parent.parent.parent.parent.getComponent('passCheckMgr');
        if (passCheckMgr && typeof passCheckMgr.claimReward === 'function') {
            console.log("更新奖励状态到服务器:", itemId, itemNum, isLeftReward);
            passCheckMgr.claimReward(this.itemIndex, itemId, itemNum, isLeftReward);
        }
    }

    private claimInfiniteHealth(amount: number, itemId: number) {

    }

    public updateRewardUIAfterClaim(isLeftReward: boolean) {
        let targetNode = isLeftReward ?
            this.node.getChildByName("leftNode") :
            this.node.getChildByName("rightNode");

        let num1 = targetNode.getChildByName("num_1");
        let num_x = targetNode.getChildByName("num_x");
        console.log("更新奖励UI:", isLeftReward);
        if (targetNode) {
            let getSpr = targetNode.getChildByName("get");
            let getBtn = targetNode.getChildByName("getBtn");

            if (getSpr && getBtn) {
                getSpr.active = true;
                getBtn.active = false;
                this.setNodeGray(targetNode);
                this.setNodeGray(num1);
            }
        }
    }



    private setNodeGray(node: cc.Node, color?: cc.Color) {
        let setColor = color || cc.color(190, 190, 190, 255);
        if (node) {
            for (let i = 0; i < node.children.length; i++) {
                // console.log("设置子节点颜色", node.children[i]);
                node.children[i].color = setColor;
            }
        }

    }
}