// Learn TypeScript:
//  - https://docs.cocos.com/creator/manual/en/scripting/typescript.html
// Learn Attribute:
//  - https://docs.cocos.com/creator/manual/en/scripting/reference/attributes.html
// Learn life-cycle callbacks:
//  - https://docs.cocos.com/creator/manual/en/scripting/life-cycle-callbacks.html

import GameM from "../manager/GameM";
import UiM from "../manager/UiM";
import Main from "../Main";
import EffectNode from "./EffectNode";
import LogUtil from "../utils/LogUtil";

const { ccclass, property } = cc._decorator;

@ccclass
export default class Guide extends cc.Component {

    @property(cc.Node)
    mask1: cc.Node = null;

    @property(cc.Label)
    labBuy: cc.Label = null;

    @property(cc.Node)
    mask2: cc.Node = null;

    @property(cc.Node)
    mask3: cc.Node = null;

    @property(cc.Node)
    mask4: cc.Node = null;

    @property(cc.Node)
    mask5: cc.Node = null;

    @property(cc.Node)
    mask6: cc.Node = null;

    @property(cc.Node)
    mask7: cc.Node = null;

    @property(cc.Node)
    mask8: cc.Node = null;

    @property(cc.Node)
    mask11: cc.Node = null;

    @property(cc.Node)
    fac1: cc.Node = null;

    @property(cc.Node)
    fac2: cc.Node = null;

    @property(cc.Node)
    fac3: cc.Node = null;

    @property(cc.Node)
    mask9: cc.Node = null;

    @property(cc.Node)
    mask10: cc.Node = null;

    @property(cc.Label)
    labMask10: cc.Label = null;

    @property(cc.Node)
    guide: cc.Node[] = [];

    @property(cc.Animation)
    guideAni: cc.Animation = null;

    @property(cc.Node)
    hand9: cc.Node = null;

    @property(cc.Node)
    facReset: cc.Node = null;

    @property(cc.Node)
    investStep1: cc.Node = null;

    @property(cc.Node)
    investStep2: cc.Node = null;

    @property(cc.Node)
    investHand: cc.Node = null;

    @property(cc.Node)
    investTip: cc.Node = null;

    @property(cc.Node)
    investBg: cc.Node = null;

    @property(cc.Node)
    dailyGuide: cc.Node = null;

    @property(cc.Node)
    daily1: cc.Node = null;

    @property(cc.Node)
    daily2: cc.Node = null;

    @property(cc.Node)
    daily3: cc.Node = null;

    //FC:
    @property(cc.Node)
    treasureStep1: cc.Node = null;
    @property(cc.Node)
    treasureStep2: cc.Node = null;
    @property(cc.Node)
    treasureStep3: cc.Node = null;
    @property(cc.Node)
    treasureStep4: cc.Node = null;

    @property(cc.Node)
    secretaryStep1: cc.Node = null;
    @property(cc.Node)
    secretaryStep0: cc.Node = null;
    @property(cc.Node)
    secretaryStep2: cc.Node = null;
    @property(cc.Node)
    secretaryStep3: cc.Node = null;

    @property(cc.Node)
    composeGuide: cc.Node = null;

    @property(cc.Node)
    bankGuide: cc.Node = null;

    @property(cc.Node)
    task1: cc.Node = null;
    @property(cc.Node)
    task2: cc.Node = null;
    @property(cc.Node)
    task3: cc.Node = null;
    @property(cc.Node)
    task4: cc.Node = null;

    @property(cc.Node)
    loadBlock: cc.Node = null;

    coolTime = true
    //工厂升级中
    private facBuild = false
    private tixianState = -1

    onLoad() {
        LogUtil.logV("Guide", "onLoad")
        if (cc.winSize.height > 1500) {
            this.guide[4].y += 90
            this.guide[5].y += 90
            this.bankGuide.getChildByName("step1").y += 90
            if (this.treasureStep2.y == 0) {
                this.treasureStep2.y += 80
            }
        }
    }

    start() {

    }

    onDisable() {
        UiM.Instance.displayPanel();
    }

    // preShowTixian() {
    //     if (!GameM.commonData.redSwitch) {
    //         this.node.active = false
    //         return
    //     }
    //     this.node.active = true
    //     this.mask2.active = false
    //     this.mask1.active = false
    //     this.mask4.active = false
    //     this.mask5.active = false
    //     this.mask3.active = true
    //     this.mask3.x = 10000
    // }

