`; return html; }, /** * Generate user email HTML for SEO services */ generateUserEmailHtml: function(type = 'calculate') { const cd = this.state.selections.contactDetails || {}; const totalPrice = this.state.totalPrice.toLocaleString(); const currentYear = new Date().getFullYear(); let title, intro, mainContent, ctaText, ctaLink; if (type === 'calculate') { title = "Il tuo preventivo SEO è pronto!"; intro = `Grazie per aver utilizzato il nostro calcolatore di preventivi SEO! Abbiamo analizzato le tue selezioni per fornirti un preventivo su misura per migliorare la visibilità del tuo sito nei motori di ricerca.`; mainContent = `In base ai servizi SEO e all'ambito che hai selezionato, abbiamo generato un preventivo iniziale. Ti dà un'idea concreta dell'investimento necessario per raggiungere i tuoi obiettivi di crescita organica. Il prossimo passo è consultare il dettaglio completo sul nostro sito. Se sei pronto ad approfondire o a richiedere una proposta completa, clicca sul pulsante "Richiedi una Proposta Formale" nella pagina di riepilogo. I nostri specialisti SEO ti contatteranno per fissare una consulenza.`; ctaText = "Visualizza il tuo preventivo SEO"; ctaLink = "https://umitech.it/preventivo/seo"; // Link to the SEO calculator page } else { // proposal title = "Richiesta di proposta SEO ricevuta"; intro = `Grazie per aver richiesto una proposta SEO formale, ${cd.name || 'caro cliente'}! Le tue esigenze sono in fase di valutazione da parte del nostro team di strategia SEO.`; mainContent = `Saremmo entusiasti di aiutarti a scalare le classifiche dei motori di ricerca! Stiamo esaminando con attenzione i servizi selezionati, i dettagli del sito e i tuoi obiettivi, per creare una proposta SEO completa pensata su misura per te. Il nostro team ti risponderà entro 1 giorno lavorativo: ti invieremo direttamente la proposta formale oppure ti contatteremo per una breve chiamata conoscitiva se ci servissero più informazioni (ad esempio l'accesso al sito per un'analisi più approfondita). Così la strategia finale sarà perfettamente allineata ai tuoi obiettivi e alle esigenze del sito.`; ctaText = "Contatta il Nostro Team"; ctaLink = "https://umitech.it/contattaci"; } const html = ` `; return html; }, /** * Populate Invoice Header and Generate Breakdown Items */ populateInvoiceDetails: function() { // Logic remains the same try { // Populate Header if (this.elements.invoiceDateEl) { this.elements.invoiceDateEl.textContent = new Date().toLocaleDateString(); } const cd = this.state.selections.contactDetails || {}; if (this.elements.invoiceClientNameEl) { this.elements.invoiceClientNameEl.innerHTML = `${cd.name || 'N/A'}`; } if (this.elements.invoiceClientEmailEl) { this.elements.invoiceClientEmailEl.textContent = cd.email || 'N/A'; } if (this.elements.invoiceClientPhoneEl) { let phoneText = ''; if (cd.phone) { phoneText = `${cd.countryCode || ''} ${cd.phone}`; } this.elements.invoiceClientPhoneEl.textContent = phoneText; } // Generate Breakdown Items this.generateQuoteBreakdown(); // Calls the SEO-specific breakdown generator } catch (error) { console.error('Error populating SEO invoice details:', error); } }, /** * Generate breakdown items for the SEO quote summary page */ generateQuoteBreakdown: function() { try { if (!this.elements.breakdownItems) return; this.elements.breakdownItems.innerHTML = ''; const createBreakdownItem = (label, price, isSubItem = false, isBoldPrefix = false, key = '') => { // Show items with price, the free consultation, or the base service type if ((typeof price !== 'number' || price === 0) && label !== 'Consulenza SEO iniziale' && !isBoldPrefix && key !== 'project-type') return; const item = document.createElement('div'); item.className = 'uq-invoice-item'; let priceString = `€${price.toLocaleString()}`; // Default format if (price < 0) { priceString = `-€${Math.abs(price).toLocaleString()}`; } else if (price === 0 && label === 'Consulenza SEO iniziale') { priceString = 'Incluso'; } else if (price === 0 && (isBoldPrefix || key === 'project-type')) { // Show €0 for base if price is 0 priceString = '€0'; } else if (price === 0) { // Don't show €0 for other zero-priced items unless specifically allowed return; // Skip adding this item } let labelHtml = label; if (isBoldPrefix) { const parts = label.split(':'); labelHtml = (parts.length > 1) ? `${parts[0]}: ${parts.slice(1).join(':').trim()}` : `${label}`; } item.innerHTML = ``; this.elements.breakdownItems.appendChild(item); }; const createMultiItems = (key, labelPrefix) => { const sel = this.state.selections[key]; if (sel && Array.isArray(sel)) { sel.forEach(item => { if (item.price !== 0 || item.value === 'seo-consultation') { // Show priced items OR the free consultation let label = item.name; if (item.value === 'seo-consultation') label = 'Consulenza SEO iniziale'; // Correct label createBreakdownItem(label, item.price, true, false); } }); } }; const createSingleItem = (key, labelPrefix = '', showZero = false) => { const sel = this.state.selections[key]; if (sel && typeof sel === 'object' && (sel.price !== 0 || showZero || key === 'project-type')) { // Always show project type let label = `${labelPrefix}${sel.name}`; let isBold = false; // Add bold prefixes for key single selections in SEO flow if (key === 'project-type') { label = `Servizio base: ${sel.name}`; isBold = true; } if (key === 'seo-strategy-level') { label = `Livello di strategia: ${sel.name}`; isBold = true; } if (key === 'seo-retainer') { label = `Supporto continuativo: ${sel.name}`; isBold = true; } if (key === 'timeline') { label = `Tempistiche: ${sel.name}`; isBold = true; } // Add others as needed... createBreakdownItem(label, sel.price, false, isBold, key); } }; // --- Add items in logical order based on SEO flow --- createSingleItem('project-type', '', true); // Base Servizio (Always show) // Ambito del sito web (Size & Market) createSingleItem('campaign-scale', 'Dimensione: '); // Using 'campaign-scale' key for size createMultiItems('marketing-platforms', 'Target Market:'); // Using 'marketing-platforms' key for market // Reportistica & Analytics createSingleItem('reporting-frequency', 'Reportistica: '); createSingleItem('analytics-setup', 'Analytics: '); // SEO Attività ('pages' key) createMultiItems('pages', ''); // Includes free consultation // Strategia Livello & Analysis createSingleItem('seo-strategy-level', '', false); // Show if price > 0 createMultiItems('seo-analysis-options', 'Analysis:'); // Upsell options // Servizi SEO Aggiuntivi ('additional-seo-features' key) createMultiItems('additional-seo-features', ''); // Supporto continuativo & Formazione createSingleItem('seo-retainer', '', false); // Show if price > 0 createMultiItems('seo-training-services', 'Formazione:'); // Upsell options // Tempistiche createSingleItem('timeline', '', false); // Show if price != 0 if (this.elements.breakdownItems.children.length === 0 && this.state.totalPrice === 0) { this.elements.breakdownItems.innerHTML = ''; } } catch (error) { console.error('Error generating SEO quote breakdown:', error); if (this.elements.breakdownItems) this.elements.breakdownItems.innerHTML = ''; } }, /** * Show the dedicated Thank You page section */ showSubmissionSuccessPage: function(action) { try { const messageElement = document.getElementById('thank-you-message'); if (messageElement) { // Updated message for SEO context if (action === 'proposal') { messageElement.innerHTML = "La tua richiesta di proposta SEO è stata inviata con successo!
Il nostro team la esaminerà e ti ricontatterà via email a breve.
Controlla la tua casella di posta (e la cartella spam) per un'email di conferma."; } else { // Default (calculate) messageElement.innerHTML = "Il tuo preventivo SEO è stato calcolato!
Controlla la tua casella di posta (e la cartella spam) per un'email di riepilogo.
Puoi richiedere una proposta formale dalla pagina di riepilogo."; } } this.showSection('thank-you'); } catch (error) { console.error('Error showing SEO thank you page:', error); alert("Invio riuscito! Grazie."); this.resetCalculator(); } }, /** * Reset calculator to start a new quote */ resetCalculator: function(skipCookieClear = false) { try { console.log('Resetting SEO calculator...'); if (!skipCookieClear) { this.clearSavedData(); // Clears SEO cookie } // Reset state this.state.selections = {}; this.state.totalPrice = 0; this.state.activeSections = [...this.state.sectionSequence]; this.state.currentSectionIndex = 0; this.state.submissionInProgress = false; // Reset UI Elementi this.elements.calculator.querySelectorAll('.uq-option.selected').forEach(o => o.classList.remove('selected')); this.elements.contactForm?.reset(); this.elements.contactForm?.querySelectorAll('.uq-invalid-field').forEach(el => el.classList.remove('uq-invalid-field')); document.getElementById('country-code')?.querySelector('option[value="+61"]')?.setAttribute('selected', 'selected'); if (this.elements.seoKpiInputField) this.elements.seoKpiInputField.value = ''; // Clear SEO KPI field this.hideValidationMessage(); if (this.elements.breakdownItems) this.elements.breakdownItems.innerHTML = ''; // Reset conditional elements/steps & visibility this.updateConditionalSections(); // Hide upsells // Ensure default SEO consultation is selected again this.setDefaultSelections(); // Reset price, progress, nav this.calculateTotalPrice(); this.updatePriceDisplay(0); this.updateProgress(); // Show the welcome section this.showSection('welcome'); if (this.elements.priceBar) this.elements.priceBar.style.display = 'block'; this.updateNavigationButtons(); console.log('SEO Calculator reset complete.'); } catch (error) { console.error('Error resetting SEO calculator:', error); alert("Errore nel ripristino del preventivo. Aggiorna la pagina."); } }, /** Clear saved cookies */ clearSavedData: function() { try { document.cookie = `${this.cookies.name}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/; SameSite=Lax; Secure`; // Uses SEO cookie name console.log('Cleared saved SEO quote data cookie.'); } catch (error) { console.error('Error clearing saved SEO data:', error); } }, /** Add/Remove Loading Indicator */ addLoadingIndicator: function(parent = this.elements.calculator.querySelector('.uq-section-active')) { // Logic remains the same if (!parent) return; this.removeLoadingIndicator(parent); const loader = document.createElement('div'); loader.className = 'uq-loading'; loader.innerHTML = ''; if (window.getComputedStyle(parent).position === 'static') { parent.style.position = 'relative'; } parent.appendChild(loader); }, removeLoadingIndicator: function(parent = this.elements.calculator) { // Logic remains the same parent?.querySelector('.uq-loading')?.remove(); }, /** Animate number change smoothly */ animateNumber: function(element, start, end) { // Logic remains the same if (!element) return; start = Number(start) || 0; end = Number(end) || 0; if (start === end) { element.textContent = end.toLocaleString(); return; } try { const duration = 600; let startTime = null; const step = (currentTime) => { if (!startTime) startTime = currentTime; const progress = Math.min((currentTime - startTime) / duration, 1); const easedProgress = this.easeOutCubic(progress); const currentValue = Math.round(start + easedProgress * (end - start)); element.textContent = currentValue.toLocaleString(); if (progress < 1) requestAnimationFrame(step); else element.textContent = end.toLocaleString(); }; requestAnimationFrame(step); } catch (error) { console.error('Error animating number:', error); element.textContent = end.toLocaleString(); } }, /** Easing function */ easeOutCubic: (t) => (--t) * t * t + 1, /** Debounce function */ debounce: function(func, wait) { // Logic remains the same let timeout; return (...args) => { clearTimeout(timeout); timeout = setTimeout(() => func.apply(this, args), wait); }; } }; // End QuoteCalculator Object // Initialize QuoteCalculator.init(); })(); // End IIFE }); // End DOMContentLoaded