function updateDeviceStatus() {
    fetch('/api/status')
        .then(response => response.json())
        .then(data => {
            Object.entries(data).forEach(([deviceName, isUp]) => {
                const deviceElement = document.querySelector(`.device-status:has(span:contains("${deviceName}"))`);
                if (deviceElement) {
                    const indicator = deviceElement.querySelector('.status-indicator');
                    indicator.className = `status-indicator status-${isUp ? 'up' : 'down'}`;
                }
            });
        });
}

// Update every 30 seconds
setInterval(updateDeviceStatus, 30000);
// Initial update
updateDeviceStatus();