Catalogue

document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('.accordion__item').forEach(item => {
        console.log(item); // Check if item is being selected correctly
        const checkboxes = item.querySelectorAll('.jet-checkboxes-list__input');
        console.log(checkboxes); // Check if checkboxes are being selected correctly
        const countDisplay = document.createElement('span');
        countDisplay.className = 'count';
        countDisplay.textContent = 'Checked: 0';
        const content = item.querySelector('.accordion__content');
        console.log(content); // Check if content is being selected correctly
        if (content) {
            content.appendChild(countDisplay);
        } else {
            console.error('Accordion content not found for item:', item);
        }

        // Function to update the count
        const updateCount = () => {
            const checkedCount = Array.from(checkboxes).filter(checkbox => checkbox.checked).length;
            countDisplay.textContent = `Checked: ${checkedCount}`;
        };

        // Add event listeners to each checkbox
        checkboxes.forEach(checkbox => {
            checkbox.addEventListener('change', updateCount);
        });

        // Initial count update
        updateCount();
    });
});