    hideAll() {
        this.mask1.active = false
        this.mask2.active = false
        this.mask3.active = false
        this.mask4.active = false
        this.mask5.active = false
        this.mask6.active = false
        this.mask7.active = false
        this.mask9.active = false
        this.mask10.active = false
        this.investStep1.active = false
        this.investStep2.active = false
        this.facReset.active = false

        this.fac1.active = false
        this.fac2.active = false
        this.fac3.active = false

        this.treasureStep1.active = false
        this.treasureStep2.active = false
        this.treasureStep3.active = false
        this.treasureStep4.active = false

        this.secretaryStep0.active = false
        this.secretaryStep1.active = false
        this.secretaryStep2.active = false
        this.secretaryStep3.active = false

        this.dailyGuide.active = false

        this.composeGuide.active = false

        this.mask8.active = false
        this.mask11.active = false

        this.task1.active = false
        this.task2.active = false
        this.task3.active = false
        this.task4.active = false

        this.bankGuide.active = false
    }

    /** 工厂引导 */
    showFacGuide() {
        this.hideAll()
        this.node.active = true
        this.fac1.active = true
        UiM.Instance.hallNode.getComponent(Main).hideAllHand()
    }

    hidefac1() {
        if (this.fac1.active) {
            this.fac1.active = false
            this.node.active = false
        }
    }

    /** 遮罩所有点击 */
    showBlock() {
        this.facBuild = true
        this.node.active = true
        this.loadBlock.active = true
    }

    clickLoadBlock() {
        if (this.facBuild) {
            EffectNode.instance.PlayTip('工厂加速升级中......')
        }
    }

    showFac3() {
        this.hideAll()
        this.facBuild = false
        this.node.active = true
        this.fac3.active = true
    }

    hideFacGuide() {
        if (this.fac3.active) {
            this.node.active = false
            this.fac3.active = false

            UiM.Instance.hallNode.getComponent(Main).showUnlockClickFac()
        }
    }

    endBankGuide() {
        this.bankGuide.active = false
        this.node.active = false
    }

    bankGuideStep1() {
        this.node.active = true
        this.hideAll()
        this.bankGuide.active = true
        this.bankGuide.getChildByName("step1").active = true
        this.bankGuide.getChildByName("step2").active = false
        this.bankGuide.getChildByName("step3").active = false
        cc.sys.localStorage.setItem("bankGuideStep1", "true")
    }

    bankGuideStep2() {
        this.bankGuide.active = true
        this.bankGuide.getChildByName("step1").active = false
        this.bankGuide.getChildByName("step2").active = true
        this.bankGuide.getChildByName("step3").active = false
    }
    bankGuideStep3() {
        this.bankGuide.active = true
        this.bankGuide.getChildByName("step1").active = false
        this.bankGuide.getChildByName("step2").active = false
        this.bankGuide.getChildByName("step3").active = true
    }

    /** 打开每日提现引导
     * @param tixianState 0 打开引导 1 提现引导
     */
    showGuide9(tixianState) {
        this.hideAll()
        if (!GameM.commonData.redSwitch) {
            this.node.active = false
            return
        }

        this.tixianState = tixianState
        UiM.Instance.hallNode.getComponent(Main).hideAllHand()
        this.node.active = true
        this.mask9.active = true
        this.hand9.active = true


        let main = UiM.Instance.hallNode.getComponent(Main);
        let node_dailyCashPos = UiM.Instance.hallNode.getComponent(Main).dailyCashBtn.node.position
        this.mask9.setPosition(cc.v2(node_dailyCashPos.x, node_dailyCashPos.y + main.topPart.y));
        this.hand9.setPosition(cc.v2(node_dailyCashPos.x, node_dailyCashPos.y + main.topPart.y));
    }

    hideGuide9() {
        this.node.active = false
        this.mask9.active = false
        this.hand9.active = false

        if (this.tixianState == 0) {
            this.showMask8()
        }
        else if (this.tixianState == 1) {
            UiM.Instance.hallNode.getComponent(Main).showHandGuide()
        }

        this.tixianState = -1
    }

    public ifCouldOpenMask10: boolean = false;
    public originY: number = null;
    /** 提现引导 */
    showGuide10() {
        this.hideAll()
        this.node.active = true;
        this.mask10.active = true;
        let main = UiM.Instance.hallNode.getComponent(Main);
        if (!this.originY) {
            this.originY = this.mask10.y + main.topPart.y;
        }
        // this.labMask10.string = `当前汽车最高等级为${GameM.commonData.maxCarLevel}，\n18级后可提现`
        this.mask10.setPosition(cc.v2(this.mask10.x, this.originY))
    }

