var canvas = document.querySelector("#app-canvas");
var loadingBar = document.querySelector("#loading-progress");
var loadingBarContainer = document.querySelector("#loading-holder");
var UnityInstance = null;

var config = {
    dataUrl: "Build/a7de3657afea895769e6ec7ad2617520.data.unityweb",
    frameworkUrl: "Build/e75d5b1483cdfe0fd1e62c03e90363a8.framework.js.unityweb",
    codeUrl: "Build/d8fda66a5beff01445d79a85aca32e56.wasm.unityweb",
    streamingAssetsUrl: "StreamingAssets",
    companyName: "DefaultCompany",
    productName: "football-flicker",
    productVersion: "1.0",
}

if (window.Telegram && Telegram.WebApp) {
    Telegram.WebApp.ready(); // Notify Telegram that the app is ready
    Telegram.WebApp.expand(); // Expand the app to full screen
}

if( false === true)
{
    var script = document.createElement("script");
    script.src = "inline-console.js";
    document.body.appendChild(script);
}

var script = document.createElement("script");

canvas.style.display = "none";
canvas.style.opacity = 0;
script.src = "Build/789541454a2af394e91e37adb730f922.loader.js";
script.onload = () => {
    createUnityInstance(canvas, config, (progress) => {
        loadingBar.style.width = 100 * progress + "%";
    }).then((unityInstance) => {
        canvas.style.removeProperty("display")
        loadingBarContainer.classList.add("hidden");
        canvas.classList.add("shown")
        window.unityInstance = unityInstance; // Assign to global variable
    }).catch((message) => {
        alert(message);
    });
};

window.onbeforeunload = function (e) {
    console.log("Calling OnWebpageClose from Browser!");
    UnityInstance.SendMessage("OnWebpageCloseObject", "OnWebpageClose");
};

document.body.appendChild(script);