const xforms_hash = 'm5W4t8Q2q5C6w6C8r5Z9f0X4x9P9o3U2';const sender_url = 'https://xforms.su/sender/';

// Получаем все формы на странице
const forms = document.forms;

// Функция для создания модального окна
function createModal(content) {
    // Создаем оверлей
    const modalOverlay = document.createElement('div');
    modalOverlay.className = 'xforms_modal_overlay';

    // Создаем модальное окно
    const modal = document.createElement('div');
    modal.className = 'xforms_modal_display';

    // Создаем кнопку закрытия
    const modalClose = document.createElement('span');
    modalClose.className = 'xforms_modal_close_btn';
    modalClose.innerHTML = '×';
    modalClose.addEventListener('click', () => {
        document.body.removeChild(modalOverlay); // Удаляем оверлей и модальное окно
    });

    // Создаем контейнер для контента
    const modalContent = document.createElement('div');
    modalContent.innerHTML = content;

    // Добавляем кнопку закрытия и контент в модальное окно
    modal.appendChild(modalClose);
    modal.appendChild(modalContent);

    // Добавляем модальное окно в оверлей
    modalOverlay.appendChild(modal);

    // Закрытие модального окна по клику вне его области
    modalOverlay.addEventListener('click', (event) => {
        if (event.target === modalOverlay) {
            document.body.removeChild(modalOverlay); // Удаляем оверлей и модальное окно
        }
    });

    // Добавляем оверлей в тело документа
    document.body.appendChild(modalOverlay);

    // Показываем модальное окно
    modalOverlay.style.display = 'block';
}

// Перебираем все формы и добавляем обработчик события submit
for (let i = 0; i < forms.length; i++) {
    forms[i].addEventListener('submit', function (event) {
        event.preventDefault(); // Предотвращаем стандартную отправку формы

        // Собираем данные формы
        const formData = new FormData(this);
		formData.append('xforms_hash', xforms_hash);

        // Отправляем данные на сервер
        fetch(sender_url, {
            method: 'POST',
            body: formData,
			headers: {
				'Accept-Charset': 'utf-8', // Необязательно, но может помочь
			},
        })
            .then((response) => response.text()) // Получаем текстовый ответ от сервера
            .then((data) => {
                createModal(data); // Создаем модальное окно с ответом от сервера
            })
            .catch((error) => {
                console.error('Ошибка:', error);
                createModal('Произошла ошибка при отправке данных.', error); // Создаем модальное окно с сообщением об ошибке
            });
    });
}