`; // Create blob and download const blob = new Blob([pdfContent], { type: 'text/html; charset=utf-8' }); 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 '3680': return 'Long Recessed Panel'; case '3650': return 'Flush Panel'; case '490-491': return 'Raised Ranch Panel'; case '510-511': return 'Traditional Raised 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 document.getElementById('windows-option').addEventListener('click', function(e) { // Prevent triggering if clicking on the input field if (e.target.type !== 'number') { 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 number input document.getElementById('windows-count').addEventListener('click', function(e) { e.stopPropagation(); }); });