`); printWindow.document.close(); printWindow.focus(); setTimeout(() => printWindow.print(), 100); // Track print event this.trackEvent('print', 'schedule'); }// Generate print content generatePrintContent() { const scheduleHtml = this.schedule.map(item => ` `).join('');return `

Vaccination Schedule for ${this.catProfile.name}

Vaccination Timeline

${scheduleHtml}

This schedule is for informational purposes only. Please consult with your veterinarian for personalized medical advice.

`; }// Set reminders (simulated) setReminders() { const reminderCount = this.schedule.length; // In a real application, this would integrate with calendar APIs alert(`Reminder system activated! You have ${reminderCount} vaccination reminders set for ${this.catProfile.name}.\n\nIn a real implementation, this would integrate with your Google Calendar, Apple Calendar, or send email reminders.`); // Track reminder event this.trackEvent('set_reminders', reminderCount); }// Reset form resetForm() { if (confirm('Are you sure you want to reset the form? All saved data will be cleared.')) { document.getElementById('vaccineForm').reset(); localStorage.removeItem('catVaccinationSchedule'); localStorage.removeItem('catProfileDraft'); document.getElementById('resultsContainer').classList.remove('show'); // Reset avatar document.getElementById('catAvatar').textContent = '🐱'; document.getElementById('catNameResult').textContent = 'Your Cat\'s Vaccination Plan'; document.getElementById('catDetails').textContent = 'Loading...'; } }// Save profile to localStorage (auto-save) saveProfileToLocal() { const formData = new FormData(document.getElementById('vaccineForm')); const profile = Object.fromEntries(formData.entries()); // Handle multi-select items profile.healthConditions = formData.getAll('healthConditions'); profile.boarding = formData.has('boarding'); profile.grooming = formData.has('grooming'); localStorage.setItem('catProfileDraft', JSON.stringify(profile)); }// Load saved profile on page load loadSavedProfile() { const saved = localStorage.getItem('catProfileDraft'); if (saved) { const profile = JSON.parse(saved); // Populate form fields Object.keys(profile).forEach(key => { const field = document.querySelector(`[name="${key}"]`); if (field) { if (field.type === 'checkbox') { field.checked = profile[key]; } else if (field.type === 'radio') { const radio = document.querySelector(`[name="${key}"][value="${profile[key]}"]`); if (radio) radio.checked = true; } else { field.value = profile[key]; } } }); this.updateProfilePreview(); } }// Update profile preview in real-time updateProfilePreview() { const name = document.getElementById('catName').value; const age = document.getElementById('catAge').value; const breed = document.getElementById('catBreed').value; if (name && age && breed) { document.getElementById('catNameResult').textContent = `${name}'s Vaccination Plan`; document.getElementById('catDetails').textContent = `${age} months • ${breed.replace('-', ' ')}`; const firstLetter = name.charAt(0).toUpperCase(); document.getElementById('catAvatar').textContent = firstLetter || '🐱'; } }// Update schema.org markup with actual data updateSchema() { const schemaScript = document.querySelector('script[type="application/ld+json"]'); if (!schemaScript) return;try { const schema = JSON.parse(schemaScript.textContent); // Update FAQ schema const faqs = this.generateFAQs(); schema.faq = { "@type": "FAQPage", "mainEntity": faqs.map(faq => ({ "@type": "Question", "name": faq.question, "acceptedAnswer": { "@type": "Answer", "text": faq.answer } })) };// Update medical procedure schema.mainEntity = { "@type": "MedicalProcedure", "name": "Cat Vaccination Schedule", "subjectOf": { "@type": "MedicalEntity", "name": this.catProfile.name, "additionalProperty": [ { "@type": "PropertyValue", "name": "Age", "value": `${this.catProfile.age} months` }, { "@type": "PropertyValue", "name": "Breed", "value": this.catProfile.breed } ] } };schemaScript.textContent = JSON.stringify(schema, null, 2); } catch (e) { console.warn('Schema update failed:', e); } }// Generate dynamic FAQs based on profile generateFAQs() { const baseFAQs = [ { question: `How often does ${this.catProfile.name} need vaccinations?`, answer: `Based on ${this.catProfile.name}'s age (${this.catProfile.age} months) and lifestyle (${this.catProfile.environment}), vaccinations are typically needed every ${this.catProfile.age < 12 ? '3-4 weeks until 16 weeks old' : '1-3 years for boosters'}.` }, { question: `What vaccines are most important for ${this.catProfile.name}?`, answer: `The FVRCP and Rabies vaccines are essential for ${this.catProfile.name}. ${this.catProfile.environment === 'outdoor' ? 'FeLV is also strongly recommended for outdoor cats.' : 'Additional vaccines may be recommended based on lifestyle.'}` }, { question: `How much will ${this.catProfile.name}'s vaccinations cost?`, answer: `The estimated total cost for ${this.catProfile.name}'s vaccination schedule is $${this.costs.total.toFixed(2)}. Individual vaccines range from $25-$55 depending on type and location.` } ];return baseFAQs; }// Analytics tracking trackEvent(action, label) { // In production, this would integrate with Google Analytics or similar if (typeof gtag !== 'undefined') { gtag('event', action, { event_category: 'Calculator', event_label: label }); } console.log(`Event: ${action} - ${label}`); } }// ======================================== // INITIALIZE CALCULATOR ON PAGE LOAD // ========================================let calculator;document.addEventListener('DOMContentLoaded', () => { // Initialize the calculator calculator = new CatVaccinationCalculator(); // Add smooth scrolling for better UX document.documentElement.style.scrollBehavior = 'smooth'; // Track page load calculator.trackEvent('page_load', 'cat_vaccination_calculator'); });// ======================================== // PREMIUM FEATURES & ENHANCEMENTS // ========================================// Add Intersection Observer for animations const observerOptions = { threshold: 0.1, rootMargin: '0px 0px -50px 0px' };const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('animate-in'); } }); }, observerOptions);// Observe all timeline items for scroll animations document.addEventListener('DOMContentLoaded', () => { const timelineItems = document.querySelectorAll('.timeline-item'); timelineItems.forEach(item => observer.observe(item)); });// Add keyboard shortcuts document.addEventListener('keydown', (e) => { if (e.ctrlKey || e.metaKey) { switch(e.key) { case 'Enter': e.preventDefault(); document.getElementById('calculateBtn').click(); break; case 'r': e.preventDefault(); document.getElementById('resetBtn').click(); break; case 's': e.preventDefault(); document.getElementById('saveScheduleBtn').click(); break; case 'p': e.preventDefault(); document.getElementById('printBtn').click(); break; } } });// Add service worker for offline capability (if needed) if ('serviceWorker' in navigator) { navigator.serviceWorker.register('data:text/javascript,' + encodeURIComponent(` self.addEventListener('install', e => e.waitUntil(self.skipWaiting())); self.addEventListener('activate', e => e.waitUntil(self.clients.claim())); `)).catch(() => { // Silent fail for offline mode }); }