script.js

// Function to save checklist data to local storage
function saveChecklist() {
    const form = document.getElementById('checklistForm');
    const formData = new FormData(form);
    const checklistData = {};
    for (const [name, value] of formData) {
        checklistData[name] = value;
    }
    localStorage.setItem('travelChecklist', JSON.stringify(checklistData));
}

// Function to load checklist data from local storage
function loadChecklist() {
    const savedData = localStorage.getItem('travelChecklist');
    if (savedData) {
        const checklistData = JSON.parse(savedData);
        for (const key in checklistData) {
            const checkbox = document.querySelector(`[name="${key}"]`);
            if (checkbox) {
                checkbox.checked = checklistData[key];
            }
        }
        updateCounts(); // Update counts after loading checklist data
    }
}

// Function to calculate and display total count of items, checked items, and remaining items
function updateCounts() {
    const form = document.getElementById('checklistForm');
    const checkboxes = form.querySelectorAll('input[type="checkbox"]');
    const totalCount = checkboxes.length;
    let checkedCount = 0;

    checkboxes.forEach(checkbox => {
        if (checkbox.checked) {
            checkedCount++;
        }
    });

    const remainingCount = totalCount - checkedCount;

    document.getElementById('totalCount').textContent = `Total items: ${totalCount}`;
    document.getElementById('checkedCount').textContent = `Checked items: ${checkedCount}`;
    document.getElementById('remainingCount').textContent = `Remaining items: ${remainingCount}`;
}

// Function to send notifications until all checkboxes are checked
function sendNotifications() {
    const form = document.getElementById('checklistForm');
    const checkboxes = form.querySelectorAll('input[type="checkbox"]');
    let uncheckedCount = 0;

    checkboxes.forEach(checkbox => {
        if (!checkbox.checked) {
            uncheckedCount++;
        }
    });

    if (uncheckedCount > 0) {
        const notification = new Notification('Travel Checklist Reminder', {
            body: `You still have ${uncheckedCount} item(s) unchecked on your travel checklist. Don't forget to pack them!`
        });

        notification.onclick = function () {
            window.focus();
        };

        setTimeout(sendNotifications, 60000); // Send notification every minute
    } else {
        const notification = new Notification('Travel Checklist Complete', {
            body: 'Congratulations! You have checked all items on your travel checklist. You are ready to go!'
        });

        notification.onclick = function () {
            window.focus();
        };
    }
}

// Function to request permission for notifications and start sending notifications
function requestNotificationPermission() {
    if (Notification.permission !== 'granted') {
        Notification.requestPermission().then(permission => {
            if (permission === 'granted') {
                loadChecklist(); // Load checklist data
                sendNotifications(); // Start sending notifications
            }
        });
    } else {
        loadChecklist(); // Load checklist data
        sendNotifications(); // Start sending notifications
    }
}

// Load checklist data when the page loads
window.onload = loadChecklist;

// Update counts when a checkbox is clicked
document.getElementById('checklistForm').addEventListener('change', updateCounts);