<!doctype html>
<html dir=rtl lang=fa>
<head>
<meta charset=UTF-8>
<meta name=viewport content="width=device-width,initial-scale=1">
<title>سامانه پیشرفته پیگیری تغذیه و پسماند</title>
<style>body{font-family:Tahoma,sans-serif;max-width:1200px;margin:0 auto;padding:20px;background-color:#f5f5f5}.container{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1)}.section{margin:20px 0;padding:15px;border:1px solid #ddd;border-radius:8px}.question-group{margin:15px 0;padding:10px;background-color:#f9f9f9;border-radius:5px}label{display:block;margin:8px 0;font-weight:700}input,select,textarea{width:100%;padding:8px;margin:5px 0;border:1px solid #ddd;border-radius:4px}button{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;margin:5px}button:hover{background-color:#45a049}.tabs{display:flex;margin-bottom:20px}.tab{padding:10px 20px;background-color:#ddd;border:none;cursor:pointer}.tab.active{background-color:#4caf50;color:#fff}</style>
</head>
<body>
<div class=container>
<h1>♻️🚮☺️🌳 سامانه پیشرفته پیگیری تغذیه و پسماند</h1>
<div class=tabs>
<button class="tab active" onclick='showSection("basic")'>اطلاعات پایه</button>
<button class=tab onclick='showSection("nutrition")'>تغذیه</button>
<button class=tab onclick='showSection("activity")'>فعالیت بدنی</button>
<button class=tab onclick='showSection("waste")'>پسماند</button>
<button class=tab onclick='showSection("mental")'>سلامت روان</button>
</div>
<form id=comprehensiveForm>
<div id=basic class=section>
<h2>اطلاعات پایه</h2>
<div class=question-group>
<label>سن:</label>
<input type=number name=age required>
<label>جنسیت:</label>
<select name=gender required>
<option value=male>مرد</option>
<option value=female>زن</option>
</select>
<label>قد (سانتی‌متر):</label>
<input type=number name=height required>
<label>وزن (کیلوگرم):</label>
<input type=number name=weight required>
<label>گروه خونی:</label>
<select name=bloodType>
<option value=A+>A+</option>
<option value=A->A-</option>
<option value=B+>B+</option>
<option value=B->B-</option>
<option value=AB+>AB+</option>
<option value=AB->AB-</option>
<option value=O+>O+</option>
<option value=O->O-</option>
</select>
</div>
</div>
<div id=nutrition class=section style=display:none>
<h2>اطلاعات تغذیه</h2>
<div class=question-group>
<h3>مصرف روزانه</h3>
<label>آب و نوشیدنی‌ها (لیتر):</label>
<input type=number name=water step=0.1>
<label>میوه‌ها (کیلوگرم):</label>
<input type=number name=fruits step=0.1>
<label>سبزیجات (کیلوگرم):</label>
<input type=number name=vegetables step=0.1>
<label>غلات (کیلوگرم):</label>
<input type=number name=grains step=0.1>
<label>پروتئین (کیلوگرم):</label>
<input type=number name=protein step=0.1>
</div>
<div class=question-group>
<h3>عادات غذایی</h3>
<label>تعداد وعده‌های غذایی در روز:</label>
<input type=number name=mealsPerDay>
<label>ساعات معمول صرف غذا:</label>
<input name=mealTimes placeholder="مثال: صبحانه ۸، ناهار ۱۳، شام ۲۰">
<label>آلرژی‌های غذایی:</label>
<textarea name=allergies rows=3></textarea>
</div>
</div>
<div id=activity class=section style=display:none>
<h2>فعالیت بدنی</h2>
<div class=question-group>
<label>سطح فعالیت روزانه:</label>
<select name=activityLevel>
<option value=sedentary>کم تحرک</option>
<option value=light>فعالیت سبک</option>
<option value=moderate>فعالیت متوسط</option>
<option value=high>فعالیت زیاد</option>
<option value=very-high>فعالیت خیلی زیاد</option>
</select>
<label>نوع ورزش‌های منظم:</label>
<textarea name=exerciseTypes rows=3></textarea>
<label>مدت زمان ورزش در هفته (ساعت):</label>
<input type=number name=exerciseHours>
</div>
</div>
<div id=waste class=section style=display:none>
<h2>مدیریت پسماند</h2>
<div class=question-group>
<label>میزان پسماند خشک روزانه (کیلوگرم):</label>
<input type=number name=dryWaste step=0.1>
<label>میزان پسماند تر روزانه (کیلوگرم):</label>
<input type=number name=wetWaste step=0.1>
<label>تفکیک زباله:</label>
<select name=wasteSegregation>
<option value=yes>بله</option>
<option value=no>خیر</option>
<option value=partial>تا حدودی</option>
</select>
</div>
</div>
<div id=mental class=section style=display:none>
<h2>سلامت روان</h2>
<div class=question-group>
<label>میزان استرس روزانه (۱-۱۰):</label>
<input type=range name=stressLevel min=1 max=10>
<label>کیفیت خواب:</label>
<select name=sleepQuality>
<option value=excellent>عالی</option>
<option value=good>خوب</option>
<option value=fair>متوسط</option>
<option value=poor>ضعیف</option>
</select>
<label>ساعات خواب روزانه:</label>
<input type=number name=sleepHours>
</div>
</div>
<button type=submit onclick=analyzeData()>تحلیل جامع اطلاعات</button>
</form>
<div id=analysis-result></div>
</div>
<script>const GEMINI_API_KEY="AIzaSyCAfOKX7SVDpMJCuVvE-JrsGssvPknJZg8",GEMINI_ENDPOINT="https://generativelanguage.googleapis.com/v1beta/models/gemini-1.5-flash-latest:generateContent";function showSection(e){document.querySelectorAll(".section").forEach((e=>{e.style.display="none"})),document.getElementById(e).style.display="block",document.querySelectorAll(".tab").forEach((e=>{e.classList.remove("active")})),event.target.classList.add("active")}async function analyzeData(){event.preventDefault();const e=new FormData(document.getElementById("comprehensiveForm")),n=Object.fromEntries(e),t=`\n                لطفا داده های زیر را به صورت جامع تحلیل کرده و پیشنهادات تخصصی ارائه دهید:\n\n                اطلاعات پایه:\n                - سن: ${n.age}\n                - جنسیت: ${n.gender}\n                - قد: ${n.height} سانتی متر\n                - وزن: ${n.weight} کیلوگرم\n                - گروه خونی: ${n.bloodType}\n\n                اطلاعات تغذیه:\n                - مصرف آب: ${n.water} لیتر\n                - مصرف میوه: ${n.fruits} کیلوگرم\n                - مصرف سبزیجات: ${n.vegetables} کیلوگرم\n                - مصرف غلات: ${n.grains} کیلوگرم\n                - مصرف پروتئین: ${n.protein} کیلوگرم\n                - تعداد وعده‌های غذایی: ${n.mealsPerDay}\n                - آلرژی‌ها: ${n.allergies}\n\n                فعالیت بدنی:\n                - سطح فعالیت: ${n.activityLevel}\n                - نوع ورزش‌ها: ${n.exerciseTypes}\n                - ساعات ورزش هفتگی: ${n.exerciseHours}\n\n                مدیریت پسماند:\n                - پسماند خشک: ${n.dryWaste} کیلوگرم\n                - پسماند تر: ${n.wetWaste} کیلوگرم\n                - تفکیک زباله: ${n.wasteSegregation}\n\n                سلامت روان:\n                - سطح استرس: ${n.stressLevel}\n                - کیفیت خواب: ${n.sleepQuality}\n                - ساعات خواب: ${n.sleepHours}\n\n                لطفا تحلیل جامعی از وضعیت سلامت فرد ارائه دهید و پیشنهادات بهبود در هر بخش را مطرح کنید.\n            `;try{const e=await fetch(`${GEMINI_ENDPOINT}?key=${GEMINI_API_KEY}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({contents:[{parts:[{text:t}]}]})}),n=await e.json();document.getElementById("analysis-result").innerHTML=`<h3>تحلیل هوشمند:</h3><div class="analysis-content">${n.candidates[0].content.parts[0].text}</div>`}catch(e){console.error("Error:",e),document.getElementById("analysis-result").innerHTML='<p style="color: red;">خطا در تحلیل داده‌ها</p>'}}</script>
</body>
</html>