// source --> https://uniquewaterontharders.nl/wp-content/themes/template_child/assets/js/lineclamp.js?ver=6ee0da34149e7dfac3d234bd903d3243 
document.addEventListener('DOMContentLoaded', () => {
    function setDynamicLineClamp(element) {
        const lineHeight = parseInt(window.getComputedStyle(element).lineHeight); // Get line height
        const maxHeight = parseInt(window.getComputedStyle(element).height); // Get max height
        const maxLines = Math.floor(maxHeight / lineHeight); // Calculate max lines

        element.style.webkitLineClamp = maxLines; // Set the line clamp dynamically
    }

    // Get the .content element and set the dynamic line clamp
    const contentElement = document.querySelector('.content-ellipse');
    setDynamicLineClamp(contentElement);

    // Optional: If the content changes dynamically, call the function again
    // setDynamicLineClamp(contentElement); // Call this whenever content changes

});
// source --> https://uniquewaterontharders.nl/wp-content/themes/template_child/assets/js/menu.js?ver=6ee0da34149e7dfac3d234bd903d3243 
document.addEventListener('DOMContentLoaded', () => {
    /**
     * Menu toggle variables
     */
    const mobileMenu = document.querySelector('#mobile-menu');
    const mobileMenuToggle = document.querySelector('#mobile-toggle-button');
    const mobileMenuToggleInner = document.querySelector('#mobile-toggle-button span');

    const menuOpenIcon = document.querySelector('.menu-open-icon');
    const menuCloseIcon = document.querySelector('.menu-close-icon');

    let isMenuCollapsed = true;

    /**
     * Menu toggle feature
     */
    mobileMenuToggle.addEventListener('click', () => {
        if (isMenuCollapsed) {
            mobileMenu.classList.add('menu--open');
            menuOpenIcon.classList.add('d-none');
            menuOpenIcon.classList.remove('d-block')
            menuCloseIcon.classList.add('d-block');
            menuCloseIcon.classList.remove('d-none');
            mobileMenuToggleInner.innerHTML = 'Sluiten';
            document.querySelector('body').classList.add('overflow-hidden');
        } else {
            mobileMenu.classList.remove('menu--open');
            menuOpenIcon.classList.add('d-block');
            menuOpenIcon.classList.remove('d-none');
            menuCloseIcon.classList.add('d-none');
            menuCloseIcon.classList.remove('d-block');
            mobileMenuToggleInner.innerHTML = 'Menu';
            document.querySelector('body').classList.remove('overflow-hidden');
        }

        isMenuCollapsed = !isMenuCollapsed;
    });

    /**
     * Product menu feature
     */
    const menuMain = document.querySelector('.inner--main');
    const menuProducts = document.querySelector('.inner--products');

    const menuProductsToggle = document.querySelector('#products-link');
    const menuProductsClose = document.querySelector('#submenu--close-products');

    let menuProductsCollapsed = true;

    menuProductsToggle.addEventListener('click', () => {
        if (menuProductsCollapsed) {
            menuMain.classList.add('d-none');
            menuMain.classList.remove('d-block');
            menuProducts.classList.add('d-block');
            menuProducts.classList.remove('d-none');

            menuProductsCollapsed = !menuProductsCollapsed;
        }
    });

    menuProductsClose.addEventListener('click', () => {
        if (!menuProductsCollapsed) {
            menuMain.classList.add('d-block');
            menuMain.classList.remove('d-none');
            menuProducts.classList.add('d-none');
            menuProducts.classList.remove('d-block');

            menuProductsCollapsed = !menuProductsCollapsed;
        }
    });

    /**
     * Werking menu feature
     */
    const menuWerking = document.querySelector('.inner--werking');

    const menuWerkingToggle = document.querySelector('#werking-link');
    const menuWerkingClose = document.querySelector('#submenu--close-werking');

    let menuWerkingCollapsed = true;

    menuWerkingToggle.addEventListener('click', () => {
        if (menuWerkingCollapsed) {
            menuMain.classList.add('d-none');
            menuMain.classList.remove('d-block');
            menuWerking.classList.add('d-block');
            menuWerking.classList.remove('d-none');

            menuWerkingCollapsed = !menuWerkingCollapsed;
        }
    });

    menuWerkingClose.addEventListener('click', () => {
        if (!menuWerkingCollapsed) {
            menuMain.classList.add('d-block');
            menuMain.classList.remove('d-none');
            menuWerking.classList.add('d-none');
            menuWerking.classList.remove('d-block');

            menuWerkingCollapsed = !menuWerkingCollapsed;
        }
    });
});
// source --> https://uniquewaterontharders.nl/wp-content/themes/template_child/assets/js/video-modal.js?ver=1 
function toggleVideoModal(id) {
    let selectedModal = document.querySelector('.video-modal--' + id);
    let selectedIframe = document.querySelector('.video-modal--' + id + ' .inner-wrapper iframe');

    if (selectedIframe && selectedIframe.src.includes('youtube.com')) {
        if (!selectedIframe.src.includes('enablejsapi=1')) {
            const separator = selectedIframe.src.includes('?') ? '&' : '?';
            selectedIframe.src += separator + 'enablejsapi=1';
        }
    }

    if (selectedModal.classList.contains('video-modal--open')) {
        selectedModal.classList.remove('video-modal--open');
        document.querySelector('body').classList.remove('overflow-hidden');

        if (selectedIframe) {
            const src = selectedIframe.src;

            if (src.includes('youtube.com') || src.includes('youtu.be')) {
                selectedIframe.contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*');
                console.log('yo');
            }
        }

    } else {
        selectedModal.classList.add('video-modal--open');
        document.querySelector('body').classList.add('overflow-hidden');
        console.log(selectedIframe);
    }
};
// source --> https://uniquewaterontharders.nl/wp-content/themes/template_child/assets/js/article-modal.js?ver=1 
function toggleArticleModal(id) {
    let selectedModal = document.querySelector('.article-modal--' + id);

    if (selectedModal.classList.contains('article-modal--open')) {
        selectedModal.classList.remove('article-modal--open');
        document.querySelector('body').classList.remove('overflow-hidden');
    } else {
        selectedModal.classList.add('article-modal--open');
        document.querySelector('body').classList.add('overflow-hidden');
    }
};
// source --> https://uniquewaterontharders.nl/wp-content/themes/template_child/assets/js/review-modal.js?ver=1 
function toggleReviewModal(id) {
    let selectedModal = document.querySelector('.review-modal--' + id);
    let selectedIframe = document.querySelector('.review-modal--' + id + ' .inner-wrapper iframe');

    if (selectedIframe && selectedIframe.src.includes('youtube.com')) {
        if (!selectedIframe.src.includes('enablejsapi=1')) {
            const separator = selectedIframe.src.includes('?') ? '&' : '?';
            selectedIframe.src += separator + 'enablejsapi=1';
        }
    }

    if (selectedModal.classList.contains('review-modal--open')) {
        selectedModal.classList.remove('review-modal--open');
        document.querySelector('body').classList.remove('overflow-hidden');

        if (selectedIframe) {
            const src = selectedIframe.src;

            if (src.includes('youtube.com') || src.includes('youtu.be')) {
                selectedIframe.contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*');
                console.log('yo');
            }
        }
    } else {
        selectedModal.classList.add('review-modal--open');
        document.querySelector('body').classList.add('overflow-hidden');
    }
};
// source --> https://uniquewaterontharders.nl/wp-content/themes/template_child/assets/js/summary.js?ver=1 
function toggleDescription(id) {
    const descriptionWrapper = document.querySelector('.description-content--' + id);
    const wrappers = document.querySelectorAll('.description-content');


    if (descriptionWrapper.classList.contains('description-content--toggled')) {
        descriptionWrapper.classList.remove('description-content--toggled');
    } else {
        descriptionWrapper.classList.add('description-content--toggled');
    }

    wrappers.forEach(wrapper => {
        if (wrapper.dataset.id != id) {
            wrapper.classList.remove('description-content--toggled');
        }
    });
};
// source --> https://uniquewaterontharders.nl/wp-content/themes/template_child/assets/js/general.js?ver=1 
function scrollToTop() {
    window.scroll({
        top: 0,
        left: 0,
        behavior: 'smooth'
    });
}
// document.addEventListener('DOMContentLoaded', () => {
//     gsap.to(".sticker path", {
//         duration: 2, // De duur van de animatie
//         strokeDashoffset: 0, // Animatie naar nul betekent het volledig tekenen van de lijn
//         ease: "power2.out", // Ease voor de animatie
//         stagger: 0.2 // Laat elke path na elkaar beginnen voor een mooi effect
//     });
// });