`; return html; }, /** * Generate user email HTML for Copywriting 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; const calculatorPageLink = "https://umitech.it/preventivo/copywriting"; // MODIFIED: Link to the copywriting calculator page if (type === 'calculate') { title = "Il tuo preventivo di copywriting è pronto!"; intro = `Grazie per aver utilizzato il nostro calcolatore di preventivi per il copywriting! 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 copywriting. È un punto di partenza chiaro per una possibile collaborazione. Il prossimo passo è consultare il dettaglio completo sul nostro sito (link qui sotto). Se vuoi parlarne o procedere, ti basta cliccare sul pulsante "Richiedi preventivo formale" nella pagina di riepilogo. Il nostro team ti contatterà per fissare una consulenza o inviarti il preventivo formale.`; ctaText = "Visualizza i Dettagli del Tuo Preventivo"; ctaLink = calculatorPageLink; } else { // proposal (maps to Richiedi preventivo button) title = "Richiesta di Preventivo di Copywriting Ricevuta"; intro = `Grazie per aver richiesto un preventivo formale per il copywriting, ${cd.name || 'caro cliente'}! Le tue esigenze sono in fase di valutazione da parte del nostro team.`; mainContent = `Saremmo entusiasti di scrivere testi davvero efficaci per te! Stiamo esaminando con attenzione i servizi selezionati e i dettagli del progetto per creare un preventivo completo, su misura per le tue esigenze. Ti risponderemo entro 1 giorno lavorativo: ti invieremo direttamente il preventivo formale oppure ti scriveremo via email se avessimo bisogno di chiarimenti. Così il piano finale sarà perfettamente allineato agli obiettivi del tuo progetto.`; 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 (copywriting 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 !== 'Revisione del brief iniziale / chiamata' && !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 === 'Revisione del brief iniziale / chiamata') { 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)) { // Filter out the free call unless it's the only item let itemsToShow = sel; if (key === 'pages' && sel.length > 1) { itemsToShow = sel.filter(item => item.value !== 'strategy-consultation'); } itemsToShow.forEach(item => { if (item.price !== 0 || item.value === 'strategy-consultation') { // Show priced items OR the free strategy call if it remains let label = item.name; if (item.value === 'strategy-consultation') label = 'Revisione del brief iniziale / chiamata'; // 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 = `Complessità: ${sel.name}`; isBold = true; } // Maps to Complexity if (key === 'marketing-retainer') { label = `Piano di supporto: ${sel.name}`; isBold = true; } // Maps to Retainer if (key === 'timeline') { label = `Tempistiche: ${sel.name}`; isBold = true; } if (key === 'campaign-scale') { label = `Ambito/parole: ${sel.name}`; isBold = true; } // Maps to Word Count if (key === 'reporting-frequency') { label = `Revisioni: ${sel.name}`; isBold = true; } // Maps to Revisioni if (key === 'analytics-setup') { label = `Ricerca: ${sel.name}`; isBold = true; } // Maps to Research createBreakdownItem(label, sel.price, false, isBold); } }; // --- Add items in logical order based on Copywriting flow --- createSingleItem('project-type', '', true); // Base Servizio (Always show) // Copywriting Ambito (ecommerce-details section) createSingleItem('campaign-scale', '', false); // Show if priced createMultiItems('marketing-platforms', ''); // Audience/Tone (sub-items) // Research & Revisioni (hosting-domain section) createSingleItem('reporting-frequency', '', false); // Revisioni (Show if priced) createSingleItem('analytics-setup', '', false); // Research (Show if priced) // Specific Risultati finali (pages section) createMultiItems('pages', ''); // Includes free brief review if selected // Stile & Complexity (design-complexity section) createSingleItem('campaign-sophistication', '', false); // Complexity (Show if priced) createMultiItems('market-research-options', ''); // Servizi per la voce del brand (sub-items) // Servizi aggiuntivi (additional-features section) createMultiItems('additional-features', ''); // Supporto continuativo (maintenance section) createSingleItem('marketing-retainer', '', false); // Retainer (Show if priced) createMultiItems('marketing-training-services', ''); // Copy Formazione (sub-items) // Tempistiche (timeline section) createSingleItem('timeline', '', false); // Show if priced 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') { // 'proposal' action means 'Richiedi preventivo' was clicked messageElement.innerHTML = "La tua richiesta di preventivo di copywriting è stata inviata con successo!
La esamineremo e ti risponderemo via email a breve.
Controlla la tua casella di posta (e la cartella spam) per un'email di conferma."; } else { // Default (calculate) - should non happen if only Richiedi preventivo button exists messageElement.innerHTML = "Il tuo preventivo di copywriting è stato calcolato!
Controlla la tua casella di posta (e la cartella spam) per un'email di riepilogo.
Puoi richiedere un preventivo 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 Key Message field this.hideValidationMessage(); if (this.elements.breakdownItems) this.elements.breakdownItems.innerHTML = ''; // Reset conditional elements/steps & visibility this.updateConditionalSections(); // Hide upsells this.updateStepIndicatorsVisibility(); // Key Message input visibility handled by CSS // Ensure default brief review 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 copywriting 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