— unwrap it var modalImg = document.getElementById('gcModalImg'); if (modalImg && modalImg.parentElement.tagName === 'P') { var p = modalImg.parentElement; p.parentNode.insertBefore(modalImg, p); p.remove(); } } // Fix pin modal and email form overlay clicks var pinModal = document.getElementById('gcPinModal'); if (pinModal) pinModal.addEventListener('click', function(e) { if (e.target === pinModal) pinModal.classList.remove('open'); }); var emailForm = document.getElementById('gcEmailForm'); if (emailForm) emailForm.addEventListener('click', function(e) { if (e.target === emailForm) emailForm.classList.remove('open'); }); // ===== MOBILE FILTER COLLAPSE ===== (function() { var controls = document.querySelector('.controls'); if (!controls) return; // Create floating kebab menu button var filterBtn = document.createElement('button'); filterBtn.className = 'gc-fab'; filterBtn.innerHTML = ''; filterBtn.title = 'Filters'; // Create filter panel overlay var panel = document.createElement('div'); panel.className = 'gc-filter-panel'; panel.id = 'gcFilterPanel'; var inner = document.createElement('div'); inner.className = 'gc-filter-panel-inner'; inner.innerHTML = '

Filters

'; panel.appendChild(inner); // Append floating button and filter panel to body (so it's outside the catalog flow) var root = document.getElementById('gc-catalog-root'); document.body.appendChild(filterBtn); root.appendChild(panel); // Build filter panel sections function buildPanel() { // Clear previous content except header var header = inner.querySelector('.gc-fp-header'); inner.innerHTML = ''; inner.appendChild(header); // Category var sec1 = document.createElement('div'); sec1.className = 'gc-fp-section'; sec1.innerHTML = '

Graceland Gardens

Plant Order

'; gcCart.forEach(c => { h += ''; }); h += '

Plant	Size	Qty	Price
' + c.name + '	' + c.sizeStr + '	' + c.qty + '	' + gcFmt(c.retail * c.qty) + '

Total: ' + gcFmt(gcCart.reduce((s, c) => s + c.retail * c.qty, 0)) + '

