// =========================================================================
// ARCHIVO: contact.js
// DESCRIPCIÓN: Envío silencioso usando Fetch API y FormSubmit
// =========================================================================

function sendEmail(e) {
    e.preventDefault(); // Evita que la página se recargue

    // 1. Obtener los valores del formulario
    const name = document.getElementById("name").value.trim();
    const email = document.getElementById("email").value.trim();
    const message = document.getElementById("message").value.trim();

    // 2. Validación simple
    if (!name || !email || !message) {
        Swal.fire({
            icon: 'warning',
            title: 'Faltan datos',
            text: 'Por favor, llena todos los campos.',
            confirmButtonColor: '#d4af37'
        });
        return;
    }

    // 3. Mostrar cargando (Opcional pero recomendado para UX)
    Swal.fire({
        title: 'Enviando...',
        text: 'Por favor espera un momento',
        allowOutsideClick: false,
        didOpen: () => {
            Swal.showLoading();
        }
    });

    // 4. Preparar los datos para enviar en segundo plano
    // Usamos el servicio gratuito de FormSubmit para procesar el envío sin backend propio
    const formData = {
        name: name,
        email: email, // Este es el correo del cliente (para que puedas responderle)
        message: message,
        _subject: `Nuevo mensaje SIKU de: ${name}`, // Asunto del correo
        _template: "table", // Formato bonito en el correo
        _captcha: "false"   // Desactiva el captcha visual
    };

    // 5. Enviar usando Fetch (AJAX) - Esto es lo que evita que se abra la app de correo
    fetch("https://formsubmit.co/ajax/jona2005hj@gmail.com", {
        method: "POST",
        headers: { 
            'Content-Type': 'application/json',
            'Accept': 'application/json'
        },
        body: JSON.stringify(formData)
    })
    .then(response => response.json())
    .then(data => {
        // 6. Éxito: Mostrar el Check Verde
        Swal.fire({
            title: '¡Mensaje Enviado!',
            text: 'Hemos recibido tu mensaje correctamente.',
            icon: 'success',
            confirmButtonColor: '#d4af37'
        });
        
        // Limpiar el formulario
        document.querySelector(".contact-form").reset();
    })
    .catch(error => {
        // Error: Algo falló en la red
        console.error('Error:', error);
        Swal.fire({
            title: 'Error',
            text: 'Hubo un problema al enviar el mensaje. Intenta nuevamente.',
            icon: 'error',
            confirmButtonColor: '#d4af37'
        });
    });
}