    hideGuide10() {
        this.node.active = false;
        this.mask10.active = false;
        UiM.Instance.hallNode.getComponent(Main).showHandGuide()
    }

    showTixian() {
        this.hideAll()
        UiM.Instance.hallNode.getComponent(Main).hideAllHand()
        this.scheduleOnce(() => {
            this.node.active = true
            this.mask2.active = false
            this.mask1.active = false
            this.mask4.active = false
            this.mask5.active = false
            this.mask3.active = true
            let data = this.guide[3]
            this.mask3.setPosition(data.getPosition());
            this.guideAni.node.active = false
        }, 0.1)

        // this.guideAni.node.setPosition(data.getPosition());
        // this.guideAni.node.active = true;
        // this.guideAni.play(this.guideAni.getClips()[3].name);
    }

    showStep() {
        LogUtil.logV("guide showStep", GameM.commonData.step)
        if (GameM.commonData.step >= 4) {
            this.node.active = false
            UiM.Instance.hallNode.getComponent(Main).checkNewUser()
            return
        }
        this.node.active = true
        let step = GameM.commonData.step
        let data = this.guide[step - 1]

        this.mask3.active = false
        if (step == 3) {
            this.loadBlock.active = false
            this.mask2.active = true
            this.mask1.active = false

            this.guideAni.node.setPosition(data.getPosition());
            this.guideAni.node.active = true;
            this.guideAni.play(this.guideAni.getClips()[step - 1].name);
        }
        else {
            this.coolTime = true
            this.scheduleOnce(() => {
                this.coolTime = false
            }, 1)

            this.mask1.active = false
            this.mask2.active = false
            // this.mask4.active = true

            // this.mask4.setPosition(this.guide[4].getPosition());
            // this.mask5.active = false
            this.clickMask5()
        }
    }

    showMask4() {
        this.node.active = true
        this.mask3.active = false
        this.coolTime = true
        this.scheduleOnce(() => {
            this.coolTime = false
        }, 1)

        this.mask1.active = false
        this.mask2.active = false
        this.mask4.active = true

        this.mask4.setPosition(this.guide[4].getPosition());
        this.mask5.active = false

    }

    setStep() {
        LogUtil.logV("guide setStep", GameM.commonData.step)
        this.node.active = true
        this.backSetStep()
        // GameM.commonData.updateStep()
        // if (GameM.commonData.useLocalData) {
        // }
    }

    showStep4() {
        UiM.Instance.hallNode.getComponent(Main).hideAllHand()
        let step = GameM.commonData.step
        let data = this.guide[step - 1]
        this.hideAll()
        this.node.active = true
        this.mask2.active = false
        this.mask1.active = true
        this.labBuy.string = '继续购买武将\n进行合成吧'
        this.mask1.setPosition(data.getPosition());
        this.mask1.width = data.width;
        this.mask1.height = data.height;

        this.guideAni.node.setPosition(data.getPosition());
        this.guideAni.node.active = true;
        this.guideAni.play(this.guideAni.getClips()[step - 1].name);
    }

    backSetStep() {
        let step = GameM.commonData.step
        if (step >= 4) {
            UiM.Instance.hallNode.getComponent(Main).checkNewUser()
            this.mask1.active = false
            this.mask2.active = false
            this.guideAni.node.active = false
            this.node.active = false
            return
        }
        let data = this.guide[step - 1]
        if (step == 3) {
            this.mask2.active = true
            this.mask1.active = false
        }
        else {
            this.mask1.active = true
            this.labBuy.string = '再次点击\n进行购买'
            this.mask2.active = false
            this.mask1.setPosition(data.getPosition());
            this.mask1.width = data.width;
            this.mask1.height = data.height;
        }

        this.guideAni.node.setPosition(data.getPosition());
        this.guideAni.node.active = true;
        this.guideAni.play(this.guideAni.getClips()[step - 1].name);
    }

    clickMask4() {
        LogUtil.logV("Guide clickMask4", "")
        if (this.coolTime) {
            return
        }

        if (!GameM.commonData.redSwitch) {
            this.mask4.active = false
            this.node.active = false
            return
        }
        this.coolTime = true
        this.scheduleOnce(() => {
            this.coolTime = false
        }, 1)

        this.mask4.active = false
        this.mask5.active = true
        this.mask5.setPosition(this.guide[5].getPosition());
    }