'; var w = window.open('', '_blank'); w.document.write(h); w.document.close(); w.print(); } // ===== ADMIN ===== // Hide admin button from customers (function() { var btn = document.getElementById('gcAdminBtn'); if (btn) btn.style.display = 'none'; // Secret key sequence: type the PIN digits anywhere on the page var seq = ''; document.addEventListener('keydown', function(e) { if (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA' || e.target.tagName === 'SELECT') return; if (e.key >= '0' && e.key <= '9') { seq += e.key; if (seq.length > GC_PIN.length) seq = seq.slice(-GC_PIN.length); if (seq === GC_PIN) { seq = ''; gcShowPinModal(); } } else { seq = ''; } }); })(); function gcShowPinModal() { if (gcAdmin) { gcAdmin = false; document.getElementById('gc-catalog-root').classList.remove('admin-mode'); var btn = document.getElementById('gcAdminBtn'); btn.classList.remove('active'); btn.textContent = 'Admin'; btn.style.display = 'none'; document.getElementById('gcNurseryFilter').style.display = 'none'; gcRenderCards(); return; } // Skip PIN modal since the secret code was already typed - go straight to admin gcAdmin = true; document.getElementById('gc-catalog-root').classList.add('admin-mode'); var btn = document.getElementById('gcAdminBtn'); btn.classList.add('active'); btn.textContent = 'Admin ON'; btn.style.display = ''; btn.onclick = function() { gcShowPinModal(); }; document.getElementById('gcNurseryFilter').style.display = 'block'; gcRenderCards(); gcUpdateCartUI(); } function gcCheckPin() { if (document.getElementById('gcPinInput').value === GC_PIN) { gcAdmin = true; document.getElementById('gc-catalog-root').classList.add('admin-mode'); var btn = document.getElementById('gcAdminBtn'); btn.classList.add('active'); btn.textContent = 'Admin ON'; btn.style.display = ''; document.getElementById('gcPinModal').classList.remove('open'); document.getElementById('gcNurseryFilter').style.display = 'block'; gcRenderCards(); gcUpdateCartUI(); } else { document.getElementById('gcPinError').textContent = 'Wrong PIN'; } } // ===== GALLERY ===== function gcOpenModal(idx) { const imgs = IMAGE_MANIFEST[idx] || []; if (imgs.length === 0) return; gcModalPlant = idx; gcModalImg = 0; gcShowGalleryImg(0); const thumbs = document.getElementById('gcModalThumbs'); thumbs.innerHTML = ''; imgs.forEach((url, i) => { const t = document.createElement('img'); t.src = url; t.className = 'gallery-thumb' + (i === 0 ? ' active' : ''); t.onclick = () => gcShowGalleryImg(i); thumbs.appendChild(t); }); // Populate info panel const infoPanel = document.getElementById('gcModalInfo'); const plant = PLANTS[idx]; const facts = PLANT_FACTS[idx]; if (facts && infoPanel) { let html = '

' + (facts.c || plant.name) + '

'; html += ''; if (facts.d) html += ''; html += '

'; const items = [ ['Sunlight', facts.sun], ['Height', facts.h], ['Width', facts.s], ['Growth Rate', facts.gr], ['Bloom Color', facts.bc], ['Bloom Season', facts.bt], ['Fall Foliage', facts.fc], ['Soil Tolerance', facts.st], ['Soil Drainage', facts.sd], ['Water Needs', facts.wn], ['Maintenance', facts.ml], ['Characteristics', facts.ch] ]; items.forEach(function(item) { if (item[1] && item[1] !== 'N/A') { html += '

' + item[0] + '' + item[1] + '

'; } }); html += '

'; // Badges html += '

'; if (facts.dr) html += '\ud83e\udd8c Deer Resistant'; if (facts.pf) html += '\ud83c\udf3b Pollinator Friendly'; html += '\u2600\ufe0f ' + (facts.sun || plant.sun) + ''; if (facts.ml && facts.ml.toLowerCase().indexOf('low') >= 0) html += '\u2728 Low Maintenance'; if (facts.nt === 'N') html += '\ud83c\udf3f Michigan Native'; if (facts.nt === 'V') html += '\ud83c\udf31 Nativar'; html += '

'; // Cute pollinator icons var atList = facts.at || ''; if (!atList && facts.pf && facts.pl && facts.pl !== 'None') atList = facts.pl; if (atList) { var atLower = atList.toLowerCase(); var icons = ''; if (atLower.indexOf('bee') >= 0) icons += '\ud83d\udc1d'; if (atLower.indexOf('butterfl') >= 0) icons += '\ud83e\udd8b'; if (atLower.indexOf('hummingbird') >= 0) icons += '\ud83d\udc26'; if (atLower.indexOf('bird') >= 0 && atLower.indexOf('hummingbird') < 0) icons += '\ud83d\udc26'; if (icons) html += '

Attracts: ' + icons + '

'; } infoPanel.innerHTML = html; } else if (infoPanel) { infoPanel.innerHTML = '

' + plant.name + '

'; } document.getElementById('gcModal').classList.add('open'); } function gcShowGalleryImg(idx) { const imgs = IMAGE_MANIFEST[gcModalPlant] || []; if (idx < 0) idx = imgs.length - 1; if (idx >= imgs.length) idx = 0; gcModalImg = idx; document.getElementById('gcModalImg').src = imgs[idx]; document.getElementById('gcModalCounter').textContent = (idx + 1) + ' / ' + imgs.length + ' \u2014 ' + PLANTS[gcModalPlant].name; document.querySelectorAll('#gcModalThumbs .gallery-thumb').forEach((t, i) => { t.classList.toggle('active', i === idx); }); } function gcGalleryNav(dir) { gcShowGalleryImg(gcModalImg + dir); } function gcCloseModal() { document.getElementById('gcModal').classList.remove('open'); var info = document.getElementById('gcModalInfo'); if (info) info.innerHTML = ''; } // Close modals on overlay click document.addEventListener('click', e => { if (e.target.id === 'gcPinModal') document.getElementById('gcPinModal').classList.remove('open'); if (e.target.id === 'gcEmailForm') document.getElementById('gcEmailForm').classList.remove('open'); });