const form = document.getElementById('contact_form');

    form.addEventListener('submit', function(event){

        var name = document.getElementById("contact_name").value
        var email = document.getElementById("contact_email").value
        var message = document.getElementById("contact_message").value
        var data = { form :
                    {
                    name : name,
                    email : email,
                    message : message
                    }
            };
        if (!!name && !!email && !!message)
            postData(data);
        //Prevent the event from submitting the form, no redirect or page reload
        event.preventDefault();
    });

    async function postData(formattedFormData){
        let response = await fetch('https://xvlkq03r19.execute-api.eu-west-1.amazonaws.com/test/nutsknitwear-contact-form',{
            headers: {
                'Content-Type': 'application/json'
                },
            method: 'POST',
            mode: 'cors',
            body: JSON.stringify(formattedFormData)
            }
        )
        .then(response => {
            if (!response.ok) {
                throw new Error('Network response was not ok');
            }
            form.reset();
            window.alert("Your message was sent successfully\nI'll get back to you soon. Thank you!");
            })
            .catch(error => {
                window.alert("Something went wrong :(\nPlease try again later or use the email address instead.");
            console.error('There has been a problem with your fetch operation:', error);
        });


    }