window.addEventListener("load", function ()
{
    const params = new Proxy(new URLSearchParams(window.location.search), {
      get: (searchParams, prop) => searchParams.get(prop),
    });
    // Get the value of "some_key" in eg "https://example.com/?some_key=some_value"
    let detail = params.detail; // "some_value"

    function cloudwareGooglefontsCheckGetValidHttpsUrl(string) {
        let url;

        let https = string.slice(0,5);

        if (!(https === "https")) {
            string = "https://" + string;
        }

        try {
            url = new URL(string);
        } catch (_) {
            return false;
        }

        if (url.protocol === "http:" || url.protocol === null) {
            url.protocol = "https:"
        }

        return url;
    }

    async function cloudwareGooglefontsCheckcheckDomain() {
        document.getElementById("cloudware-googlefonts-check-result").innerHTML = "";

        let button = document.getElementById("cloudware-googlefonts-check-button");
        button.disabled = true;
        button.innerText = "Prüfung läuft ...";

        let input = document.getElementById("cloudware-googlefonts-check-urlInput").value;

        if (input) {
            let validUrl = encodeURI(cloudwareGooglefontsCheckGetValidHttpsUrl(input));
            if (validUrl) {
                let path = "https\u003A\/\/googlefonts.cloudware.de" + "\/domain\/check" + "?checkUrl=" + validUrl;

                if(detail) {
                    path = path + '&detail=' + detail
                }

                let response = await fetch(path);
                if (response.ok) {
                    let html = await response;
                    document.getElementById("cloudware-googlefonts-check-result").innerHTML = await html.text();
                    button.disabled = false;
                    button.innerText = "Website jetzt prüfen";
                                        let contactForm = document.getElementsByClassName("gfcw")[0];
                    if (contactForm) {
                        contactForm.style.display = "block";
                    }
                                    } else {
                    document.getElementById("cloudware-googlefonts-check-result").innerHTML = "Webseite nicht gefunden! Kann nicht sein? Dann einfach noch einmal prüfen :)";
                    button.disabled = false;
                    button.innerText = "Website jetzt prüfen";
                }
            } else {
                document.getElementById("cloudware-googlefonts-check-result").innerHTML = "Die Eingabe ist keine gültige URL!";
                button.disabled = false;
                button.innerText = "Website jetzt prüfen";
            }
        } else {
            document.getElementById("cloudware-googlefonts-check-result").innerHTML = "Das Eingabefeld darf nicht leer sein!";
            button.disabled = false;
            button.innerText = "Website jetzt prüfen"
        }
    }

    fetch("https\u003A\/\/googlefonts.cloudware.de" + "\/domain")
    .then(function (response) {
        return response.text();
    })
    .then(function (html) {
        document.getElementById("cloudware-googlefonts-check-gfchecker").innerHTML = html;
        document.getElementById("cloudware-googlefonts-check-button").addEventListener("click", cloudwareGooglefontsCheckcheckDomain);
        document.getElementById("cloudware-googlefonts-check-urlInput").addEventListener('keyup', (event)=>{
            let keyCode = event.keyCode ? event.keyCode : event.which;

            // 13 points the enter key
            if (keyCode === 13) {
                cloudwareGooglefontsCheckcheckDomain();
            }
        });
    }).catch(function (err) {
        console.warn('Error.', err);
    });
});