const registerServiceWorker = async () => {
    if ('serviceWorker' in navigator) {
        try {
            await navigator.serviceWorker.register('/serviceWorker.js', { scope: '/' })
        } catch (error) {
            console.error(`Service worker registration failed: ${error}`)
        }
    }
}

registerServiceWorker()

window.addEventListener('load', () => {
    const navBars = document.getElementById('nav-bars')
    const navItems = document.getElementById('nav-items')

    const toggleMenu = () => {
        if (window.matchMedia('screen and (max-width: 1199px)').matches) {
            if (navItems.style.display === 'flex') {
                navItems.style.display = 'none'
            } else {
                navItems.style.display = 'flex'
            }
        }
    }

    navBars.addEventListener('click', toggleMenu)

    const navLinks = document.querySelectorAll('.nav-link')
    navLinks.forEach(navLink => {
        navLink.addEventListener('click', toggleMenu)
    })
})