function initExpensesPage(projectId) {
    document.querySelectorAll('.expenses-amount').forEach(input => {
        input.addEventListener('blur', function() {
            const month = this.dataset.month;
            const amount = this.value;

            const formData = new FormData();
            formData.append('projectId', projectId);
            formData.append('month', month);
            formData.append('amount', amount);

            fetch('save_expenses.php', {
                method: 'POST',
                body: formData
            })
            .then(response => response.json())
            .then(data => {
                if (data.success) {
                    // Maybe show a small success indicator
                } else {
                    alert('Error saving expenses amount: ' + data.error);
                }
            })
            .catch(error => {
                console.error('Error:', error);
                alert('An unexpected error occurred.');
            });
        });
    });
}