`; return html; }, /** * Generate user email HTML for Marketing 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 di marketing è pronto!"; intro = `Grazie per aver utilizzato il nostro calcolatore di preventivi per il marketing! Abbiamo elaborato le tue selezioni per fornirti un preventivo personalizzato.`; mainContent = `In base ai servizi e all'ambito che hai selezionato, abbiamo generato un preventivo per il tuo progetto di marketing. È un punto di partenza chiaro per una possibile collaborazione. Il prossimo passo è consultare il dettaglio completo sul nostro sito. Se vuoi parlarne o procedere, ti basta cliccare sul pulsante "Richiedi una Proposta Formale" nella pagina di riepilogo. Il nostro team ti contatterà per fissare una consulenza.`; ctaText = "Visualizza i dettagli del tuo progetto"; ctaLink = "https://umitech.it/preventivo/marketing"; // Link to the page containing the calculator } else { // proposal title = "Richiesta di proposta di marketing ricevuta"; intro = `Grazie per aver richiesto una proposta formale per il marketing, ${cd.name || 'caro cliente'}! Le tue esigenze sono in fase di valutazione da parte del nostro team strategico.`; mainContent = `Saremmo entusiasti di aiutarti a raggiungere i tuoi obiettivi di marketing! Stiamo esaminando con attenzione i servizi selezionati e i dettagli del progetto per creare una proposta completa, su misura per le tue esigenze. Il nostro team ti risponderà entro 1 giorno lavorativo: ti invieremo direttamente la proposta formale oppure ti contatteremo per fissare una breve chiamata, se avessimo bisogno di chiarimenti. Così il piano finale sarà perfettamente allineato ai tuoi obiettivi.`; ctaText = "Contatta il Nostro Team"; ctaLink = "https://umitech.it/contattaci"; } const html = ` `; return html; }, /** * Populate Invoice Header and Generate Breakdown Items */ populateInvoiceDetails: function() { 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(); } catch (error) { console.error('Error populating invoice details:', error); } }, /** * Generate breakdown items for the quote summary page (marketing version) */ generateQuoteBreakdown: function() { try { if (!this.elements.breakdownItems) return; this.elements.breakdownItems.innerHTML = ''; const createBreakdownItem = (label, price, isSubItem = false, isBoldPrefix = false) => { // Show items with price, the free strategy call, or the base service type if ((typeof price !== 'number' || price === 0) && label !== 'Chiamata strategica 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 === 'Chiamata strategica iniziale') { priceString = 'Incluso'; } else if (price === 0 && (isBoldPrefix || key === 'project-type')) { // Show €0 for base if price is 0 priceString = '€0'; } 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 === 'strategy-consultation') { // Show priced items OR the free strategy call let label = item.name; if (item.value === 'strategy-consultation') label = 'Chiamata strategica 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)) { let label = `${labelPrefix}${sel.name}`; let isBold = false; // Add bold prefixes for key single selections if (key === 'project-type') { label = `Servizio base: ${sel.name}`; isBold = true; } if (key === 'campaign-sophistication') { label = `Livello della campagna: ${sel.name}`; isBold = true; } if (key === 'marketing-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); } }; // --- Add items in logical order based on Marketing flow --- createSingleItem('project-type', '', true); // Base Servizio (Always show) // Campaign Ambito createSingleItem('campaign-scale', 'Scale: '); createMultiItems('marketing-platforms', ''); // Sub-items // Reportistica & Analytics createSingleItem('reporting-frequency', 'Reportistica: '); createSingleItem('analytics-setup', 'Analytics: '); // Marketing Attività ('pages' key) createMultiItems('pages', ''); // Includes free strategy call // Campaign Livello & Research createSingleItem('campaign-sophistication', '', false); // Show if price > 0 createMultiItems('market-research-options', ''); // Sub-items // Servizi aggiuntivi ('additional-features' key) createMultiItems('additional-features', ''); // Supporto continuativo & Formazione createSingleItem('marketing-retainer', '', false); // Show if price > 0 createMultiItems('marketing-training-services', ''); // Sub-items // 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 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) { if (action === 'proposal') { messageElement.innerHTML = "La tua richiesta di proposta marketing è stata inviata con successo!
La esamineremo e ti ricontatteremo 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 di marketing è 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 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 calculator...'); if (!skipCookieClear) { this.clearSavedData(); } // 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.kpiInputField) this.elements.kpiInputField.value = ''; // Clear KPI field this.hideValidationMessage(); if (this.elements.breakdownItems) this.elements.breakdownItems.innerHTML = ''; // Reset conditional elements/steps & visibility this.updateConditionalSections(); // Hide upsells this.updateStepIndicatorsVisibility(); // KPI input visibility handled by CSS // Ensure default strategy call 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('Calculator reset complete.'); } catch (error) { console.error('Error resetting 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`; console.log('Cleared saved quote data cookie.'); } catch (error) { console.error('Error clearing saved data:', error); } }, /** Apply mobile-specific class and layout adjustments */ applyMobileOptimizations: function() { // CSS now handles responsive display }, /** Add/Remove Loading Indicator */ addLoadingIndicator: function(parent = this.elements.calculator.querySelector('.uq-section-active')) { 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) { parent?.querySelector('.uq-loading')?.remove(); }, /** Animate number change smoothly */ animateNumber: function(element, start, end) { 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) { let timeout; return (...args) => { clearTimeout(timeout); timeout = setTimeout(() => func.apply(this, args), wait); }; } }; // End QuoteCalculator Object // Initialize QuoteCalculator.init(); })(); // End IIFE }); // End DOMContentLoaded