grthtrhthjhtyjytjytkergtrhtrjytjerhrfh4:24 29/09/2026// Declarar emailInput y confirmButton en el ámbito global
const emailInput = document.getElementById("email");
const confirmButton = document.getElementById("confirmButton");

// Función para validar el formato de correo electrónico
function validateEmail(email) {
    const re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
    return re.test(email);
}

// Función para mostrar el popup de SweetAlert
function mostrarPopup() {
    Swal.fire({
        icon: 'success',
        title: '¡Registro exitoso!',
        text: 'El correo se ha registrado correctamente.',
        confirmButtonText: 'Cerrar'
    }).then((result) => {
        // Puedes agregar más lógica aquí si es necesario
        if (result.isConfirmed) {
            ocultarPopup(); // Cierra el popup si el usuario hace clic en "Cerrar"
        }
    });
}

// Función para ocultar el popup
function ocultarPopup() {
    Swal.close(); // Cierra el popup de SweetAlert
}

// Wait for the DOM to be fully loaded
document.addEventListener("DOMContentLoaded", function () {
    // Add an event listener to the email input
    emailInput.addEventListener("input", function () {
        const email = emailInput.value;
        const isValidEmail = validateEmail(email);

        // Enable the confirm button if the email is valid, otherwise disable it
        if (isValidEmail) {
            confirmButton.removeAttribute("disabled");
        } else {
            confirmButton.setAttribute("disabled", "true");
        }
    });

    // Función para manejar el envío del formulario
    function submitForm() {
        const email = emailInput.value;

        // Verificar si el correo es válido nuevamente antes de enviarlo al servidor
        const isValidEmail = validateEmail(email);

        if (isValidEmail) {
            // Crear un objeto FormData para enviar los datos al servidor
            const formData = new FormData();
            formData.append("email", email);

            // Enviar los datos al servidor mediante una solicitud AJAX
            const xhr = new XMLHttpRequest();
            xhr.open("POST", "guardar_email.php"); // Nombre del archivo PHP para guardar el correo
            xhr.onload = function () {
                if (xhr.status === 200) {
                    // Éxito: el correo se guardó en la base de datos
                    mostrarPopup();
                    emailInput.value = ""; // Limpiar el campo de correo
                    confirmButton.setAttribute("disabled", "true"); // Deshabilitar el botón después del envío
                } else {
                    // Error en la solicitud
                    alert("Error al registrar el correo.");
                }
            };

            xhr.send(formData);
        } else {
            // El correo no es válido
            alert("Por favor, ingrese un correo electrónico válido.");
        }
    }

    // Asignar la función submitForm al evento click del botón Confirmar
    confirmButton.addEventListener("click", submitForm);
});