if ('serviceWorker' in navigator) {
    window.addEventListener('load', () => {
        navigator.serviceWorker.register('/service-worker.js')
            .then(registration => {
                console.log('ServiceWorker registration successful with scope: ', registration.scope);
            })
            .catch(error => {
                console.log('ServiceWorker registration failed: ', error);
            });
    });
}

document.addEventListener('DOMContentLoaded', function() {
    const loginForm = document.getElementById('loginForm');
    const loginContainer = document.getElementById('loginContainer');
    const appContainer = document.getElementById('appContainer');
    const loginMessage = document.getElementById('loginMessage');

    // Check if user is already logged in
    if (sessionStorage.getItem('loggedIn') === 'true') {
        loginContainer.style.display = 'none';
        appContainer.style.display = 'block';
    }

    loginForm.addEventListener('submit', function(e) {
        e.preventDefault();

        const username = document.getElementById('username').value;
        const password = document.getElementById('password').value;

        // Simple authentication check (replace with your own logic)
        if (username === 'admin' && password === 'password') {
            sessionStorage.setItem('loggedIn', 'true');
            loginContainer.style.display = 'none';
            appContainer.style.display = 'block';
        } else {
            loginMessage.textContent = 'Invalid username or password';
        }
    });

    document.getElementById('taskForm').addEventListener('submit', function(e) {
        e.preventDefault();

        // Get form values
        const subject = document.getElementById('subject').value;
        const description = document.getElementById('description').value;
        const scheduled = document.getElementById('scheduled').value;

        // Structure data for Org mode
        const taskData = {
            subject,
            description,
            scheduled
        };

        // Send data to backend using fetch
        fetch('/add-task', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
            },
            body: JSON.stringify(taskData)
        })
        .then(response => response.json())
        .then(data => {
            document.getElementById('responseMessage').textContent = data.message;
        })
        .catch(error => {
            document.getElementById('responseMessage').textContent = "Error saving task!";
        });
    });
});