`; console.log('Page content updated'); } function updatePageIndicator() { console.log('Updating page indicator'); document.getElementById('pageIndicator').textContent = `Page ${currentDocument.currentPage} of ${currentDocument.totalPages}`; console.log('Page indicator updated'); } // Add hover effects to worksheet cards document.querySelectorAll('.worksheet-card').forEach(card => { card.addEventListener('mouseenter', () => { card.style.transform = 'translateY(-2px)'; card.style.boxShadow = '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)'; }); card.addEventListener('mouseleave', () => { card.style.transform = 'translateY(0)'; card.style.boxShadow = 'none'; }); }); // Handle download button clicks document.querySelectorAll('.worksheet-card a').forEach(downloadBtn => { downloadBtn.addEventListener('click', (e) => { e.stopPropagation(); // Prevent card link from triggering when clicking download }); }); // Template customization modal const modalHtml = ` `; document.body.insertAdjacentHTML('beforeend', modalHtml); // Template customization functions let currentTemplate = ''; function customizeTemplate(templateId) { currentTemplate = templateId; document.getElementById('customizeModal').classList.remove('hidden'); // Reset form document.getElementById('companyName').value = ''; document.getElementById('projectNumber').value = ''; document.getElementById('notes').value = ''; document.getElementById('customFields').innerHTML = ''; } function closeModal() { document.getElementById('customizeModal').classList.add('hidden'); } function addCustomField() { const customFields = document.getElementById('customFields'); const fieldDiv = document.createElement('div'); fieldDiv.className = 'flex items-center space-x-2'; fieldDiv.innerHTML = ` `; customFields.appendChild(fieldDiv); } function generateCustomTemplate() { const companyName = document.getElementById('companyName').value; const projectNumber = document.getElementById('projectNumber').value; const notes = document.getElementById('notes').value; // Generate customized template based on inputs const downloadBtn = document.querySelector(`[data-template="${currentTemplate}"]`); downloadBtn.href = `https://learn-surveying.com/generate-template?template=${currentTemplate}&company=${encodeURIComponent(companyName)}&project=${encodeURIComponent(projectNumber)}`; closeModal(); // Trigger download downloadBtn.click(); } // Update existing event listeners to prevent default action on customize buttons document.querySelectorAll('.worksheet-card button').forEach(btn => { btn.addEventListener('click', (e) => { e.preventDefault(); e.stopPropagation(); }); }); -->