`; return html; }, /** * Generate user email HTML for Training services */ generateUserEmailHtml: function(type = 'calculate') { // Types: 'calculate', 'syllabus' const cd = this.state.selections.contactDetails || {}; const courseSelection = this.state.selections['project-type'] || {}; const courseName = courseSelection.name || 'La tua formazione selezionata'; 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 la formazione è pronto!"; intro = `Grazie per aver utilizzato il nostro calcolatore di preventivi per la formazione! Abbiamo generato un preventivo personalizzato in base alle tue selezioni per il corso ${courseName} .`; mainContent = `Questo preventivo offre un punto di partenza chiaro in base al formato di formazione, ai moduli e alle opzioni di supporto che hai scelto. Il prossimo passo è consultare il dettaglio completo sul nostro sito. Se sei pronto a procedere o hai delle domande, clicca sul pulsante "Richiedi programma e preventivo formale" nella pagina di riepilogo. Il nostro coordinatore della formazione ti contatterà per confermare i dettagli e fornirti le informazioni per l'iscrizione.`; ctaText = "Visualizza il tuo preventivo"; ctaLink = "https://umitech.it/preventivo/training"; // Link to the page containing the calculator } else { // syllabus request title = "Richiesta di programma e preventivo ricevuta"; intro = `Grazie per aver richiesto il programma e un preventivo formale per il ${courseName} programma, ${cd.name || 'caro cliente'}! Le tue preferenze di formazione sono in fase di valutazione da parte del nostro team.`; mainContent = `Non vediamo l'ora di aiutarti a raggiungere i tuoi obiettivi di apprendimento! Stiamo esaminando con attenzione le opzioni di corso, il formato e le esigenze di supporto che hai selezionato, per preparare un programma dettagliato e il preventivo finale. Il nostro coordinatore della formazione ti contatterà via email entro 1-2 giorni lavorativi. Ti invieremo i documenti formali oppure ti contatteremo se avremo bisogno di chiarimenti per assicurarci che il programma rispecchi perfettamente i tuoi obiettivi.`; ctaText = "Contatta il nostro team formazione"; 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; } // Populate Learning Goal (if available) - might need a dedicated spot or add to 'To' section console.log("Learning Goal:", cd.learningGoal); // Check if it exists // Generate Breakdown Items this.generateQuoteBreakdown(); } catch (error) { console.error('Error populating invoice details:', error); } }, /** * Generate breakdown items for the training quote summary page */ 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 assessment, or the base course type const baseCourseKey = 'project-type'; const freeAssessmentValue = 'needs-assessment'; if ((typeof price !== 'number' || price === 0) && label !== 'Valutazione iniziale dei bisogni' && !isBoldPrefix && key !== baseCourseKey) 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 === 'Valutazione iniziale delle esigenze') { priceString = 'Incluso'; } else if (price === 0 && (isBoldPrefix || key === baseCourseKey)) { // 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 === 'needs-assessment') { // Show priced items OR the free assessment let label = item.name; if (item.value === 'needs-assessment') label = 'Valutazione iniziale dei bisogni'; // 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 base course even if 0 let label = `${labelPrefix}${sel.name}`; let isBold = false; // Add bold prefixes for key single selections if (key === 'project-type') { label = `Corso base: ${sel.name}`; isBold = true; } if (key === 'training-depth') { label = `Approfondimento: ${sel.name}`; isBold = true; } if (key === 'post-training-support') { label = `Post-formazione: ${sel.name}`; isBold = true; } if (key === 'timeline') { label = `Tempistiche: ${sel.name}`; isBold = true; } // Add others as needed... createBreakdownItem(label, sel.price, false, isBold); } }; let key = ''; // Declare key outside loops for use in createBreakdownItem logic // --- Add items in logical order based on Training flow --- key = 'project-type'; createSingleItem(key, '', true); // Base Course (Always show) // Format & Intensity key = 'training-intensity'; createSingleItem(key, 'Intensità: '); key = 'delivery-method'; createMultiItems(key, ''); // Sub-items // Supporto didattico & Resources key = 'support-level'; createSingleItem(key, 'Supporto: '); key = 'resource-pack'; createSingleItem(key, 'Risorse: '); // Modules & Core Add-ons ('pages' key) key = 'pages'; createMultiItems(key, ''); // Includes free assessment // Depth & Customization key = 'training-depth'; createSingleItem(key, '', false); // Show if price > 0 key = 'foundation-options'; createMultiItems(key, ''); // Sub-items // Supplementary Options ('additional-features' key) key = 'additional-features'; createMultiItems(key, ''); // Post-Training & Timeline key = 'post-training-support'; createSingleItem(key, '', false); // Show if price > 0 key = 'follow-up-options'; createMultiItems(key, ''); // Sub-items key = 'timeline'; createSingleItem(key, '', false); // Show if price != 0 // Add Learning Goal if present const learningGoal = this.state.selections.contactDetails?.learningGoal; if (learningGoal) { const item = document.createElement('div'); item.className = 'uq-invoice-item'; item.innerHTML = ``; this.elements.breakdownItems.appendChild(item); } 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 === 'syllabus') { messageElement.innerHTML = "La tua richiesta di programma e preventivo è stata inviata con successo!
Lo esamineremo e ti risponderemo via email a breve.
Controlla la tua casella di posta (anche nello spam) per la nostra conferma e i prossimi passi."; } else { // Default (calculate) - Shouldn't happen with current setup but keep fallback messageElement.innerHTML = "Il tuo preventivo per la formazione è stato calcolato!
Controlla la tua casella di posta (anche nello spam) per un'email 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 training 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 Elements 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.learningGoalInputField) this.elements.learningGoalInputField.value = ''; // Clear learning goal field this.hideValidationMessage(); if (this.elements.breakdownItems) this.elements.breakdownItems.innerHTML = ''; // Reset conditional elements/steps & visibility this.updateConditionalSections(); // Hide upsells this.updateStepIndicatorsVisibility(); // Reset step visibility (if any become conditional) // Learning Goal input visibility handled by CSS // Ensure default assessment 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('Training calculator reset complete.'); } catch (error) { console.error('Error resetting calculator:', error); alert("Errore nel ripristino del calcolatore. 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`; // Use training cookie name console.log('Cleared saved training 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