import { globalConfig, openStandaloneLink } from "../../../core/config";
import { InputReceiver } from "../../../core/input_receiver";
import { ReadWriteProxy } from "../../../core/read_write_proxy";
import { generateFileDownload, makeDiv } from "../../../core/utils";
import { T } from "../../../translations";
import { BaseHUDPart } from "../base_hud_part";
import { DynamicDomAttach } from "../dynamic_dom_attach";

export class HUDStandaloneAdvantages extends BaseHUDPart {
    createElements(parent) {
        this.background = makeDiv(parent, "ingame_HUD_StandaloneAdvantages", ["ingameDialog"]);

        // DIALOG Inner / Wrapper
        this.dialogInner = makeDiv(this.background, null, ["dialogInner"]);
        this.title = makeDiv(this.dialogInner, null, ["title"], "");
        this.subTitle = makeDiv(this.dialogInner, null, ["subTitle"], T.ingame.standaloneAdvantages.titleV2);

        this.contentDiv = makeDiv(
            this.dialogInner,
            null,
            ["content"],
            `
            <div class="points">
                ${Object.entries(T.ingame.standaloneAdvantages.points)
                    .map(
                        ([key, trans]) => `
                <div class="point ${key}">
                    <strong>${trans.title}</strong>
                    <p>${trans.desc}</p>
                </div>`
                    )
                    .join("")}

            </div>

            <div class="lowerBar">

            <div class="playtimeDisclaimerDownload"><span class="inner">${
                T.demoBanners.playtimeDisclaimerDownload
            }</span></div>

            <button class="steamLinkButton steam_dlbtn_0">
            ${
                globalConfig.currentDiscount > 0
                    ? `<span class='discount'>${T.global.discount.replace(
                          "<percentage>",
                          String(globalConfig.currentDiscount)
                      )}</span>`
                    : ""
            }
            </button>
            <button class="otherCloseButton" data-btn-variant="${G_IS_STEAM_DEMO ? "steam-demo" : "prod"}">${
                T.ingame.standaloneAdvantages.no_thanks
            }</button>
            </div>
        `
        );

        this.trackClicks(this.contentDiv.querySelector("button.steamLinkButton"), () => {
            openStandaloneLink(this.root.app, "shapez_std_advg");
            this.close();
        });
        this.trackClicks(this.contentDiv.querySelector("button.otherCloseButton"), () => {
            this.close();
        });

        this.trackClicks(this.contentDiv.querySelector(".playtimeDisclaimerDownload"), () => {
            this.root.gameState.savegame.updateData(this.root);
            const data = ReadWriteProxy.serializeObject(this.root.gameState.savegame.currentData);
            const filename = "shapez-demo-savegame.bin";
            generateFileDownload(filename, data);
        });
    }

    get showIntervalSeconds() {
        if (G_IS_STANDALONE) {
            return 20 * 60;
        }
        return 15 * 60;
    }

    shouldPauseGame() {
        return this.visible;
    }

    shouldPauseRendering() {
        return this.visible;
    }

    hasBlockingOverlayOpen() {
        return this.visible;
    }

    initialize() {
        this.domAttach = new DynamicDomAttach(this.root, this.background, {
            attachClass: "visible",
        });

        this.inputReciever = new InputReceiver("standalone-advantages");
        this.close();

        // On standalone, show popup instant - but don't do so on web, since it increases
        // the amount of clicks to get into the game
        if (G_IS_STEAM_DEMO) {
            // show instant
            this.lastShown = -1e10;
        } else {
            // wait for next interval
            this.lastShown = 0;
        }

        this.root.signals.gameRestored.add(() => {
            if (
                this.root.hubGoals.level >= this.root.gameMode.getLevelDefinitions().length - 1 &&
                this.root.app.restrictionMgr.getIsStandaloneMarketingActive()
            ) {
                this.show(true);
            }
        });
    }

    show(final = false) {
        if (!this.visible) {
            this.root.app.gameAnalytics.noteMinor("game.std_advg.show");
            this.root.app.gameAnalytics.noteMinor("game.std_advg.show-" + (final ? "final" : "nonfinal"));
        }

        this.lastShown = this.root.time.now();
        this.visible = true;
        this.final = final;
        this.root.app.inputMgr.makeSureAttachedAndOnTop(this.inputReciever);

        if (this.final) {
            this.title.innerText = T.ingame.standaloneAdvantages.titleExpiredV2;
        } else if (this.root.time.now() < 120) {
            this.title.innerText = "";
        } else {
            this.title.innerText = T.ingame.standaloneAdvantages.titleEnjoyingDemo;
        }
    }

    close() {
        if (this.final) {
            this.root.gameState.goBackToMenu();
        } else {
            this.visible = false;
            this.root.app.inputMgr.makeSureDetached(this.inputReciever);

            this.update();
        }
    }

    update() {
        if (!this.visible && this.root.time.now() - this.lastShown > this.showIntervalSeconds) {
            this.show();
        }

        this.domAttach.update(this.visible);
    }
}