script.js

const navToggle = document.querySelector('.nav-toggle');
const navLinks = document.querySelector('.nav-links');
const yearElement = document.getElementById('year');
const filterButtons = document.querySelectorAll('.filter-button');
const productCards = document.querySelectorAll('.product-card');
const cartCount = document.querySelector('.cart-count');
const addToCartButtons = document.querySelectorAll('[data-add-to-cart]');
const cartToast = document.querySelector('.cart-toast');
let cartItems = 0;

if (navToggle && navLinks) {
    navToggle.addEventListener('click', () => {
        const isOpen = navLinks.classList.toggle('open');
        navToggle.setAttribute('aria-expanded', String(isOpen));
    });

    navLinks.querySelectorAll('a').forEach((link) => {
        link.addEventListener('click', () => {
            navLinks.classList.remove('open');
            navToggle.setAttribute('aria-expanded', 'false');
        });
    });
}

if (yearElement) {
    yearElement.textContent = new Date().getFullYear();
}

if (filterButtons.length && productCards.length) {
    filterButtons.forEach((button) => {
        button.addEventListener('click', () => {
            const filter = button.dataset.filter;

            filterButtons.forEach((btn) => btn.classList.toggle('active', btn === button));

            productCards.forEach((card) => {
                const category = card.dataset.category;
                const shouldShow = filter === 'alle' || category === filter;
                card.style.display = shouldShow ? '' : 'none';
            });
        });
    });
}

const showCartToast = () => {
    if (!cartToast) return;
    cartToast.hidden = false;
    cartToast.classList.add('show');
    clearTimeout(showCartToast.timeoutId);
    showCartToast.timeoutId = setTimeout(() => {
        cartToast.classList.remove('show');
    }, 2200);
};

if (addToCartButtons.length && cartCount) {
    addToCartButtons.forEach((button) => {
        button.addEventListener('click', () => {
            cartItems += 1;
            cartCount.textContent = String(cartItems);
            showCartToast();
        });
    });
}

const newsletterForm = document.querySelector('.newsletter-form');

if (newsletterForm) {
    newsletterForm.addEventListener('submit', (event) => {
        event.preventDefault();
        const formData = new FormData(newsletterForm);
        const email = formData.get('email');
        alert(`Danke fürs Anmelden, ${email}!`);
        newsletterForm.reset();
    });
}