window.onload = function () {
    document.getElementById('formular').addEventListener('submit', function (e) {
        e.preventDefault(); // Verhindert die Standard-Formularsendung
        const form = e.target;
        const data = new FormData(form);
        const notification = document.getElementById('notification');
        const btn = document.getElementById('bestellformular-btn');
        fetch(form.action, {
            method: 'POST',
            mode: 'cors',
            body: data,
        })
            .then(response => {
                if (!response.ok) {
                    throw new Error('Network response was not ok');
                }
                return response.json();
            })
            .then(data => {
                // Erfolgsnachricht anzeigen
                notification.textContent = 'Nachricht erfolgreich gesendet!';
                btn.className = 'submitbutton text-white mx-auto submit-after-valid-captchaaaa .fadeOut';
                // notification.className = 'bg-green-500 text-white px-4 py-2 rounded block';
                // setTimeout(() => notification.className = 'bg-green-500 text-white px-4 py-2 rounded hidden', 5000); // Benachrichtigung nach 5 Sekunden ausblenden
            })
            .catch((error) => {
                // Fehlermeldung anzeigen
                notification.textContent = 'Fehler beim Senden der Nachricht.';
                console.log(error);
                notification.className = 'bg-red-500 text-white px-4 py-2 rounded block';
                // setTimeout(() => notification.className = 'bg-red-500 text-white px-4 py-2 rounded hidden', 5000); // Benachrichtigung nach 5 Sekunden ausblenden
            });
    });
};