document.addEventListener('DOMContentLoaded', () => {
 
    const header = document.querySelector('.header');
    const scrollToTopBtn = document.getElementById('scroll-to-top');

    const handleScroll = () => {
        const scrollPosition = window.scrollY;
 
        if (scrollPosition > 50) {
            header.classList.add('scrolled');
        } else {
            header.classList.remove('scrolled');
        }
 
        if (scrollPosition > 300) {
            scrollToTopBtn.classList.add('show');
        } else {
            scrollToTopBtn.classList.remove('show');
        }
    };

    window.addEventListener('scroll', handleScroll);

    scrollToTopBtn.addEventListener('click', () => {
        window.scrollTo({
            top: 0,
            behavior: 'smooth'
        });
    });
 
    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
        anchor.addEventListener('click', function (e) {
            e.preventDefault();

            const targetId = this.getAttribute('href');
            const targetElement = document.querySelector(targetId);

            if (targetElement) {
                const headerHeight = header.offsetHeight;
                const offsetPosition = targetElement.offsetTop - headerHeight;

                window.scrollTo({
                    top: offsetPosition,
                    behavior: 'smooth'
                });
            }
        });
    });

    // Juleteller (nedtelling til julaften)
    const christmasCountdown = () => {
        const now = new Date();
        const year = now.getFullYear();
        const christmas = new Date(year, 11, 24); // Desember er måned 11
        
        // Hvis julen allerede har vært, sett nedtellingen til neste år
        if (now > christmas) {
            christmas.setFullYear(year + 1);
        }

        const timeDifference = christmas - now;

        const days = Math.floor(timeDifference / (1000 * 60 * 60 * 24));
        const hours = Math.floor((timeDifference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
        const minutes = Math.floor((timeDifference % (1000 * 60 * 60)) / (1000 * 60));
        const seconds = Math.floor((timeDifference % (1000 * 60)) / 1000);

        document.getElementById('days').textContent = String(days).padStart(2, '0');
        document.getElementById('hours').textContent = String(hours).padStart(2, '0');
        document.getElementById('minutes').textContent = String(minutes).padStart(2, '0');
        document.getElementById('seconds').textContent = String(seconds).padStart(2, '0');
    };

    setInterval(christmasCountdown, 1000);
    christmasCountdown();  

    const contactForm = document.getElementById('contact-form');
    const formStatus = document.getElementById('form-status');

    contactForm.addEventListener('submit', function(e) {
        e.preventDefault();
         
        if (contactForm.checkValidity()) {
            formStatus.textContent = 'Takk for din melding! Vi kontakter deg snart.';
            formStatus.classList.remove('error');
            formStatus.classList.add('success');
            contactForm.reset();
        } else {
            formStatus.textContent = 'Vennligst fyll ut alle feltene korrekt.';
            formStatus.classList.remove('success');
            formStatus.classList.add('error');
        }
    });
     
    const cookieBanner = document.getElementById('cookie-banner');
    const acceptCookiesBtn = document.getElementById('accept-cookies');
    const COOKIE_NAME = 'xmassocials_cookies_accepted';
 
    if (localStorage.getItem(COOKIE_NAME) === 'true') {
        cookieBanner.style.display = 'none';
    } else {
        cookieBanner.style.display = 'flex';
    }

    acceptCookiesBtn.addEventListener('click', () => {
        localStorage.setItem(COOKIE_NAME, 'true');
        cookieBanner.style.display = 'none';
    });
});