{% extends 'base.html' %}
{% block title %}هواشناسی ایران | پیش‌بینی ۳۱ استان و کشاورزی — Zomorodmelal{% endblock %}
{% block meta_description %}پیش‌بینی چندمدلی هواشناسی ۳۱ استان ایران با ECMWF، GFS و ICON؛ دما، بارش، باد، ریسک‌های جوی و اطلاعات کاربردی برای کشاورزی، دامپروری، سفر و برنامه‌ریزی.{% endblock %}
{% block body_class %}page-weather weather-page{% endblock %}
{% block content %}
<section class="weather-hero-v2">
  <div class="weather-atmo"><i></i><i></i><i></i></div>
  <div class="weather-hero-copy"><span class="weather-kicker">WEATHER INTELLIGENCE · IRAN · 31 PROVINCES</span><h1>هواشناسی ایران،<br><em>برای تصمیم بهتر</em></h1><p>یک مرکز عمومی برای مشاهده پیش‌بینی چندمدلی، ریسک‌های جوی و اطلاعات کاربردی؛ از زندگی روزمره تا کشاورزی و دامپروری.</p><div class="weather-hero-pills"><span>۷ روز آینده</span><span>۳۱ استان</span><span>ECMWF · GFS · ICON</span></div></div>
  <div class="weather-hero-dial"><div><small>LIVE DATA</small><strong>31</strong><span>PROVINCES</span></div><i></i></div>
</section>
<section class="weather-model-strip"><div><span>GLOBAL MODEL CONSENSUS</span><h2>یک پیش‌بینی، چند نگاه</h2><p>خروجی سه مدل جهانی در کنار هم تحلیل می‌شود تا کاربر تصویری مقایسه‌ای از وضعیت احتمالی داشته باشد؛ عدم‌قطعیت بخشی از خود پیش‌بینی است.</p></div><div class="weather-models"><b>ECMWF</b><b>NOAA · GFS</b><b>DWD · ICON</b><small>منبع و هشدارهای رسمی کشور همچنان مرجع تصمیم‌های حساس هستند.</small></div></section>
<section class="weather-dashboard" id="weather-dashboard">
  <header class="weather-section-head"><span>IRAN WEATHER DESK</span><h2>داشبورد زنده استان‌ها</h2><p>استان را انتخاب کنید و دمای فعلی، پیش‌بینی ۷ روزه، احتمال بارش، باد و شاخص همگرایی مدل‌ها را ببینید.</p></header>
  <div class="weather-controls"><label>انتخاب استان<select id="province-select"><option value="">همه استان‌ها</option></select></label><label>جست‌وجوی سریع<input id="province-search" type="search" placeholder="نام استان یا مرکز استان"></label><div id="weather-updated">به‌روزرسانی خودکار</div></div>
  <div id="weather-result" aria-live="polite"><div class="weather-loading">در حال دریافت داده‌های ۳۱ استان…</div></div>
