export const loadFormHandler = () => {
    console.log("loadFormHandler");
    document.getElementById('contact_form').addEventListener('submit', function(event) {
        event.preventDefault();
        console.log("addEventListener");
        var name = document.getElementById('fname').value + ' ' + document.getElementById('lname').value;
        var email = document.getElementById('from').value;
        var subject = document.getElementById('subject').value;
        var message = document.getElementById('body').value;

        if (name.trim() === '' || email.trim() === '' || message.trim() === '') {
            document.getElementById('response').innerHTML = '<p id="error">Please fill in all fields.</p>';
            return;
        }

        var formData = new FormData();
        formData.append('name', name);
        formData.append('email', email);
        formData.append('subject', subject);
        formData.append('message', message);
        console.log(formData);

        fetch('/cgi-bin/smtprobot.py/send_email', {
            method: 'POST',
            body: formData
        })
        .then(function(response) {
            return response.json();
        })
        .then(function(data) {
            document.getElementById('response').innerHTML = '<p>' + data.message + '</p>';
        })
        .catch(function(error) {
            console.error('Error:', error);
        });
    });
};