    clickMask5() {
        LogUtil.logV("Guide clickMask5", "")
        if (!GameM.commonData.redSwitch) {
            this.node.active = false
            return
        }
        this.mask5.active = false
        this.mask1.active = true
        this.labBuy.string = '购买第一只武将'

        let step = GameM.commonData.step
        let data = this.guide[step - 1]
        this.guideAni.node.setPosition(data.getPosition());
        this.guideAni.node.active = true;
        this.guideAni.play(this.guideAni.getClips()[step - 1].name);
        this.mask1.setPosition(data.getPosition());
        this.mask1.width = data.width;
        this.mask1.height = data.height;
    }

    clickMask6() {
        LogUtil.logV("Guide clickMask6", "")
        if (!GameM.commonData.redSwitch) {
            this.node.active = false
            return
        }
        if (this.coolTime) {
            return
        }

        this.coolTime = true
        this.scheduleOnce(() => {
            this.coolTime = false
        }, 1)

        this.mask6.active = false
        this.node.active = false
        UiM.Instance.hallNode.getComponent(Main).showHandGuide()
    }

    showMask7() {
        LogUtil.logV("Guide showMask7", "")
        this.hideAll()
        if (!GameM.commonData.redSwitch) {
            this.node.active = false
            return
        }
        UiM.Instance.hallNode.getComponent(Main).hideAllHand()
        this.coolTime = true
        this.scheduleOnce(() => {
            this.coolTime = false
        }, 1)
        this.guideAni.node.active = false
        this.node.active = true
        this.mask7.active = true
    }

    clickMask7() {
        LogUtil.logV("Guide clickMask7", "")
        if (!GameM.commonData.redSwitch) {
            this.node.active = false
            return
        }
        if (this.coolTime) {
            return
        }

        this.coolTime = true
        this.scheduleOnce(() => {
            this.coolTime = false
        }, 1)

        this.mask7.active = false
        this.mask6.active = true
    }

    showMask8() {
        UiM.Instance.hallNode.getComponent(Main).hideAllHand()
        this.hideAll()
        this.node.active = true
        this.mask8.active = true
    }

    hideMask8() {
        if (this.mask8.active) {
            this.mask8.active = false
            this.mask11.active = true
        }
    }

    hideMask11() {
        if (this.mask11.active) {
            this.mask11.active = false
            this.showMask7()
        }
    }

    showFacReset() {
        this.hideAll()
        UiM.Instance.hallNode.getComponent(Main).hideAllHand()
        this.node.active = true
        this.facReset.active = true
    }

    hideFacReset() {
        this.node.active = false
        this.facReset.active = false
        UiM.Instance.hallNode.getComponent(Main).showHandGuide()
    }

    showInvestStep1() {
        this.hideAll()
        this.node.active = true
        let maskNode = this.investStep1.children[0]
        maskNode.setPosition(maskNode.x, maskNode.y - (cc.winSize.height - 1334) * 0.5)
        this.investStep1.active = true
    }

    showInvestStep2() {
        this.node.active = true
        this.investStep1.active = false
        UiM.Instance.hallNode.getComponent(Main).hideAllHand()
        this.investStep2.active = true
    }

    nextInvest() {
        this.investHand.active = false
        this.investTip.active = false
        this.investBg.active = true
        this.coolTime = true
        this.scheduleOnce(() => {
            this.coolTime = false
        }, 1)
    }

    clickInvestBg() {
        if (this.coolTime) {
            return
        }

        this.investStep2.active = false
        this.node.active = false
        UiM.Instance.hallNode.getComponent(Main).showHandGuide()
    }

    /** 每日豪礼引导 */
    showDailyGuide() {
        this.hideAll()
        UiM.Instance.hallNode.getComponent(Main).hideAllHand()
        this.node.active = true
        this.dailyGuide.active = true
        this.daily1.active = true
        this.daily2.active = false
        let main = UiM.Instance.hallNode.getComponent(Main)
        let pos1 = main.dailyBtn.node.position
        let pos2 = main.topPart.position
        let pos = cc.v2(pos1.x, pos1.y + pos2.y)
        this.daily1.setPosition(pos)
    }

