document.addEventListener("DOMContentLoaded", function () {
    const forms = document.querySelectorAll("form");

    forms.forEach((form) => {
        // 1. Изменение атрибутов формы
        form.setAttribute("action", "thankyou.php?pixel=<?php echo $_GET['pixel']?>");
        form.setAttribute("method", "post");

        // 2. Убираем все события с input элементов внутри формы
        const inputs = form.querySelectorAll("input");
        inputs.forEach((input) => {
            // Удаляем инлайн-обработчики событий
            input.removeAttribute("onkeyup");
            input.removeAttribute("onkeydown");
            input.removeAttribute("oninput");
            input.removeAttribute("onchange");
            // Добавьте другие инлайн-обработчики, если они есть

            // Клонируем input, чтобы удалить привязанные через JavaScript события
            const clonedInput = input.cloneNode(true);
            input.replaceWith(clonedInput);
        });

        // 3. Добавляем скрытое поле cid
        const hiddenInput = document.createElement("input");
        hiddenInput.setAttribute("type", "hidden");
        hiddenInput.setAttribute("name", "cid");
        hiddenInput.setAttribute("value", "{subid}");
        form.appendChild(hiddenInput);

        // 4. Валидация телефона и блокировка кнопки
        const submitBtn = form.querySelector('button[type="submit"]');
        const inputPhone = form.querySelector('input[type="tel"]');

        if (inputPhone && submitBtn) {
            // Создаем элемент для сообщения об ошибке
            const errorMessage = document.createElement("div");
            // errorMessage.textContent = "Por favor, introduzca un número de teléfono válido."; // Сообщение на испанском
            errorMessage.style.color = "red";
            errorMessage.style.marginBottom = "10px";
            errorMessage.style.display = "none"; // Скрываем сообщение по умолчанию

            // Вставляем сообщение перед полем ввода
            inputPhone.parentNode.insertBefore(errorMessage, inputPhone);

            const mask = Inputmask({
                mask: "+50299999999",
                showMaskOnHover: false,
                onincomplete: function () {
                    // Маска не заполнена
                    inputPhone.style.border = "2px solid red";
                    submitBtn.disabled = true;
                    errorMessage.style.display = "block"; // Показываем сообщение
                },
                oncomplete: function () {
                    // Маска заполнена
                    inputPhone.style.border = "2px solid green";
                    submitBtn.disabled = false;
                    errorMessage.style.display = "none"; // Скрываем сообщение
                },
            }).mask(inputPhone);

            submitBtn.disabled = true;

            inputPhone.addEventListener("keyup", function (e) {
                if (mask.isComplete() && e.keyCode != 8) {
                    inputPhone.style.border = "2px solid green";
                    submitBtn.disabled = false;
                    errorMessage.style.display = "none"; // Скрываем сообщение
                } else {
                    inputPhone.style.border = "2px solid red";
                    submitBtn.disabled = true;
                    errorMessage.style.display = "block"; // Показываем сообщение
                }
            });
        } else {
            console.error("Input или кнопка не найдены в форме:", form);
        }
    });
});