document.addEventListener('click', function(event) {
    let handler = event.target.getAttribute('data-click');
    if (!handler) return;
    fetchForm(event.target.dataset.id);
});


const getFormButton = document.querySelector("[data-paneltype='popup'] a.checkbot");

getFormButton && getFormButton.addEventListener("click", fetchLoadForm);



async function fetchLoadForm(event) {

	if (event.isTrusted === 'false') return;

	const inner = getFormButton.parentNode.querySelector(".gspb_slidingPanel-inner");

	if (!inner) return;

	try {
		const response = await fetch(da_object.ajax_url + '?action=loadform', {
			method: "POST",
			mode: "same-origin",
			cache: "no-cache",
			credentials: "same-origin",
			referrerPolicy: "origin"
		}),
		data = await response.json();

		if (response.ok) {
			inner.innerHTML = data.html;
		} else {
			inner.innerHTML = "<h4>Произошла ошибка на сервере. Попробуйте позже, или используйте альтернативные методы связи с нами.</h4>";
		}

	} catch (error) {
		console.error(error.message);
	}

}


const fetchForm = async(id) => {

    const form = document.getElementById('form-' + id),
        contactButton = form.querySelector('#contactbutton-' + id);

        form.querySelector('#contact-msg-' + id).innerHTML = '';
        form.querySelector('#notsent-msg-' + id).innerHTML = '';

    contactButton.disabled = true;
    const data = new FormData(form.querySelector('form'));
    data.append('formid', id);

    const response = await fetch(da_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) {

        contactButton.disabled = false;

        form.querySelector('#name-error-' + id).innerHTML = res.name_error ?? '';
        form.querySelector('#phone-error-' + id).innerHTML = res.phone_error ?? '';
        form.querySelector('#email-error-' + id).innerHTML = res.email_error ?? '';
        form.querySelector('#task-error-' + id).innerHTML = res.task_error ?? '';
        form.querySelector('#contact-msg-' + id).innerHTML = res.success ?? '';
        form.querySelector('#notsent-msg-' + id).innerHTML = res.notsent ?? '';

    } else {

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

    }

}