${pdfContent} `); printWindow.document.close(); } resetCalculator() { // Reset all inputs to default values document.getElementById('age').value = '25'; document.getElementById('gender').value = 'male'; document.getElementById('weight-kg').value = '70'; document.getElementById('height-cm').value = '170'; document.getElementById('weight-lbs').value = '154'; document.getElementById('height-ft').value = '5'; document.getElementById('height-in').value = '7'; // Reset activity level document.querySelectorAll('#activity-content .option-item').forEach(item => { item.classList.remove('active'); }); document.querySelector('#activity-content .option-item[data-value="1.2"]').classList.add('active'); // Reset goal document.querySelectorAll('#goal-content .option-item').forEach(item => { item.classList.remove('active'); }); document.querySelector('#goal-content .option-item[data-value="maintain"]').classList.add('active'); // Hide results document.getElementById('results').classList.remove('active'); document.getElementById('aiResults').classList.remove('active'); // Reset unit to metric this.switchUnit('metric'); this.showNotification('Calculator reset successfully!', 'success'); } showNotification(message, type = 'info') { // Create notification element const notification = document.createElement('div'); notification.className = `carb-notification carb-notification-${type}`; notification.innerHTML = ` ${type === 'success' ? '✅' : type === 'error' ? '❌' : 'ℹ️'} ${message} × `; // Add to calculator widget const widget = document.querySelector('.carb-calculator-widget'); widget.appendChild(notification); // Auto remove after 5 seconds setTimeout(() => { if (notification.parentElement) { notification.remove(); } }, 5000); } updateProgress() { const steps = document.querySelectorAll('.progress-step'); const lines = document.querySelectorAll('.progress-line'); let completedSteps = 0; // Step 1: Basic info filled const age = document.getElementById('age').value; const weight = this.currentUnit === 'metric' ? document.getElementById('weight-kg').value : document.getElementById('weight-lbs').value; const height = this.currentUnit === 'metric' ? document.getElementById('height-cm').value : (document.getElementById('height-ft').value && document.getElementById('height-in').value); if (age && weight && height) { completedSteps = Math.max(completedSteps, 1); } // Step 2: Activity level selected const activitySelected = document.querySelector('#activity-content .option-item.active'); if (activitySelected) { completedSteps = Math.max(completedSteps, 2); } // Step 3: Goal selected const goalSelected = document.querySelector('#goal-content .option-item.active'); if (goalSelected) { completedSteps = Math.max(completedSteps, 3); } // Step 4: Results calculated const resultsVisible = document.getElementById('results').classList.contains('active'); if (resultsVisible) { completedSteps = Math.max(completedSteps, 4); } // Update progress visualization steps.forEach((step, index) => { const stepNumber = index + 1; if (stepNumber <= completedSteps) { step.classList.add('completed'); step.classList.remove('active'); } else if (stepNumber === completedSteps + 1) { step.classList.add('active'); step.classList.remove('completed'); } else { step.classList.remove('active', 'completed'); } }); lines.forEach((line, index) => { if (index < completedSteps - 1) { line.classList.add('completed'); } else { line.classList.remove('completed'); } }); } // Meal Plan Customizer Functions showMealPlanCustomizer() { const modal = document.getElementById('mealPlanCustomizer'); modal.style.display = 'flex'; document.body.style.overflow = 'hidden'; } closeMealPlanCustomizer() { const modal = document.getElementById('mealPlanCustomizer'); modal.style.display = 'none'; document.body.style.overflow = 'auto'; } async generateCustomMealPlan() { const modal = document.getElementById('mealPlanCustomizer'); const resultsDiv = document.getElementById('aiResults'); try { // Get feature selection const features = Array.from(document.querySelectorAll('input[name="feature"]:checked')).map(cb => cb.value); if (features.length === 0) { this.showNotification('Please select at least one feature to generate.', 'warning'); return; } // Get customization options const dietTypes = Array.from(document.querySelectorAll('input[name="dietType"]:checked')).map(cb => cb.value); const focusAreas = Array.from(document.querySelectorAll('input[name="focusArea"]:checked')).map(cb => cb.value); const mealCount = document.getElementById('mealCount').value; const cookingTime = document.getElementById('cookingTime').value; const budgetLevel = document.getElementById('budgetLevel').value; const mealPrepStyle = document.getElementById('mealPrepStyle').value; const foodRestrictions = document.getElementById('foodRestrictions').value; const favoriteFoods = document.getElementById('favoritefoods').value; // Calculate carb target and user profile const weight = this.getWeight(); const goal = document.querySelector('#goal-content .option-item.active').dataset.value; const activity = parseFloat(document.querySelector('#activity-content .option-item.active').dataset.value); const carbNeeds = this.calculateCarbNeeds(weight, goal, activity); const customOptions = { features: features, carbTarget: carbNeeds.target, userProfile: { age: parseInt(document.getElementById('age').value || '0'), gender: document.getElementById('gender').value, weight: weight, height: this.getHeight(), activityLevel: activity, goal: goal }, dietTypes: dietTypes, focusAreas: focusAreas, mealCount: parseInt(mealCount), cookingTime: cookingTime, budgetLevel: budgetLevel, mealPrepStyle: mealPrepStyle, foodRestrictions: foodRestrictions, favoriteFoods: favoriteFoods }; // Close modal this.closeMealPlanCustomizer(); // Show loading this.showLoadingState(resultsDiv); console.log('Sending comprehensive request:', customOptions); const response = await fetch('https://carbohydrate-intake-calculator.fitliferegime.workers.dev/', { method: 'POST', headers: { 'Content-Type': 'application/json', 'Accept': 'application/json' }, body: JSON.stringify({ feature: 'comprehensiveCarbPlan', ...customOptions }) }); const data = await response.json(); console.log('Received comprehensive plan:', data); if (data.error) { throw new Error(data.error); } this.displayComprehensiveResults(data, resultsDiv); resultsDiv.classList.add('active'); const featuresText = features.includes('recommendations') && features.includes('mealplan') ? 'recommendations and meal plan' : features.includes('recommendations') ? 'recommendations' : 'meal plan'; this.showNotification(`AI ${featuresText} generated successfully!`, 'success'); } catch (error) { console.error('Error:', error); resultsDiv.innerHTML = ` `; resultsDiv.classList.add('active'); this.showNotification('Failed to generate AI content. Please try again.', 'error'); } } displayComprehensiveResults(data, container) { let content = ''; container.innerHTML = content; } generateMealPlanHTML(mealPlan) { const isCustomPlan = mealPlan.customization && mealPlan.customization.dietTypes; return ` `; } } // Initialize calculator const calculator = new CarbCalculator();