`; return html; }, /** * Generate user email HTML for Document 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 per i documenti è pronto!"; intro = `Grazie per aver utilizzato il nostro calcolatore di preventivi per i documenti! 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 documentale. È 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 preventivo formale" nella pagina di riepilogo. Il nostro team ti contatterà per fissare una consulenza o per chiederti i file di partenza da esaminare.`; ctaText = "Visualizza i dettagli del tuo progetto"; // Assuming the calculator lives on this page ctaLink = "https://umitech.it/preventivo/document"; // MODIFIED Link } else { // proposal (Formal Quote Request) title = "Richiesta di preventivo per documenti ricevuta"; intro = `Grazie per aver richiesto un preventivo formale per i documenti, ${cd.name || 'caro cliente'}! Le tue esigenze sono in fase di valutazione da parte del nostro team.`; mainContent = `Non vediamo l'ora di far brillare i tuoi documenti! Stiamo esaminando con attenzione i servizi selezionati e i dettagli del progetto per creare un preventivo completo e su misura per le tue esigenze. Ti risponderemo entro 1 giorno lavorativo. We'll either send the formal quote directly (if the scope is clear) or reach out via email to request your source file(s) or schedule a brief call if we have any clarifying questions. In questo modo il piano finale sarà perfettamente in linea con le tue esigenze.`; ctaText = "Contatta il Nostro Team"; ctaLink = "https://umitech.it/contattaci"; } // Handle Hourly/Retainer display in estimate price let estimatePriceDisplay = totalPrice; const supportPlan = this.state.selections['doc-support-plan']; let supportPlanText = '(in base ai servizi di progetto selezionati)'; if (supportPlan && typeof supportPlan === 'object') { if (supportPlan.value === 'support-hourly' && supportPlan.price > 0) { supportPlanText = `(+ €${supportPlan.price}/hr Ad-Hoc)`; } else if (supportPlan.value === 'support-retainer' && supportPlan.price > 0) { supportPlanText = `(+ €${supportPlan.price}/mo Retainer)`; } } 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 (document version) */ generateQuoteBreakdown: function() { try { if (!this.elements.breakdownItems) return; this.elements.breakdownItems.innerHTML = ''; const createBreakdownItem = (label, price, isSubItem = false, isBoldPrefix = false, forceShowZero = false) => { // Show items with price, the free kickoff call, or forced items if (typeof price !== 'number' && !forceShowZero) return; // Hide if price non number, unless forced if (price === 0 && label !== 'Chiamata di Avvio Progetto' && !forceShowZero) return; // Hide €0 unless kickoff or forced 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 di Avvio Progetto') { priceString = 'Incluso'; } else if (price === 0 && forceShowZero) { priceString = '€0'; } // Special display for Hourly/Retainer support plans const supportPlan = this.state.selections['doc-support-plan']; if (supportPlan && typeof supportPlan === 'object' && label.startsWith('Supporto continuativo:')) { if (supportPlan.value === 'support-hourly' && supportPlan.price > 0) { priceString = `€${supportPlan.price}/ora`; } else if (supportPlan.value === 'support-retainer' && supportPlan.price > 0) { priceString = `€${supportPlan.price}/mese`; } else if (supportPlan.value === 'support-none') { // Don't show the "Nessun piano" option in the breakdown return; } } 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 => { // Show priced items OR the free kickoff call if (item.price !== 0 || item.value === 'strategy-consultation') { let label = item.name; if (item.value === 'strategy-consultation') label = 'Chiamata di Avvio Progetto'; // 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') { // Only show if price is non-zero OR if showZero is true if (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 === 'design-level') { label = `Livello di design: ${sel.name}`; isBold = true; } if (key === 'doc-support-plan') { 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, showZero); } } }; // --- Add items in logical order based on Document flow --- createSingleItem('project-type', '', true); // Base Servizio (Always show) // Document Dettagli createSingleItem('document-length', 'Length/Complessità: '); createMultiItems('output-format', ''); // Sub-items for formats // Revisioni & Collaboration createSingleItem('revision-rounds', 'Revisioni: '); // Don't show Collaboration Method in breakdown as it's informational (€0) // Document Elementi ('pages' key) createMultiItems('pages', ''); // Includes free kickoff call // Livello di design e coerenza createSingleItem('design-level', '', false); // Show if price > 0 createMultiItems('template-creation-options', ''); // Sub-items for template/guide upsell // Servizi aggiuntivi ('additional-features' key) createMultiItems('additional-features', ''); // Supporto continuativo & Formazione createSingleItem('doc-support-plan', '', false); // Show if price != 0 (handled by priceString logic now) createMultiItems('doc-training-services', ''); // Sub-items for training // 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') { // Represents 'Richiedi preventivo formale' messageElement.innerHTML = "La tua richiesta di preventivo documenti è stata inviata correttamente!
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) - Less likely scenario for document workflow messageElement.innerHTML = "Il tuo preventivo documentale è 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 document 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.domainInputField) this.elements.domainInputField.value = ''; // Clear Istruzioni specifiche field this.hideValidationMessage(); if (this.elements.breakdownItems) this.elements.breakdownItems.innerHTML = ''; // Reset conditional elements/steps & visibility this.updateConditionalSections(); // Hide upsells this.updateStepIndicatorsVisibility(); // Likely no effect // Istruzioni specifiche input visibility handled by CSS // Ensure default kickoff 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('Document 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 document 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