//console.log('da is here');

document.addEventListener('click', function(event) {

    let handler = event.target.getAttribute('data-type');
    if (handler == 'send-button') {

        //console.log(event.target);

        const form = event.target.closest('form');

        //console.log(ajax_object.ajax_url);

        fetchForm(form);

    }

});


const fetchForm = async (form) => {

    form.querySelector('.message-sent').innerHTML = '';
    form.querySelector('.message-error').innerHTML = '';

    const data = new FormData(form);
    const sendButton = form.querySelector('[data-type="send-button"]');

    sendButton.classList.add('loading');

    data.append('action', 'submit_contact_form');

    const response = await fetch(ajax_object.ajax_url, {
        method: "POST",
        mode: "same-origin",
        cache: "no-cache",
        credentials: "same-origin",
        referrerPolicy: "origin",
        body: data,
    });

    const res = await response.json();

    if (response.ok) {

        //console.log(res);

        sendButton.classList.remove('loading');

        form.querySelector('.message-sent').innerHTML = res.success ?? '';
        form.querySelector('.message-error').innerHTML = res.notsent ?? '';


    } else {

        //console.log('no res!');

        form.querySelector('.message-error').innerHTML = 'Произошла ошибка, мы уже её устраняем! А пока можете связаться с нами другими способами.';

    }

}