`; const blob = new Blob([htmlContent], { type: 'text/html' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = `Garage_Door_Quote_${quoteData.reference}.html`; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url); } function getStyleName(style) { switch(style) { case '3650': return 'Modern Flush'; case '3680': return 'Long Recessed Panel'; case '510-511': return 'Traditional Short Panel'; case '490-491': return 'Raised Long Panel'; default: return 'Not specified'; } } // Event listeners document.addEventListener('DOMContentLoaded', function() { // Add click handlers to all option cards document.querySelectorAll('.option-card[data-option], .color-option[data-option]').forEach(card => { card.addEventListener('click', function() { if (this.classList.contains('disabled')) return; const optionType = this.getAttribute('data-option'); const optionValue = this.getAttribute('data-value'); selectOption(optionType, optionValue); }); }); // Add click handler for checkbox option with improved deselection document.getElementById('windows-option').addEventListener('click', function(e) { // Prevent triggering if clicking on the select dropdown if (e.target.tagName !== 'SELECT' && e.target.tagName !== 'OPTION') { e.preventDefault(); toggleCheckbox('windows'); } }); // Handle window count changes document.getElementById('windows-count').addEventListener('change', function() { config.windows_count = parseInt(this.value) || 2; updateConfiguration(); }); // Prevent checkbox option from toggling when clicking on select dropdown document.getElementById('windows-count').addEventListener('click', function(e) { e.stopPropagation(); }); // Add specific checkbox handling to fix deselection issue document.getElementById('windows').addEventListener('click', function(e) { e.stopPropagation(); // Let the default checkbox behavior happen, then update our state setTimeout(() => { const container = this.closest('.checkbox-option'); const countContainer = document.getElementById('windows-count-container'); if (this.checked) { container.classList.add('selected'); if (countContainer) countContainer.classList.add('show'); config.add_windows = true; config.windows_count = parseInt(document.getElementById('windows-count').value) || 2; } else { container.classList.remove('selected'); if (countContainer) countContainer.classList.remove('show'); config.add_windows = false; } updateConfiguration(); }, 0); }); // Initialize window options on page load updateWindowOptions(); });