asdasdasdasd

<script>
    document.addEventListener("DOMContentLoaded", function() {
        const userLang = navigator.language || navigator.userLanguage;

        let localePostfix;

        if (["nl", "nl-NL"].includes(userLang) && !['/nl'].includes(location.pathname) && !localStorage.getItem("lang-popup-flag")) {
            localePostfix = '/nl';

            $('.language-popup-title').html($('.language-popup-title').data('nl'));
            $('.lang-popup-or-text').html($('.lang-popup-or-text').data('nl'));
            $('.lang-popup-dropdown-text').html($('.lang-popup-dropdown-text').data('nl'));
            $('#close-lang-popup').html($('#close-lang-popup').data('nl'));
            $('#confirm-lang-redirect').html($('#confirm-lang-redirect').data('nl'));

            let text = $('#language-popup .w-locales-items a[hreflang="nl"]').text();
            let img = $('#language-popup .w-locales-items a[hreflang="nl"]').prev().clone();

            $('#language-popup .w-locales-items a[hreflang="nl"]').parents('.popup-locale-item').hide();

            $('#language-popup .popup-lang').text(text);
            $('#language-popup .locale-flag').html(img);

            $('#language-popup').css('display', 'flex');
        } else if (["fr", "fr-FR"].includes(userLang) && !['/fr'].includes(location.pathname) && !localStorage.getItem("lang-popup-flag")) {
            localePostfix = '/fr';

            $('.language-popup-title').html($('.language-popup-title').data('fr'));
            $('.lang-popup-or-text').html($('.lang-popup-or-text').data('fr'));
            $('.lang-popup-dropdown-text').html($('.lang-popup-dropdown-text').data('fr'));
            $('#close-lang-popup').html($('#close-lang-popup').data('fr'));
            $('#confirm-lang-redirect').html($('#confirm-lang-redirect').data('fr'));

            let text = $('#language-popup .w-locales-items a[hreflang="fr-FR"]').text();
            let img = $('#language-popup .w-locales-items a[hreflang="fr-FR"]').prev().clone();

            $('#language-popup .w-locales-items a[hreflang="fr-FR"]').parents('.popup-locale-item').hide();

            $('#language-popup .popup-lang').text(text);
            $('#language-popup .locale-flag').html(img);

            $('#language-popup').css('display', 'flex');
        } else if (["es", "es-ES"].includes(userLang) && !['/es'].includes(location.pathname) && !localStorage.getItem("lang-popup-flag")) {
            localePostfix = '/es';

            $('.language-popup-title').html($('.language-popup-title').data('es'));
            $('.lang-popup-or-text').html($('.lang-popup-or-text').data('es'));
            $('.lang-popup-dropdown-text').html($('.lang-popup-dropdown-text').data('es'));
            $('#close-lang-popup').html($('#close-lang-popup').data('es'));
            $('#confirm-lang-redirect').html($('#confirm-lang-redirect').data('es'));

            let text = $('#language-popup .w-locales-items a[hreflang="es-ES"]').text();
            let img = $('#language-popup .w-locales-items a[hreflang="es-ES"]').prev().clone();

            $('#language-popup .w-locales-items a[hreflang="es-ES"]').parents('.popup-locale-item').hide();

            $('#language-popup .popup-lang').text(text);
            $('#language-popup .locale-flag').html(img);

            $('#language-popup').css('display', 'flex');
        } else if (["en-GB"].includes(userLang) && !['/gb'].includes(location.pathname) && !localStorage.getItem("lang-popup-flag")) {
            localePostfix = '/gb';

            $('.language-popup-title').html($('.language-popup-title').data('gb'));
            $('.lang-popup-or-text').html($('.lang-popup-or-text').data('gb'));
            $('.lang-popup-dropdown-text').html($('.lang-popup-dropdown-text').data('gb'));
            $('#close-lang-popup').html($('#close-lang-popup').data('gb'));
            $('#confirm-lang-redirect').html($('#confirm-lang-redirect').data('gb'));

            let text = $('#language-popup .w-locales-items a[hreflang="en-GB"]').text();
            let img = $('#language-popup .w-locales-items a[hreflang="en-GB"]').prev().clone();

            $('#language-popup .w-locales-items a[hreflang="en-GB"]').parents('.popup-locale-item').hide();

            $('#language-popup .popup-lang').text(text);
            $('#language-popup .locale-flag').html(img);

            $('#language-popup').css('display', 'flex');
        } else if (["en-US"].includes(userLang) && ['/gb','/nl','/es','/fr'].includes(location.pathname) && !localStorage.getItem("lang-popup-flag")) {
            localePostfix = '';

            let text = $('#language-popup .w-locales-items a[hreflang="en-US"]').text();
            let img = $('#language-popup .w-locales-items a[hreflang="en-US"]').prev().clone();

            $('#language-popup .w-locales-items a[hreflang="en-GB"]').parents('.popup-locale-item').hide();

            $('#language-popup .popup-lang').text(text);
            $('#language-popup .locale-flag').html(img);

            $('#language-popup').css('display', 'flex');
        }

        $('#confirm-lang-redirect').on('click', function() {
            window.location.href = window.location.origin + localePostfix

            //localStorage.setItem("lang-popup-flag", "true");
        });
        $('#close-lang-popup, .close-button').on('click', function() {
            $('#language-popup').css('display', 'none');

            //localStorage.setItem("lang-popup-flag", "true");
        });

        $(document).on('click', function(e){
            if (!$(e.target).closest('.language-popup-body').length) {
                $('#language-popup').css('display', 'none');
                //localStorage.setItem("lang-popup-flag", "true");
            };
        });

        localStorage.setItem("lang-popup-flag", "true");
    });

</script>