I want financing

Apply

// Form State Management let currentStep = 1; const totalSteps = 2;

// Initialize form on page load document.addEventListener('DOMContentLoaded', function() { initializeForm(); setupScrollNavigation(); setupMobileMenu(); setupScrollAnimations(); });

/** * Initialize form state and display */ function initializeForm() { updateFormDisplay();

const form = document.getElementById('applicationForm'); if (form) { form.setAttribute('novalidate', true); form.addEventListener('submit', handleFormSubmit); } }

/** * Update form step display */ function updateFormDisplay() { // Hide all steps for (let i = 1; i <= 3; i++) { const stepElement = document.getElementById(`step${i}`); if (stepElement) { stepElement.classList.add('hidden'); } } // Show current step const currentStepElement = document.getElementById(`step${currentStep}`); if (currentStepElement) { currentStepElement.classList.remove('hidden'); } // Update step indicator const stepIndicator = document.getElementById('formStep'); if (stepIndicator) { stepIndicator.textContent = currentStep; } updateFormButtons(); } /** * Update form button visibility and state */ function updateFormButtons() { const backBtn = document.getElementById('backBtn'); const nextBtn = document.getElementById('nextBtn'); const submitBtn = document.getElementById('submitBtn'); if (backBtn) { if (currentStep > 1) { backBtn.classList.remove('hidden'); } else { backBtn.classList.add('hidden'); } }

if (nextBtn) { if (currentStep < totalSteps) { nextBtn.classList.remove('hidden'); } else { nextBtn.classList.add('hidden'); } } if (submitBtn) { if (currentStep === totalSteps) { submitBtn.classList.remove('hidden'); } else { submitBtn.classList.add('hidden'); } } } /** * Move to next form step */ function nextStep() { if (currentStep < totalSteps) { if (validateStep(currentStep)) { currentStep++; updateFormDisplay(); scrollToElement('applicationForm'); } } } /** * Move to previous form step */ function previousStep() { if (currentStep > 1) { currentStep--; updateFormDisplay(); scrollToElement('applicationForm'); } }

/** * Validate current form step */ function validateStep(step) { const stepElement = document.getElementById(`step${step}`); if (!stepElement) return true;

const inputs = stepElement.querySelectorAll('input[required], select[required], textarea[required]'); let isValid = true;

inputs.forEach(input => { if (!input.value.trim()) { input.style.borderColor = '#FF0357'; isValid = false; } else { input.style.borderColor = ''; } });

return isValid; }

