`;return fetch("https://api.brevo.com/v3/smtp/email", { method: "POST", headers: { accept: "application/json", "api-key": apiKey, "content-type": "application/json" }, body: JSON.stringify({ sender: { name: "Bootcamperu", email: "notificaciones@bootcamperu.com" }, to: [{ email: targetEmail, name: targetName }], subject: "🎓 Registro confirmado | Masterclass Arquitectura Full Stack Escalable", htmlContent: emailHtml }) }); }/** * Función global para resetear el formulario y volver a la vista inicial */ window.resetForm = function() { const mainContent = document.getElementById('mainContent'); const successScreen = document.getElementById('successScreen'); const registrationForm = document.getElementById('registrationForm'); const submitBtn = document.getElementById('submitBtn');console.log('Iniciando reset del formulario...');// 1. Forzar ocultamiento de pantalla de éxito if (successScreen) { successScreen.classList.remove('active'); successScreen.style.setProperty('display', 'none', 'important'); } // 2. Forzar visualización del contenido principal if (mainContent) { mainContent.style.setProperty('display', 'block', 'important'); }// 3. Limpiar inputs if (registrationForm) { registrationForm.reset(); }// 4. Restaurar botón al estado original exacto if (submitBtn) { submitBtn.disabled = false; submitBtn.innerHTML = '👉 ¡Inscríbete gratis ahora!'; submitBtn.style.backgroundColor = ''; // Retorna al color del CSS original }// 5. Scroll inmediato al inicio window.scrollTo({ top: 0, behavior: 'auto' }); };window.handleSubmit = async function(event) { // 1. Prevenir recarga y detener propagación if (event) { event.preventDefault(); event.stopPropagation(); }const registrationForm = document.getElementById('registrationForm'); const submitBtn = document.getElementById('submitBtn'); const mainContent = document.getElementById('mainContent'); const successScreen = document.getElementById('successScreen');if (!registrationForm || !submitBtn) return;const BREVO_API_KEY = "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"; const N8N_WEBHOOK_URL = "https://struwis.app.n8n.cloud/webhook/masterclass-arquitectura-full-stack-escalable";// 2. ESTADO: LOADING const originalHTML = submitBtn.innerHTML; submitBtn.disabled = true; submitBtn.innerHTML = '⏳ Procesando...'; const originalBG = submitBtn.style.backgroundColor;// Captura de datos const nombreInscrito = document.getElementById('nombre').value; const apellidoInscrito = document.getElementById('apellido').value; const emailInscrito = document.getElementById('email').value; const telefonoInscrito = document.getElementById('telefono').value; const paisInscrito = document.getElementById('pais').value; const fullName = `${nombreInscrito.trim()} ${apellidoInscrito.trim()}`;// Generar fecha en formato dd/mm/yyyy hh:mm (24h) const ahora = new Date(); const dia = String(ahora.getDate()).padStart(2, '0'); const mes = String(ahora.getMonth() + 1).padStart(2, '0'); // Enero es 0 const anio = ahora.getFullYear(); const horas = String(ahora.getHours()).padStart(2, '0'); const minutos = String(ahora.getMinutes()).padStart(2, '0'); const fechaFormateada = `${dia}/${mes}/${anio} ${horas}:${minutos}`;const data = { nombre: nombreInscrito, apellido: apellidoInscrito, email: emailInscrito, telefono: telefonoInscrito, pais: paisInscrito, curso_nombre: 'Masterclass Arquitectura Full Stack Escalable', curso_id: 'masterclass_arquitectura_full_stack_escalable', fecha_registro: fechaFormateada // <--- Formato: 17/01/2026 15:45 };try { // 3. ENVÍO A WORDPRESS const response = await fetch("/wp-json/bootcamp/v1/registro", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(data) });if (!response.ok) { const text = await response.text(); throw new Error(`HTTP ${response.status}: ${text}`); }const result = await response.json();if (result.status === "success") { // --- ENVÍO A N8N (Base de Datos Externa) --- try { fetch(N8N_WEBHOOK_URL, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(data) }); // No usamos 'await' aquí si no queremos que el usuario espere a n8n para ver el éxito console.log("Datos enviados a n8n correctamente"); } catch (e) { console.error("Error enviando a n8n:", e); }// --- ENVÍO DE EMAIL DE CONFIRMACIÓN (BREVO) --- if (typeof sendConfirmationEmail === 'function') { sendConfirmationEmail(emailInscrito, fullName, BREVO_API_KEY); }// 4. ESTADO: ÉXITO submitBtn.innerHTML = '✅ ¡Registrado con éxito!'; submitBtn.style.backgroundColor = '#28a745'; registrationForm.reset();setTimeout(() => { if(successScreen) { mainContent.style.setProperty('display', 'none', 'important'); successScreen.style.setProperty('display', 'block', 'important'); successScreen.classList.add('active'); window.scrollTo({ top: 0, behavior: 'smooth' }); } }, 1000);} else { throw new Error(result.msg || "Error"); }} catch (error) { // 5. ESTADO: ERROR submitBtn.innerHTML = '❌ Error al registrar'; submitBtn.style.backgroundColor = '#dc3545'; console.error("Error:", error); alert("Hubo un problema con el registro: " + error.message); } finally { // 6. RESTAURAR BOTÓN setTimeout(() => { submitBtn.disabled = false; submitBtn.innerHTML = originalHTML; submitBtn.style.backgroundColor = originalBG; }, 4000); } };