async function saveSettings() {
    const mqtt_broker = document.getElementById('mqtt_broker').value;
    const mqtt_port = document.getElementById('mqtt_port').value;
    const influxdb_url = document.getElementById('influxdb_url').value;
    const influxdb_token = document.getElementById('influxdb_token').value;
    
    const settings = {
        mqtt_broker,
        mqtt_port,
        influxdb_url,
        influxdb_token
    };
    
    try {
        const response = await fetch('/api/save-settings', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
            },
            body: JSON.stringify(settings)
        });
        
        const messageDiv = document.getElementById('message');
        if (response.ok) {
            messageDiv.className = 'message success';
            messageDiv.textContent = '✓ Einstellungen erfolgreich gespeichert!';
        } else {
            messageDiv.className = 'message error';
            messageDiv.textContent = '✗ Fehler beim Speichern der Einstellungen!';
        }
        
        setTimeout(() => {
            messageDiv.style.display = 'none';
        }, 3000);
    } catch (error) {
        const messageDiv = document.getElementById('message');
        messageDiv.className = 'message error';
        messageDiv.textContent = '✗ Verbindungsfehler!';
    }
}