app.js

/**
 * Main application logic for QuickQuote.
 *
 * @file app.js
 */

document.addEventListener('DOMContentLoaded', () => {
    const hourlyRateInput = document.getElementById('hourly-rate');
    const overheadLaborRateInput = document.getElementById('overhead-labor-rate');
    const hoursInput = document.getElementById('hours');
    const totalCostElement = document.getElementById('total-cost');

    /**
     * Calculates the total cost based on hourly rate and hours.
     * @returns {number} The calculated total cost.
     */
    function calculateTotal() {
        const directRate = parseFloat(hourlyRateInput.value) || 0;
        const overheadRate = parseFloat(overheadLaborRateInput.value) || 0;
        const hours = parseFloat(hoursInput.value) || 0;
        return (directRate + overheadRate) * hours;
    }

    /**
     * Updates the total cost display in the header.
     */
    function updateTotalDisplay() {
        const total = calculateTotal();
        totalCostElement.textContent = total.toLocaleString('en-US', {
            style: 'currency',
            currency: 'USD',
        });
    }

    // Add event listeners to update the total on any input change.
    hourlyRateInput.addEventListener('input', updateTotalDisplay);
    overheadLaborRateInput.addEventListener('input', updateTotalDisplay);
    hoursInput.addEventListener('input', updateTotalDisplay);

    // Initial calculation on page load.
    updateTotalDisplay();

    // Register the service worker for PWA functionality.
    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(err => {
                    console.log('ServiceWorker registration failed: ', err);
                });
        });
    }
});