`; 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 || 'Your Selected Training'; const totalPrice = this.state.totalPrice.toLocaleString(); const currentYear = new Date().getFullYear();let title, intro, mainContent, ctaText, ctaLink;if (type === 'calculate') { title = "Your Training Estimate is Ready!"; intro = `Thank you for using our training quote calculator! We've generated a personalized estimate based on your selections for the ${courseName} program.`; mainContent = `This estimate provides a clear starting point based on the training format, modules, and support options you chose.The next step is to review the detailed breakdown on our website. If you're ready to proceed or have questions, click the "Request Syllabus & Formal Quote" button on the summary page. Our training coordinator will then reach out to confirm details and provide enrollment information.`; ctaText = "View Your Estimate"; ctaLink = "https://umitech.com.au/training-quote"; // Link to the page containing the calculator } else { // syllabus request title = "Your Training Syllabus & Quote Request Received"; intro = `Thanks for requesting the syllabus and a formal quote for the ${courseName} program, ${cd.name || 'there'}! Your training preferences are being reviewed by our team.`; mainContent = `We're excited to help you achieve your learning goals! We are now carefully reviewing your selected course options, format, and support needs to prepare a detailed syllabus and final quote.Expect to hear from our training coordinator via email within 1-2 business days. We'll send the formal documents or reach out if we need any clarification to ensure the program perfectly matches your objectives.`; ctaText = "Contact Our Training Team"; ctaLink = "https://umitech.com.au/contact"; }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 !== 'Initial Needs Assessment' && !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 === 'Initial Needs Assessment') { priceString = 'Included'; } 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 = 'Initial Needs Assessment'; // 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 = `Base Course: ${sel.name}`; isBold = true; } if (key === 'training-depth') { label = `Training Depth: ${sel.name}`; isBold = true; } if (key === 'post-training-support') { label = `Post-Training: ${sel.name}`; isBold = true; } if (key === 'timeline') { label = `Timeline: ${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, 'Intensity: '); key = 'delivery-method'; createMultiItems(key, ''); // Sub-items// Learning Support & Resources key = 'support-level'; createSingleItem(key, 'Support: '); key = 'resource-pack'; createSingleItem(key, 'Resources: ');// 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 = "Your training syllabus & quote request has been sent successfully!
We'll review it and get back to you via email shortly.
Please check your inbox (and spam folder) for our confirmation and next steps."; } else { // Default (calculate) - Shouldn't happen with current setup but keep fallback messageElement.innerHTML = "Your training estimate has been calculated!
Please check your inbox (and spam folder) for a summary email."; } } this.showSection('thank-you'); } catch (error) { console.error('Error showing thank you page:', error); alert("Submission successful! Thank you."); 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 fieldthis.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("Error resetting the calculator. Please refresh the page."); } },/** 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