</section>
<section class="weather-agri"><div><span>AGRI · LIVESTOCK WEATHER</span><h2>هواشناسی برای مزرعه و دامداری</h2><p>داده‌های هواشناسی می‌توانند در زمان‌بندی آبیاری، عملیات مزرعه، برداشت، حمل‌ونقل، مدیریت تنش گرمایی و سرمایی و برنامه‌ریزی دامداری به‌عنوان ابزار تصمیم‌یار استفاده شوند.</p></div><div class="weather-agri-grid"><article><b>01</b><h3>بارش</h3><p>احتمال و مقدار بارش را هم‌زمان بررسی کنید.</p></article><article><b>02</b><h3>دما</h3><p>کمینه و بیشینه برای تنش گرمایی و سرمایی.</p></article><article><b>03</b><h3>باد</h3><p>برای عملیات بیرونی و برنامه‌ریزی مزرعه.</p></article><article><b>04</b><h3>روند</h3><p>تصمیم حساس را فقط بر اساس یک روز نگیرید.</p></article></div></section>
<section class="weather-editorial"><div><span>DAILY WEATHER · RESEARCH · EDUCATION</span><h2>گزارش روزانه و دو محتوای علمی</h2><p>هر شب گزارش هواشناسی روزانه ایران و دو محتوای مستقل درباره پژوهش، فناوری، تحلیل و آموزش منتشر می‌شود.</p><strong>محقق و پژوهشگر · مجتبی روزگار</strong><small>مدیرعامل شرکت کشت و صنعت زمرد ملل</small></div><a href="/newsletter/">مشاهده گزارش‌ها و محتوا ↗</a></section>
<section class="weather-disclaimer"><div><span>DATA & UNCERTAINTY</span><h2>پیش‌بینی، نه قطعیت</h2><p>این سامانه از مدل‌های هواشناسی برای تصمیم‌یار عمومی استفاده می‌کند. برای هشدارهای رسمی و تصمیم‌های حساس، اطلاعیه‌های مراجع رسمی هواشناسی کشور را نیز بررسی کنید.</p></div><div class="weather-source-list"><b>ECMWF Open Data</b><b>NOAA GFS</b><b>DWD ICON</b><b>Open-Meteo</b><b>WMO Guidance</b></div></section>
<script>
const result=document.getElementById('weather-result'), select=document.getElementById('province-select'), search=document.getElementById('province-search');let all=[];
const code=c=>({0:'صاف',1:'عمدتاً صاف',2:'نیمه‌ابری',3:'ابری',45:'مه',48:'مه یخ‌زن',51:'نم‌نم باران',53:'باران خفیف',55:'باران',61:'باران',63:'باران متوسط',65:'باران شدید',71:'برف',73:'برف متوسط',75:'برف شدید',80:'رگبار',81:'رگبار متوسط',82:'رگبار شدید',95:'رعدوبرق',96:'رعدوبرق و تگرگ',99:'رعدوبرق و تگرگ'})[c]||'شرایط متغیر');
const date=s=>new Intl.DateTimeFormat('fa-IR',{weekday:'short',month:'short',day:'numeric'}).format(new Date(s+'T12:00:00'));
function render(list){if(!list.length){result.innerHTML='<div class="weather-error">استان موردنظر پیدا نشد.</div>';return;}result.innerHTML='<div class="weather-summary"><b>'+list.length+'</b><span>استان در نمایش فعلی</span><i>داده چندمدلی · ۷ روزه</i></div><div class="weather-grid-v2">'+list.map(p=>{let c=p.current||{},d=p.forecast?.[0]||{},flags=(p.risk_flags||[]);return '<article class="weather-card-v2"><header><div><small>'+p.province+'</small><h3>'+p.capital+'</h3></div><strong>'+((c.temperature_2m??'—'))+'°</strong></header><div class="weather-now"><span>'+code(c.weather_code)+'</span><span>رطوبت '+(c.relative_humidity_2m??'—')+'٪</span><span>باد '+(c.wind_speed_10m??'—')+' km/h</span></div><div class="weather-risk">'+(flags.length?flags.map(x=>'<b>'+x+'</b>').join(''):'<span>بدون پرچم ریسک خودکار</span>')+'</div><div class="weather-agreement"><span>همگرایی مدل‌ها</span><b>'+((d.model_agreement??'—'))+'٪</b></div><div class="weather-days-v2">'+(p.forecast||[]).slice(0,5).map(x=>'<div><small>'+date(x.date)+'</small><strong>'+x.max_c+'° / '+x.min_c+'°</strong><span>بارش '+x.rain_probability+'٪</span></div>').join('')+'</div></article>'}).join('')+'</div>';}
function filter(){let q=search.value.trim().toLowerCase(),v=select.value;render(all.filter(p=>(!v||p.province===v)&&(!q||p.province.toLowerCase().includes(q)||p.capital.toLowerCase().includes(q))));}
(async()=>{try{const r=await fetch('/api/weather/');const j=await r.json();if(!r.ok)throw 0;all=j.provinces||[];all.forEach(p=>{const o=document.createElement('option');o.value=p.province;o.textContent=p.province+' · '+p.capital;select.appendChild(o)});document.getElementById('weather-updated').textContent='آخرین دریافت: '+new Date().toLocaleTimeString('fa-IR',{hour:'2-digit',minute:'2-digit'});render(all);}catch(e){result.innerHTML='<div class="weather-error">داده هواشناسی موقتاً در دسترس نیست؛ لطفاً چند دقیقه بعد دوباره تلاش کنید.</div>';}})();select.addEventListener('change',filter);search.addEventListener('input',filter);
</script>
{% endblock %}