/** * Handle form submission (HighLevel + WordPress) */ async function handleFormSubmit(e) { e.preventDefault(); e.stopImmediatePropagation();

if (!validateStep(totalSteps)) { alert('Please fill in all required fields'); return; }

const form = e.target; const formData = new FormData(form); const submitBtn = document.getElementById('submitBtn'); const responseDiv = document.getElementById('formResponse') || createResponseDiv(form);

// Feedback visual submitBtn.disabled = true; const originalText = submitBtn.innerText; submitBtn.innerText = "Processing..."; responseDiv.style.display = "none";

// 1. Payload HighLevel const ghlPayload = { locationId: 'fSzYmFL13kULRQC6CcPF', firstName: formData.get('firstName'), lastName: formData.get('lastName'), email: formData.get('email'), phone: formData.get('phone'), postalCode: "44433322", customField: { campaign: "Resellers", city_state: formData.get('city_state'), us_company: formData.get('us_company'), financial_experience: formData.get('financial_experience'), linkedin: formData.get('linkedin') } };

// 2. Dados para WordPress const wpFormData = new FormData(); wpFormData.append('action', 'send_consultation_form'); wpFormData.append('first_name', formData.get('firstName')); wpFormData.append('last_name', formData.get('lastName')); wpFormData.append('email', formData.get('email')); wpFormData.append('phone', formData.get('phone')); wpFormData.append('city_state', formData.get('city_state')); wpFormData.append('us_company', formData.get('us_company')); wpFormData.append('financial_experience', formData.get('financial_experience')); wpFormData.append('linkedin', formData.get('linkedin'));

try { const wpPromise = fetch("/wp-admin/admin-ajax.php", { method: 'POST', body: wpFormData });

const ghlPromise = fetch("https://api.savings.club/api/v2/contract-flow/lead/", { method: 'POST', headers: { 'Content-Type': 'application/json', 'Authorization': 'Api-Key 7MZvT2JP.FanxZAyoC26ErOVmBcTwIV9PaOEiNOQa' }, body: JSON.stringify(ghlPayload) });

const [wpResponse, ghlResponse] = await Promise.all([wpPromise, ghlPromise]); const wpData = await wpResponse.json();

if (wpData.success || ghlResponse.ok) { form.reset(); currentStep = 1; updateFormDisplay();

// Mensagem de sucesso em inglês responseDiv.innerText = "Message sent successfully!"; responseDiv.style.color = "#28a745"; responseDiv.style.display = "block"; responseDiv.scrollIntoView({ behavior: 'smooth', block: 'center' }); } else { throw new Error(wpData.data || "Error processing request."); }

} catch (error) { console.error('Error:', error); responseDiv.innerText = "An error occurred. Please try again."; responseDiv.style.color = "#dc3545"; responseDiv.style.display = "block"; } finally { submitBtn.disabled = false; submitBtn.innerText = originalText; } }

function createResponseDiv(formElement) { const div = document.createElement('div'); div.id = 'formResponse'; div.style.marginBottom = '20px'; div.style.padding = '15px'; div.style.borderRadius = '4px'; div.style.textAlign = 'center'; div.style.fontWeight = 'bold'; div.style.backgroundColor = '#f8f9fa'; div.style.border = '1px solid #ddd'; div.style.display = 'none'; formElement.prepend(div); return div; }

/** * Setup smooth scroll navigation */ function setupScrollNavigation() { document.querySelectorAll('a[href^="#"]').forEach(anchor => { anchor.addEventListener('click', function(e) { const href = this.getAttribute('href'); if (href !== '#' && document.querySelector(href)) { e.preventDefault(); scrollToElement(href.substring(1)); } }); }); }

/** * Scroll to element with smooth behavior */ function scrollToElement(elementId) { const element = document.getElementById(elementId); if (element) { const header = document.querySelector('.header'); const headerHeight = header ? header.offsetHeight : 0; const elementPosition = element.getBoundingClientRect().top + window.scrollY - headerHeight;

window.scrollTo({ top: elementPosition, behavior: 'smooth' }); } }

/** * Setup mobile menu toggle */ function setupMobileMenu() { const mobileMenuToggle = document.getElementById('mobileMenuToggle'); const mobileMenu = document.getElementById('mobileMenu'); if (mobileMenuToggle && mobileMenu) { mobileMenuToggle.addEventListener('click', function() { mobileMenuToggle.classList.toggle('active'); mobileMenu.classList.toggle('active'); });

const mobileLinks = document.querySelectorAll('.mobile-nav a'); mobileLinks.forEach(link => { link.addEventListener('click', () => { mobileMenuToggle.classList.remove('active'); mobileMenu.classList.remove('active'); }); }); } }

/** * Add scroll animation for cards */ function setupScrollAnimations() { const cards = document.querySelectorAll('.card'); if (cards.length === 0) return;

const observerOptions = { threshold: 0.1, rootMargin: '0px 0px -50px 0px' };

const observer = new IntersectionObserver(function(entries) { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.style.opacity = '1'; entry.target.style.transform = 'translateY(0)'; observer.unobserve(entry.target); } }); }, observerOptions);

cards.forEach(card => { card.style.opacity = '0'; card.style.transform = 'translateY(20px)'; card.style.transition = 'opacity 0.6s ease, transform 0.6s ease'; observer.observe(card); }); }