<div class="tab-container">
<div class="tab active" data-tab="input">Health Data Input</div>
<div class="tab " data-tab="report">AI Health Report</div>
<div class="tab" data-tab="products">RCM Health Care</div>
<div class="tab" data-tab="share">Share Report</div>
</div>
<!-- Input Tab -->
<div class="tab-content active" id="input">
<div class="ai-powered">
<i class="fas fa-brain"></i> Google AI analyzes your body composition data in real-time
</div>
<form id="health-form">
<div class="form-group">
<label for="name">Full Name</label>
<input type="text" id="name" placeholder="Enter your full name" required>
</div>
<div class="form-group">
<label>Gender</label>
<div class="gender-options">
<div class="gender-option selected" data-gender="male">
<i class="fas fa-male"></i>
<div>Male</div>
</div>
<div class="gender-option" data-gender="female">
<i class="fas fa-female"></i>
<div>Female</div>
</div>
</div>
<input type="hidden" id="gender" value="male" required>
</div>
<div class="form-group">
<label for="age">Age (Years)</label>
<input type="number" id="age" min="1" max="120" placeholder="Enter your age" required>
</div>
<div class="form-group">
<label for="height">Height (cm)</label>
<input type="number" id="height" min="50" max="250" placeholder="Height in centimeters" required>
</div>
<div class="form-group">
<label for="weight">Weight (kg)</label>
<input type="number" id="weight" min="10" max="300" step="0.1" placeholder="Weight in kilograms" required>
</div>
<div class="form-group">
<label for="body-fat">Body Fat Percentage (%)</label>
<input type="number" id="body-fat" min="1" max="60" step="0.1" placeholder="Body fat percentage" required>
</div>
<div class="form-group">
<label for="water">Water Percentage (%)</label>
<input type="number" id="water" min="20" max="80" step="0.1" placeholder="Body water percentage" required>
</div>
<div class="form-group">
<label for="muscle-mass">Muscle Mass (kg)</label>
<input type="number" id="muscle-mass" min="10" max="150" step="0.1" placeholder="Muscle mass in kg" required>
</div>
<div class="form-group">
<label for="bone-mass">Bone Mass (kg)</label>
<input type="number" id="bone-mass" min="0.5" max="20" step="0.1" placeholder="Bone mass in kg" required>
</div>
<div class="form-group">
<label for="visceral-fat">Visceral Fat Level</label>
<input type="number" id="visceral-fat" min="1" max="30" placeholder="Visceral fat level (1-30)" required>
</div>
<div class="form-group">
<label for="bmr">BMR (Basal Metabolic Rate)</label>
<input type="number" id="bmr" min="500" max="5000" placeholder="Calories per day" required>
</div>
<div class="form-group">
<label for="metabolic-age">Metabolic Age</label>
<input type="number" id="metabolic-age" min="10" max="120" placeholder="Metabolic age in years" required>
</div>
<div class="form-group">
<label for="smr">Skeletal Muscle Ratio (%)</label>
<input type="number" id="smr" min="10" max="60" step="0.1" placeholder="Skeletal muscle ratio" required>
</div>
<button type="submit" class="btn">
<i class="fas fa-magic"></i> Generate AI Health Report
</button>
</form>
</div>
<!-- Report Tab -->
<div class="tab-content" id="report">
<div class="ai-powered">
<i class="fas fa-chart-line"></i> Google AI Real Report Assistance - Comprehensive Analysis
</div>
<div class="report-section">
<h3>Personal Information</h3>
<div class="metric">
<span>Name:</span>
<span class="metric-value" id="report-name">-</span>
</div>
<div class="metric">
<span>Gender:</span>
<span class="metric-value" id="report-gender">-</span>
</div>
<div class="metric">
<span>Age:</span>
<span class="metric-value" id="report-age">-</span>
</div>
</div>
<div class="report-section">
<h3>AI Body Scanner Analysis</h3>
<div class="chart-container" id="chart-container">
<!-- Charts will be generated here -->
</div>
</div>
<button class="btn btn-share" id="share-report-btn">
<i class="fas fa-share-alt"></i> SHARE AI REPORT
</button>
</div>
<!-- Products Tab -->
<div class="tab-content" id="products">
<div class="ai-powered">
<i class="fas fa-capsules"></i> Nutricharge Health Care Products - AI Selected Recommendations
</div>
<div class="report-section">
<h3>Nutricharge Personalized Recommendations</h3>
<p id="products-subtitle">AI-powered supplement selection from Nutricharge Health Care Products:</p>
</div>
<div class="product-list" id="product-recommendations">
<!-- Product cards will be generated here -->
</div>
<button class="btn btn-madison" id="order-btn">
<i class="fas fa-shopping-cart"></i> Order Nutricharge Products
</button>
<button class="btn btn-share" id="share-products-btn">
<i class="fas fa-share-alt"></i> Share Recommendations
</button>
</div>
<!-- Share Tab -->
<div class="tab-content" id="share">
<div class="ai-powered">
<i class="fas fa-share-square"></i> Share Your Health Report
</div>
<div class="report-section">
<h3>Share Complete Report</h3>
<p>Share your complete health analysis and product recommendations:</p>
<div class="share-options">
<div class="share-btn whatsapp" data-share="whatsapp">
<i class="fab fa-whatsapp"></i>
<span>WhatsApp</span>
</div>
<div class="share-btn facebook" data-share="facebook">
<i class="fab fa-facebook"></i>
<span>Facebook</span>
</div>
<div class="share-btn telegram" data-share="telegram">
<i class="fab fa-telegram"></i>
<span>Telegram</span>
</div>
<div class="share-btn email" data-share="email">
<i class="fas fa-envelope"></i>
<span>Email</span>
</div>
<div class="share-btn print" data-share="print">
<i class="fas fa-print"></i>
<span>Print</span>
</div>
<div class="share-btn download" data-share="download">
<i class="fas fa-download"></i>
<span>Download</span>
</div>
</div>
</div>
<div class="report-section">
<h3>Advanced Sharing Options</h3>
<div class="format-options">
<button class="format-btn " data-format="summary">Summary Report</button>
<button class="format-btn active" data-format="detailed">Detailed Report</button>
<button class="format-btn" data-format="products">Product Recommendations</button>
<button class="format-btn" data-format="all">Complete Package</button>
</div>
<div class="report-format">
<h4>Generate Shareable Link</h4>
<div class="form-group">
<input type="text" id="share-link" readonly placeholder="Your shareable link will appear here">
</div>
<button class="btn" id="generate-link-btn">
<i class="fas fa-link"></i> Generate Share Link
</button>
</div>
<div class="report-format">
<h4>Export Report</h4>
<p>Export your health report in different formats:</p>
<div class="share-options">
<div class="share-btn" data-export="pdf">
<i class="fas fa-file-pdf"></i>
<span>PDF</span>
</div>
<div class="share-btn" data-export="image">
<i class="fas fa-image"></i>
<span>Image</span>
</div>
<div class="share-btn" data-export="excel">
<i class="fas fa-file-excel"></i>
<span>Excel</span>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<p>Powered by Google AI • Real Report Assistance • rcm<strong> <a href="https://www.rcmworld.com/" > OPEN RCM APP </a> </strong></p>
<p>© 2026 RCM Health Solutions. All rights reserved. Consult healthcare professional.</p>
</div>
</div>
<!-- Share Modal -->
<div class="modal" id="share-modal">
<div class="modal-content">
<div class="modal-header">
<h3>Share Report</h3>
<button class="close-modal" id="close-modal">×</button>
</div>
<div id="modal-content">
<!-- Dynamic content will be loaded here -->
</div>
</div>
</div>
<script>
// Database Structure (Using your SQL data)
const database = {
products: [
{ product_id: 1, product_name: 'Nutricharge BJ' },
{ product_id: 2, product_name: 'Nutricharge Man' },
{ product_id: 3, product_name: 'Nutricharge Woman' },
{ product_id: 4, product_name: 'Health Guard (Gamma Oryzanol)' },
{ product_id: 5, product_name: 'Nutricharge S5' },
{ product_id: 6, product_name: 'Nutricharge BioAge' },
{ product_id: 7, product_name: 'Nutricharge Veg Omega' },
{ product_id: 8, product_name: 'Nutricharge DHA 200' },
{ product_id: 9, product_name: 'Nutricharge Glycem' },
{ product_id: 10, product_name: 'Nutricharge View' },
{ product_id: 11, product_name: 'Nutricharge ProDiet Shake Coffee Hazelnut' },
{ product_id: 12, product_name: 'Nutricharge Slim & Fit' },
{ product_id: 13, product_name: 'Nutricharge Kids Nutrition' },
{ product_id: 14, product_name: 'Nutricharge All Pro Plant Protein' },
{ product_id: 15, product_name: 'Nutricharge Kesar Pista ProDiet' },
{ product_id: 16, product_name: 'Nutricharge Cocoa ProDiet' },
{ product_id: 17, product_name: 'Nutricharge Strawberry ProDiet' },
{ product_id: 18, product_name: 'Nutricharge Gainer' },
{ product_id: 19, product_name: 'Giloy Tulsi Navras Trikara' },
{ product_id: 20, product_name: 'Nutricharge Immunity Plus' }
],
health_categories: [
{ category_id: 1, category_name: 'Immunity' },
{ category_id: 2, category_name: 'Iron Supplement for Women' },
{ category_id: 3, category_name: 'Brain Health' },
{ category_id: 4, category_name: 'Eye Health' },
{ category_id: 5, category_name: 'Skin & Beauty' },
{ category_id: 6, category_name: 'Heart Health' },
{ category_id: 7, category_name: 'High Blood Sugar' },
{ category_id: 8, category_name: 'Liver & Gut Health' },
{ category_id: 9, category_name: 'Bone & Joint Health' },
{ category_id: 10, category_name: 'Weight Management' },
{ category_id: 11, category_name: 'Weight Gain' },
{ category_id: 12, category_name: 'Digestion & Detoxification' },
{ category_id: 13, category_name: 'Men Health' },
{ category_id: 14, category_name: 'Kids Nutrition' }
],
product_category_map: [
{ map_id: 1, product_id: 5, category_id: 1 },
{ map_id: 2, product_id: 20, category_id: 1 },
{ map_id: 3, product_id: 19, category_id: 1 },
{ map_id: 4, product_id: 3, category_id: 2 },
{ map_id: 5, product_id: 8, category_id: 3 },
{ map_id: 6, product_id: 14, category_id: 3 },
{ map_id: 7, product_id: 10, category_id: 4 },
{ map_id: 8, product_id: 5, category_id: 5 },
{ map_id: 9, product_id: 7, category_id: 5 },
{ map_id: 10, product_id: 7, category_id: 6 },
{ map_id: 11, product_id: 4, category_id: 6 },
{ map_id: 12, product_id: 9, category_id: 7 },
{ map_id: 13, product_id: 6, category_id: 8 },
{ map_id: 14, product_id: 1, category_id: 9 },
{ map_id: 15, product_id: 12, category_id: 10 },
{ map_id: 16, product_id: 11, category_id: 10 },
{ map_id: 17, product_id: 15, category_id: 10 },
{ map_id: 18, product_id: 16, category_id: 10 },
{ map_id: 19, product_id: 17, category_id: 10 },
{ map_id: 20, product_id: 18, category_id: 11 },
{ map_id: 21, product_id: 6, category_id: 12 },
{ map_id: 22, product_id: 2, category_id: 13 },
{ map_id: 23, product_id: 13, category_id: 14 }
]
};
// Extended product information
const productDetails = {
1: { description: "Premium bone & joint support formula", priority: 'high' },
2: { description: "Advanced men's health & vitality formula", priority: 'medium', gender: "male" },
3: { description: "Premium women's health formula", priority: 'medium', gender: "female" },
4: { description: "Premium antioxidant & stress defense - GAMMA ORYZANOL", priority: 'high' },
5: { description: "Elite stress relief & hydration support", priority: 'medium' },
6: { description: "AI-recommended metabolic optimizer", priority: 'high' },
7: { description: "Plant-based heart health essential", priority: 'medium' },
8: { description: "High-potency brain & cognitive support", priority: 'medium' },
9: { description: "Blood sugar management & glycemic control", priority: 'critical' },
10: { description: "Advanced eye health & vision support", priority: 'medium' },
11: { description: "Premium weight management shake - Coffee Hazelnut flavor", priority: 'critical' },
12: { description: "Advanced fat burning & metabolism booster", priority: 'critical' },
13: { description: "Complete nutrition for children's growth", priority: 'medium' },
14: { description: "Elite plant protein for muscle growth & recovery", priority: 'high' },
15: { description: "Weight management shake - Kesar Pista flavor", priority: 'critical' },
16: { description: "Weight management shake - Cocoa flavor", priority: 'critical' },
17: { description: "Weight management shake - Strawberry flavor", priority: 'critical' },
18: { description: "Mass gainer for healthy weight gain", priority: 'high' },
19: { description: "Traditional immunity booster with 9 herbs", priority: 'medium' },
20: { description: "Advanced immunity support with vitamins & minerals", priority: 'medium' }
};
// DOM elements
const tabs = document.querySelectorAll('.tab');
const tabContents = document.querySelectorAll('.tab-content');
const genderOptions = document.querySelectorAll('.gender-option');
const healthForm = document.getElementById('health-form');
const genderInput = document.getElementById('gender');
const shareModal = document.getElementById('share-modal');
const closeModal = document.getElementById('close-modal');
let reportData = null;
let deficiencies = [];
let recommendedProducts = [];
// Tab switching
tabs.forEach(tab => {
tab.addEventListener('click', () => {
const tabId = tab.getAttribute('data-tab');
tabs.forEach(t => t.classList.remove('active'));
tab.classList.add('active');
tabContents.forEach(content => {
content.classList.remove('active');
if (content.id === tabId) {
content.classList.add('active');
}
});
});
});
// Gender selection
genderOptions.forEach(option => {
option.addEventListener('click', () => {
genderOptions.forEach(opt => opt.classList.remove('selected'));
option.classList.add('selected');
genderInput.value = option.getAttribute('data-gender');
});
});
// Form submission
healthForm.addEventListener('submit', function(e) {
e.preventDefault();
if (!genderInput.value) {
alert('Please select your gender');
return;
}
// Get form values
reportData = {
name: document.getElementById('name').value || 'User',
gender: genderInput.value,
age: parseInt(document.getElementById('age').value) || 30,
height: parseInt(document.getElementById('height').value) || 170,
weight: parseFloat(document.getElementById('weight').value) || 70,
bodyFat: parseFloat(document.getElementById('body-fat').value) || 22,
water: parseFloat(document.getElementById('water').value) || 60,
muscleMass: parseFloat(document.getElementById('muscle-mass').value) || 35,
boneMass: parseFloat(document.getElementById('bone-mass').value) || 3.2,
visceralFat: parseInt(document.getElementById('visceral-fat').value) || 5,
bmr: parseInt(document.getElementById('bmr').value) || 1800,
metabolicAge: parseInt(document.getElementById('metabolic-age').value) || 35,
smr: parseFloat(document.getElementById('smr').value) || 42
};
// Calculate BMI
const heightM = reportData.height / 100;
reportData.bmi = (reportData.weight / (heightM * heightM)).toFixed(1);
// Analyze deficiencies
analyzeDeficiencies();
// Update report tab
document.getElementById('report-name').textContent = reportData.name;
document.getElementById('report-gender').textContent = reportData.gender === 'male' ? 'Male' : 'Female';
document.getElementById('report-age').textContent = reportData.age + ' years';
// Update charts
generateCharts();
// Generate product recommendations
generateProductRecommendations();
// Switch to report tab
document.querySelector('[data-tab="report"]').click();
});
// Deficiency Analysis
function analyzeDeficiencies() {
deficiencies = [];
const idealWeightMin = (reportData.height - 100) - 3;
const idealWeightMax = (reportData.height - 100) + 3;
// Weight-related deficiencies
if (reportData.weight < idealWeightMin) deficiencies.push('weight-low');
if (reportData.weight > idealWeightMax) deficiencies.push('weight-high');
// BMI deficiencies
if (parseFloat(reportData.bmi) < 18.5) deficiencies.push('bmi-low');
if (parseFloat(reportData.bmi) > 25) {
deficiencies.push('bmi-high');
deficiencies.push('weight-loss');
}
// Body fat deficiencies
const idealFat = reportData.gender === 'male' ? 20 : 25;
if (reportData.bodyFat > idealFat) deficiencies.push('fat-high');
// Hydration deficiency
if (reportData.water < 55) deficiencies.push('water-low');
// Muscle mass deficiency
const idealMusclePercentage = reportData.gender === 'male' ? 0.45 : 0.36;
const currentMusclePercentage = reportData.muscleMass / reportData.weight;
if (currentMusclePercentage < idealMusclePercentage) {
deficiencies.push('muscle-low');
}
// Bone mass deficiency
if (reportData.boneMass < 3) deficiencies.push('bone-low');
// Visceral fat deficiency
if (reportData.visceralFat > 3) deficiencies.push('visceral-high');
// BMR deficiency
const idealBmrMin = reportData.gender === 'male' ? 1700 : 1500;
if (reportData.bmr < idealBmrMin) deficiencies.push('bmr-low');
// Metabolic age deficiency
if (reportData.metabolicAge > reportData.age) {
deficiencies.push('metabolic-age');
}
// Age-related deficiencies
if (reportData.age > 40) {
deficiencies.push('age-40plus');
}
return deficiencies;
}
// Generate Charts
function generateCharts() {
const chartContainer = document.getElementById('chart-container');
chartContainer.innerHTML = '';
const charts = [
{
id: 'weight',
title: 'Weight / वजन',
value: reportData.weight,
min: (reportData.height - 100) - 3,
max: (reportData.height - 100) + 3,
unit: 'kg',
info: 'Height in Cms -100 ±3 Kg'
},
{
id: 'bmi',
title: 'BMI / बॉडी मास इंडेक्स',
value: parseFloat(reportData.bmi),
min: 18.5,
max: 25,
unit: '',
info: 'Normal: 20-25'
},
{
id: 'fat',
title: 'Body Fat % / शारीरिक वसा %',
value: reportData.bodyFat,
min: 0,
max: reportData.gender === 'male' ? 20 : 25,
unit: '%',
info: reportData.gender === 'male' ? 'Male: 20% or less' : 'Female: 25% or less'
},
{
id: 'water',
title: 'Water % / शारीरिक जल%',
value: reportData.water,
min: 55,
max: 80,
unit: '%',
info: 'Normal: 55% or more'
},
{
id: 'muscle',
title: 'Muscle Mass / मांसपेशियों का वजन',
value: reportData.muscleMass,
min: 0,
max: reportData.weight * 0.45,
unit: 'kg',
info: ''
},
{
id: 'bone',
title: 'Bone Mass / हड्डी का वजन',
value: reportData.boneMass,
min: 3,
max: 5,
unit: 'kg',
info: 'Normal: 3 KG or More'
},
{
id: 'visceral',
title: 'Visceral Fat / विसरल वसा',
value: reportData.visceralFat,
min: 1,
max: 3,
unit: '',
info: 'Normal: 3 Or Less'
},
{
id: 'bmr',
title: 'BMR / शारीरिक चयापचय दर',
value: reportData.bmr,
min: reportData.gender === 'male' ? 1700 : 1500,
max: reportData.gender === 'male' ? 2000 : 1800,
unit: 'cal',
info: reportData.gender === 'male' ? 'Male: 1700-2000 Calories' : 'Female: 1500-1800 Calories'
},
{
id: 'metabolic-age',
title: 'Metabolic Age / मेटाबोलिक उम्र',
value: reportData.metabolicAge,
min: 0,
max: reportData.age,
unit: 'years',
info: 'Should be same or less than physical age'
},
{
id: 'smr',
title: 'SMR / स्केलेटल मसल रेशियो',
value: reportData.smr,
min: reportData.gender === 'male' ? 45 : 36,
max: 60,
unit: '%',
info: reportData.gender === 'male' ? 'Male: 45% or more' : 'Female: 36% or more'
}
];
charts.forEach(chart => {
const percentage = Math.min(100, Math.max(0, ((chart.value - chart.min) / (chart.max - chart.min)) * 100));
const color = chart.value >= chart.min && chart.value <= chart.max ? '#2ecc71' :
chart.value < chart.min ? '#3498db' : '#e74c3c';
const chartElement = document.createElement('div');
chartElement.className = 'chart';
chartElement.innerHTML = `
<div class="chart-title">${chart.title}</div>
<div class="chart-bar">
<div class="chart-fill" style="width: ${percentage}%; background-color: ${color};"></div>
<div class="chart-value">${chart.value.toFixed(1)}${chart.unit}</div>
</div>
<div class="chart-info">${chart.info}</div>
`;
chartContainer.appendChild(chartElement);
});
}
// Generate Product Recommendations
function generateProductRecommendations() {
const productContainer = document.getElementById('product-recommendations');
const subtitle = document.getElementById('products-subtitle');
productContainer.innerHTML = '';
recommendedProducts = [];
// Map deficiencies to health categories
const deficiencyToCategory = {
'weight-low': [11], // Weight Gain
'weight-high': [10], // Weight Management
'bmi-low': [11], // Weight Gain
'bmi-high': [10], // Weight Management
'fat-high': [10], // Weight Management
'water-low': [1, 5, 12], // Immunity, Skin & Beauty, Digestion & Detoxification
'muscle-low': [2, 14], // Men Health, Plant Protein
'bone-low': [9], // Bone & Joint Health
'visceral-high': [10], // Weight Management
'bmr-low': [7, 10], // High Blood Sugar, Weight Management
'metabolic-age': [6, 8], // Heart Health, Liver & Gut Health
'age-40plus': [1, 3, 4, 6, 9] // Immunity, Brain, Eye, Heart, Bone & Joint
};
// Get relevant categories based on deficiencies
const relevantCategories = new Set();
deficiencies.forEach(def => {
if (deficiencyToCategory[def]) {
deficiencyToCategory[def].forEach(cat => relevantCategories.add(cat));
}
});
// Add gender-specific categories
if (reportData.gender === 'male') relevantCategories.add(13);
if (reportData.gender === 'female') relevantCategories.add(2);
// If no specific deficiencies, recommend general health products
if (relevantCategories.size === 0) {
relevantCategories.add(1); // Immunity
relevantCategories.add(12); // Digestion & Detoxification
}
// Get products for relevant categories
const categoryArray = Array.from(relevantCategories);
const productScores = {};
categoryArray.forEach(categoryId => {
const productMappings = database.product_category_map.filter(m => m.category_id === categoryId);
productMappings.forEach(mapping => {
const product = database.products.find(p => p.product_id === mapping.product_id);
if (product) {
if (!productScores[product.product_id]) {
productScores[product.product_id] = {
product: product,
score: 0,
categories: new Set()
};
}
productScores[product.product_id].score += 10;
productScores[product.product_id].categories.add(categoryId);
}
});
});
// Sort by score
const sortedProducts = Object.values(productScores)
.filter(item => {
const details = productDetails[item.product.product_id];
// Agar product Male ya Female ke liye hai
if (details && details.gender) {
return details.gender === reportData.gender;
}
// Jo product common hai (gender nahi likha)
return true;
})
.sort((a, b) => b.score - a.score);
// Select top products
const topProducts = sortedProducts.slice(0, 6);
// Update subtitle
const defCount = deficiencies.length;
if (defCount === 0) {
subtitle.textContent = "Excellent Health! Nutricharge Maintenance Program:";
} else if (defCount <= 3) {
subtitle.textContent = `Good Health! Nutricharge Optimization (${defCount} areas to improve):`;
} else {
subtitle.textContent = `Priority Health Support! Nutricharge Program (${defCount} areas to address):`;
}
// Generate product cards
topProducts.forEach((item, index) => {
const product = item.product;
const details = productDetails[product.product_id] || {};
const categories = Array.from(item.categories).map(catId =>
database.health_categories.find(c => c.category_id === catId)?.category_name || ''
).filter(Boolean);
const priorityClass = `priority ${details.priority || 'medium'}`;
const productCard = document.createElement('div');
productCard.className = 'product-card';
productCard.innerHTML = `
<div class="madison-badge">NUTRICHARGE</div>
<h4>${product.product_name}</h4>
<p>${details.description || 'Health supplement'}</p>
<div class="deficiency-tags">Benefits: ${categories.join(', ')}</div>
<div class="${priorityClass}">${(details.priority || 'medium').toUpperCase()} PRIORITY • Score: ${item.score}</div>
`;
productContainer.appendChild(productCard);
recommendedProducts.push({
name: product.product_name,
description: details.description,
categories: categories,
priority: details.priority
});
});
}
// Share functionality
document.getElementById('share-report-btn').addEventListener('click', () => {
document.querySelector('[data-tab="share"]').click();
});
document.getElementById('share-products-btn').addEventListener('click', () => {
showShareModal('products');
});
document.getElementById('order-btn').addEventListener('click', () => {
window.open('https://www.nutricharge.in', '_blank');
});
// Share options
document.querySelectorAll('.share-btn').forEach(btn => {
btn.addEventListener('click', function() {
const platform = this.getAttribute('data-share');
const exportType = this.getAttribute('data-export');
if (exportType) {
handleExport(exportType);
} else {
shareReport(platform);
}
});
});
// Format options
document.querySelectorAll('.format-btn').forEach(btn => {
btn.addEventListener('click', function() {
document.querySelectorAll('.format-btn').forEach(b => b.classList.remove('active'));
this.classList.add('active');
});
});
// Generate share link
document.getElementById('generate-link-btn').addEventListener('click', generateShareLink);
// Close modal
closeModal.addEventListener('click', () => {
shareModal.classList.remove('active');
});
// Share functions
function showShareModal(type) {
const modalContent = document.getElementById('modal-content');
let content = '';
if (type === 'products') {
content = `
<h4>Share Product Recommendations</h4>
<p>Share these personalized Nutricharge recommendations:</p>
<div class="product-list">
${recommendedProducts.map((product, index) => `
<div class="product-card">
<h5>${product.name}</h5>
<p>${product.description}</p>
<small>Categories: ${product.categories.join(', ')}</small>
</div>
`).join('')}
</div>
<div class="share-options" style="margin-top: 20px;">
<div class="share-btn whatsapp" onclick="shareProducts('whatsapp')">
<i class="fab fa-whatsapp"></i> WhatsApp
</div>
<div class="share-btn email" onclick="shareProducts('email')">
<i class="fas fa-envelope"></i> Email
</div>
</div>
`;
}
modalContent.innerHTML = content;
shareModal.classList.add('active');
}
function shareReport(platform) {
if (!reportData) {
alert('Please generate a report first');
return;
}
const format = document.querySelector('.format-btn.active').getAttribute('data-format');
let message = '';
switch(format) {
case 'summary':
message = `Health Report Summary for ${reportData.name}:\n`;
message += `Age: ${reportData.age}, Gender: ${reportData.gender}\n`;
message += `BMI: ${reportData.bmi}, Body Fat: ${reportData.bodyFat}%\n`;
message += `Metabolic Age: ${reportData.metabolicAge}\n`;
message += `Deficiencies: ${deficiencies.length} areas identified`;
break;
case 'detailed':
message = `Detailed Health Report - ${reportData.name}\n\n`;
message += `Personal Information:\n`;
message += `- Age: ${reportData.age} years\n`;
message += `- Gender: ${reportData.gender}\n`;
message += `- Height: ${reportData.height} cm\n`;
message += `- Weight: ${reportData.weight} kg\n\n`;
message += `Body Composition:\n`;
message += `- BMI: ${reportData.bmi}\n`;
message += `- Body Fat: ${reportData.bodyFat}%\n`;
message += `- Muscle Mass: ${reportData.muscleMass} kg\n`;
message += `- Bone Mass: ${reportData.boneMass} kg\n`;
message += `- Water: ${reportData.water}%\n`;
message += `- Visceral Fat: ${reportData.visceralFat}\n`;
message += `- BMR: ${reportData.bmr} cal\n`;
message += `- Metabolic Age: ${reportData.metabolicAge}\n`;
message += `- SMR: ${reportData.smr}%\n\n`;
message += `Health Areas to Improve: ${deficiencies.join(', ')}`;
break;
case 'products':
message = `Nutricharge Product Recommendations for ${reportData.name}:\n\n`;
recommendedProducts.forEach((product, index) => {
message += `${index + 1}. ${product.name}\n`;
message += ` ${product.description}\n`;
message += ` Categories: ${product.categories.join(', ')}\n\n`;
});
break;
case 'all':
message = `Complete Health Package - ${reportData.name}\n\n`;
message += `Health Summary:\n`;
message += `BMI: ${reportData.bmi}, Metabolic Age: ${reportData.metabolicAge}\n`;
message += `Key Areas: ${deficiencies.slice(0, 3).join(', ')}\n\n`;
message += `Recommended Products:\n`;
recommendedProducts.slice(0, 3).forEach((product, index) => {
message += `${index + 1}. ${product.name}\n`;
});
message += `\nView full report: ${generateReportLink()}`;
break;
}
switch(platform) {
case 'whatsapp':
window.open(`https://wa.me/?text=${encodeURIComponent(message)}`, '_blank');
break;
case 'facebook':
window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(generateReportLink())}"e=${encodeURIComponent(message)}`, '_blank');
break;
case 'telegram':
window.open(`https://t.me/share/url?url=${encodeURIComponent(generateReportLink())}&text=${encodeURIComponent(message)}`, '_blank');
break;
case 'email':
window.open(`mailto:?subject=Health Report - ${reportData.name}&body=${encodeURIComponent(message)}`);
break;
case 'print':
window.print();
break;
case 'download':
downloadReport();
break;
}
}
function generateShareLink() {
if (!reportData) {
alert('Please generate a report first');
return;
}
// Create a unique ID for the report
const reportId = 'report_' + Date.now() + '_' + Math.random().toString(36).substr(2, 9);
// In a real application, you would save the report data to a database
// and generate a link to retrieve it
const link = `https://rcmhealth.com/report/${reportId}`;
document.getElementById('share-link').value = link;
// Copy to clipboard
navigator.clipboard.writeText(link).then(() => {
alert('Shareable link copied to clipboard!');
});
}
function generateReportLink() {
return window.location.href + '#report=' + btoa(JSON.stringify({
name: reportData.name,
timestamp: Date.now()
}));
}
function handleExport(type) {
if (!reportData) {
alert('Please generate a report first');
return;
}
switch(type) {
case 'pdf':
alert('PDF export would be generated here. In production, this would create a downloadable PDF.');
break;
case 'image':
alert('Image export would be generated here. In production, this would create a downloadable image.');
break;
case 'excel':
alert('Excel export would be generated here. In production, this would create a downloadable Excel file.');
break;
}
}
function downloadReport() {
if (!reportData) {
alert('Please generate a report first');
return;
}
const report = {
title: 'RCM Body Scanner Health Report',
date: new Date().toISOString(),
personalInfo: {
name: reportData.name,
gender: reportData.gender,
age: reportData.age
},
bodyComposition: {
height: reportData.height,
weight: reportData.weight,
bmi: reportData.bmi,
bodyFat: reportData.bodyFat,
muscleMass: reportData.muscleMass,
boneMass: reportData.boneMass,
water: reportData.water,
visceralFat: reportData.visceralFat,
bmr: reportData.bmr,
metabolicAge: reportData.metabolicAge,
smr: reportData.smr
},
deficiencies: deficiencies,
recommendations: recommendedProducts
};
const dataStr = JSON.stringify(report, null, 2);
const dataUri = 'data:application/json;charset=utf-8,'+ encodeURIComponent(dataStr);
const exportFileDefaultName = `rcm-health-report-${reportData.name}-${Date.now()}.json`;
const linkElement = document.createElement('a');
linkElement.setAttribute('href', dataUri);
linkElement.setAttribute('download', exportFileDefaultName);
linkElement.click();
}
// Global functions for modal
window.shareProducts = function(platform) {
let message = `Nutricharge Product Recommendations for ${reportData.name}:\n\n`;
recommendedProducts.forEach((product, index) => {
message += `${index + 1}. ${product.name}\n`;
message += ` ${product.description}\n\n`;
});
if (platform === 'whatsapp') {
window.open(`https://wa.me/?text=${encodeURIComponent(message)}`, '_blank');
} else if (platform === 'email') {
window.open(`mailto:?subject=Nutricharge Recommendations&body=${encodeURIComponent(message)}`);
}
shareModal.classList.remove('active');
};
console.log('RCM Body Scanner loaded with complete sharing features');
</script>
RCM Body Scanner Health Report
Powered by Google AI • Real Report Assistance • RCM Health Care Products