    showDaily2() {
        if (this.daily1.active) {
            this.daily1.active = false
            this.daily2.active = true
            this.coolTime = true
            this.scheduleOnce(() => {
                this.coolTime = false
            }, 1)
        }
    }

    clickDaily2() {
        if (this.coolTime) {
            return
        }

        if (this.daily2.active) {
            this.daily2.active = false
            this.daily3.active = true

            this.coolTime = true
            this.scheduleOnce(() => {
                this.coolTime = false
            }, 1)
        }
    }

    clickDaily3() {
        if (this.coolTime) {
            return
        }

        if (this.daily3.active) {
            this.daily3.active = false
            this.node.active = false
            GameM.commonData.roleData.dailyGuide = 1
            GameM.commonData.updateRoleData()
            UiM.Instance.hallNode.getComponent(Main).showHandGuide()
        }
    }

    //FC:现金夺宝--------------------------------------------------
    //显示按钮引导
    showTreasureStep1() {
        this.hideAll()
        this.node.active = true;
        this.treasureStep1.active = true;
        let main = UiM.Instance.hallNode.getComponent(Main);
        this.treasureStep1.setPosition(cc.v2(this.treasureStep1.x, this.treasureStep1.y + main.topPart.y));
    }

    hideTreasureStep1() {
        this.node.active = true
        this.treasureStep1.active = false;
        this.showTreasureStep2();
    }

    //显示参与活动引导
    showTreasureStep2() {
        console.log("this.treasureStep2!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!", this.treasureStep2);

        this.treasureStep2.active = true;
        let maskNode = this.treasureStep2.children[0];
        maskNode.setPosition(maskNode.x, cc.winSize.height * 0.5 - 330);//195.75 参考现金夺宝界面topPart 坐标
    }

    //显示进度引导
    showTreasureStep3() {
        this.treasureStep2.active = false;
        this.treasureStep3.active = true;
        let maskNode = this.treasureStep3.children[0];
        maskNode.setPosition(maskNode.x, cc.winSize.height * 0.5 - 1059);//195.75 参考现金夺宝界面topPart 坐标
    }

    showTreasureStep4() {
        this.treasureStep3.active = false;
        this.treasureStep4.active = true;
        let maskNode = this.treasureStep4.children[0];
        maskNode.setPosition(maskNode.x, cc.winSize.height * 0.5 - 1059);//195.75 参考现金夺宝界面topPart 坐标
    }

    showTreasureStep5() {
        this.treasureStep4.active = false;
        this.node.active = false
    }

    showSecretaryStep1() {
        this.hideAll()
        this.node.active = true
        this.secretaryStep1.active = true;
    }

    showSecretaryStep0() {
        this.secretaryStep1.active = false;
        this.secretaryStep0.active = true;
        let maskNode = this.secretaryStep0.children[0];
        maskNode.setPosition(maskNode.x, maskNode.y - (cc.winSize.height * 0.5 - 667));//195.75 参考现金夺宝界面topPart 坐标
    }

    showSecretaryStep2() {
        if (this.secretaryStep0.active) {
            this.secretaryStep0.active = false;
            this.secretaryStep2.active = true;
        }
    }

    showSecretaryStep3() {
        if (this.secretaryStep2.active) {
            this.secretaryStep2.active = false;
            this.secretaryStep3.active = true;
            let maskNode = this.secretaryStep3.children[0];
            maskNode.setPosition(maskNode.x, maskNode.y - (cc.winSize.height * 0.5 - 667));//195.75 参考现金夺宝界面topPart 坐标
        }
    }

    hideSecretary() {
        this.secretaryStep3.active = false;
        this.node.active = false
    }

    showTask1() {
        this.hideAll()
        this.node.active = true
        let maskNode = this.task1.children[0]
        maskNode.setPosition(maskNode.x, maskNode.y - (cc.winSize.height - 1334) * 0.5)
        let maskNode1 = this.task1.children[1]
        maskNode1.setPosition(maskNode.position)
        this.task1.active = true
    }

    showTask2() {
        if (this.task1.active) {
            this.task1.active = false
            this.task2.active = true
        }
    }

    showTask3() {
        if (this.task2.active) {
            this.task2.active = false
            this.task3.active = true
        }
    }

    showTask4() {
        if (this.task3.active) {
            this.task3.active = false
            this.task4.active = true
        }
    }

    hideTask4() {
        this.task4.active = false
        this.node.active = false
    }
}