$(document).ready(function (e) {

    /**  Video Cookie prüfen und ggf. setzen **/

    // beim Seitenaufruf prüfen, ob Cookie für Youtube schon gesetzt wurde

    if ($('.embed-container.video').length > 0) {
        let val = window.sessionStorage.getItem("youtube");
        // wenn Cookie gesetzt, gehe durch alle Video-Container und aktiviere das Video
        if (val == "accepted") {
            $('.embed-container.video').each(function (i, elem) {
                hideDisclaimerAndShowIframe($(elem));
            })
        }
    }
// Bei Klick auf Aktivieren, gehe durch alle Video-Elemente und aktiviere das Video
    $('.embed-container.video .link-bttn a').click(function (elem) {
        window.sessionStorage.setItem("youtube", "accepted");
        $('.embed-container.video').each(function (i, elem) {
            hideDisclaimerAndShowIframe($(elem));
        })
    })

    /** END: Video Cookie prüfen und ggf. setzen **/


    /**  Googlemap Cookie prüfen und ggf. setzen **/

    // beim Seitenaufruf prüfen, ob Cookie für Googlemap schon gesetzt wurde

    if ($('.embed-container.map').length > 0) {
        let val = window.sessionStorage.getItem("maps");
        // wenn Cookie gesetzt, gehe durch alle Map-Container und aktiviere die Karte
        if (val == "accepted") {
            $('.embed-container.map').each(function (i, elem) {
                hideDisclaimerAndShowIframe($(elem));
            })
        }
    }
    // bei Klick auf Aktivieren, gehe durch alle Karten-Elemente und aktiviere die Karte
    $('.embed-container.map .link-bttn a').click(function (elem) {
        window.sessionStorage.setItem("maps", "accepted");
        $('.embed-container.map').each(function (i, elem) {
            hideDisclaimerAndShowIframe($(elem));
        })
    })

    /** END: Googlemap Cookie prüfen und ggf. setzen **/


    /**  Popup und Cookie-Verwaltung **/

    // Beim Seitenaufruf prüfen, ob einer der Cookies gesetzt wurde.
    // Wenn ja, blende den Cookie-Popup-Button rechts unten ein

    $('.cookie_checkbox').each(function (i, elem) {
        let val = window.sessionStorage.getItem(elem.id);
        if (val != undefined) {
            $('#opencookiepopup').addClass('visible');
        }
    })
    // wenn Matomo aktiviert ist, dann zeige Popup an
    if ($('#matomo-opt-out').length > 0) {
        $('#opencookiepopup').addClass('visible');
    }


    // Aufruf des Popups per Frontend-Klick auf Button
    $('#opencookiepopup, #footerlinkpopup').click(function (e) {
        e.preventDefault();
        $('.cookie_checkbox').each(function (i, elem) {
            if (elem.id == "matomo") {

                let val = window.sessionStorage.getItem("mtm_consent_removed");
                // wenn Matomo Opt-Out geklickt wurde -> Tracking nicht gewünscht, Haken ist dort raus und dann wird mtm_consent_removed gesetzt von Matomo -> unsere Checkbox muss angehakt sein!
                if (val != undefined) {
                    //Checkbox auf Check setzten:
                    elem.checked = true;
                } else {
                    elem.checked = false;
                }


            } else {
                //Alle anderen Cookies
                let val = window.sessionStorage.getItem(elem.id);
                if (val == "accepted") {
                    //Checkbox auf Check setzten:
                    elem.checked = true;
                } else {
                    elem.checked = false;
                }
            }
        })
    });


// Speicher-Vorgang innerhalb des Popups (ggf. nach Anpassung der checkboxen)
    $('#savecookies').click(function (e) {
        e.preventDefault();
        $('.cookie_checkbox').each(function (i, elem) {
            // Youtube prüfen
            if (elem.id == "youtube") {
                // wenn angehakt, dann aktiviere die Videos
                if (elem.checked) {
                    window.sessionStorage.setItem(elem.id, "accepted");
                    $('.embed-container.video').each(function (i, elem) {
                        hideDisclaimerAndShowIframe($(elem));
                    })
                    // wenn nicht angehakt, dann deaktiviere die Videos
                } else {
                    window.sessionStorage.removeItem(elem.id);
                    $('.embed-container.video').each(function (i, elem) {
                        showDisclaimerHintAndDisableIframe($(elem));
                    })
                }
            }
            if (elem.id == "maps") {
                // wenn angehakt, dann aktiviere die Karten
                if (elem.checked) {
                    window.sessionStorage.setItem(elem.id, "accepted");
                    $('.embed-container.map').each(function (i, elem) {
                        hideDisclaimerAndShowIframe($(elem));
                    })
                    // wenn nicht angehakt, dann deaktiviere die Karten
                } else {
                    window.sessionStorage.removeItem(elem.id);
                    $('.embed-container.map').each(function (i, elem) {
                        showDisclaimerHintAndDisableIframe($(elem));
                    })
                }
            }
        })

        $('#cookiepopup').foundation('close');
    });

    /** END: Popup und Cookie Verwaltung **/

});

function hideDisclaimerAndShowIframe(elem) {
    $(elem).find('.mapinfo').hide();
    $(elem).find('iframe').attr("src", $(elem).find('iframe').data("src"));
    if (window.matchMedia("(max-width: 480px)").matches) {
        $(elem).toggleClass('active');
    }
}

function showDisclaimerHintAndDisableIframe(elem) {
    $(elem).find('.mapinfo').show();
    $(elem).find('iframe').removeAttr('src');
    if (window.matchMedia("(max-width: 480px)").matches) {
        $(elem).toggleClass('active');
    }
}