🤖 تحليل الذكاء الاصطناعي
);
}
/* ══════ LOCATION PICKER (home only) ══════ */
function Picker({ onPick, current }) {
const [q, setQ] = useState("");
const [reg, setReg] = useState("all");
const list = LOCS.filter(l => {
const rOk = reg==="all"||(reg==="red"&&l.reg==="البحر الأحمر")||(reg==="gulf"&&l.reg==="الخليج العربي");
const sOk = !q || l.name.includes(q) || l.grp.includes(q);
return rOk && sOk;
});
const groups = [...new Set(list.map(l=>l.grp))].sort((a,b)=>GRP_ORDER.indexOf(a)-GRP_ORDER.indexOf(b));
return (
{/* banner */}
📍
اختر موقع الصيد
يُطبَّق على جميع صفحات التطبيق
{current &&
✓ {current.name}}
{/* search */}
🔍
setQ(e.target.value)} placeholder="ابحث عن موقع..."
style={{width:"100%",padding:"9px 34px 9px 12px",borderRadius:11,background:"rgba(255,255,255,.06)",border:"1px solid rgba(255,255,255,.1)",color:"#e8f4ff",fontSize:13,outline:"none",direction:"rtl"}}/>
{/* region tabs */}
{[["all","🌍 الكل"],["red","🔴 الأحمر"],["gulf","🔵 الخليج"]].map(([v,lb])=>(
))}
{/* list */}
{groups.length===0
?
لا توجد نتائج
: groups.map(grp=>{
const items = list.filter(l=>l.grp===grp);
const gc = items[0]?.reg==="البحر الأحمر"?"#f87171":"#38bdf8";
return (
{grp} ({items.length})
{items.map(loc => {
const active = current?.id===loc.id;
return (
onPick(loc)}
style={{background:active?"rgba(16,185,129,.1)":"rgba(255,255,255,.04)",borderRadius:12,padding:"10px 13px",border:`1px solid ${active?"rgba(16,185,129,.35)":"rgba(255,255,255,.07)"}`,display:"flex",alignItems:"center",justifyContent:"space-between"}}>
{loc.emoji}
{loc.name}
{loc.type} · {loc.reg}
{active
?
✓ محدد
:
‹}
);
})}
);
})
}
);
}
/* ══════ FORECAST PAGE (shore / boat) ══════ */
function ForecastPage({ type, sel, setScr, scr }) {
const [days, setDays] = useState([]);
const [open, setOpen] = useState(null);
const sn = season(new Date().getMonth()+1);
const isS = type==="shore";
const ac = isS?"#f59e0b":"#38bdf8";
const ad = isS?"rgba(245,158,11,.12)":"rgba(56,189,248,.12)";
const ab = isS?"rgba(245,158,11,.28)":"rgba(56,189,248,.25)";
const bg = isS?"linear-gradient(160deg,#0e0800,#1c1100)":"linear-gradient(160deg,#020e1f,#061424)";
useEffect(()=>{
if(sel){ setDays(mk14(sel,type)); setOpen(null); }
},[sel,type]);
return (
{!sel ?
: (
<>
{/* page banner */}
{isS?"🏖️ الصيد من الشاطئ":"⛵ الصيد بالقارب"}
📅 توقعات ١٤ يوم · {SEASON[sn]}
{sel.emoji} {sel.name}
{sel.reg}
{/* 14 days */}
{days.map((d,i)=>{
const isOpen = open===i;
const prompt = mkPrompt(type,sel,d.wx,`${d.dayF} ${d.dateStr}`,sn);
return (
setOpen(isOpen?null:i)}
style={{background:isOpen?ad:"rgba(255,255,255,.03)",padding:"10px 13px",display:"flex",alignItems:"center",gap:9}}>
{d.dayS}
{d.isToday?"اليوم":d.date.getDate()}
{MONTHS_AR[d.date.getMonth()].slice(0,3)}
🌊 {d.wx.wave}م
💨 {d.wx.wind}عق
🌡️ {d.wx.temp}°
{d.wx.tide==="مد"?"🔼مد":"🔽جزر"}
‹
{isOpen && (
📅 {d.dayF}، {d.dateStr} {d.date.getFullYear()}
)}
);
})}
);
}
/* ══════════════════════════════════════
MAIN APP
══════════════════════════════════════ */
export default function App() {
const [scr, setScr] = useState("home");
const [sel, setSel] = useState(null); // ← single global location
const [wx, setWx] = useState(null);
const [wxLoading, setWxLoading] = useState(false);
const [tab, setTab] = useState("wx");
const sn = season(new Date().getMonth()+1);
const clk = useClock();
// ── load saved location on mount ──
useEffect(() => {
async function loadSaved() {
try {
const res = await window.storage.get("hawat_location");
if (res?.value) {
const saved = LOCS.find(l => l.id === res.value);
if (saved) {
setSel(saved);
setWxLoading(true);
setTimeout(() => {
const seed = saved.id.charCodeAt(0)*999 + new Date().getHours()*37;
setWx(mkWx(saved, seed, "today"));
setWxLoading(false);
}, 600);
}
}
} catch(_) {}
}
loadSaved();
}, []);
const pickLocation = useCallback(async loc => {
setSel(loc);
setWxLoading(true);
setWx(null);
// save to persistent storage
try { await window.storage.set("hawat_location", loc.id); } catch(_) {}
setTimeout(()=>{
const seed = loc.id.charCodeAt(0)*999 + new Date().getHours()*37;
setWx(mkWx(loc, seed, "today"));
setWxLoading(false);
}, 600);
}, []);
/* ── route: shore ── */
if (scr==="shore") return
;
/* ── route: boat ── */
if (scr==="boat") return ;
/* ── route: map ── */
if (scr==="map") {
const W=340,H=210, px=(la,ln)=>[((ln-34)/(52-34))*W, H-((la-16)/(30-16))*H];
return (
{!sel ?
: (
<>
🗺️ الخريطة الساحلية
٢٩ موقعاً على سواحل المملكة
{sel.emoji} {sel.name}
🔴 البحر الأحمر🔵 الخليج العربي🟢 موقعك
)}
);
}
/* ── route: res ── */
if (scr==="res") {
const sc = wx ? shoreScore(wx) : 0;
const col = sCol(sc);
const verdict = sc>=70?"ممتاز للصيد! 🎣":sc>=40?"مقبول مع حذر ⚠️":"غير مناسب اليوم 🚫";
const prompt = (sel && wx) ? mkPrompt("today",sel,wx,`${clk.day} ${clk.gregorian}`,sn) : "";
return (
{!sel ?
: wxLoading ? (
) : wx && (
<>
{/* score card */}
تقييم الصيد اليوم
{verdict}
{SEASON[sn]}
{/* tabs */}
{[{id:"wx",l:"🌊 الطقس"},{id:"ai",l:"🤖 تحليل AI"},{id:"times",l:"⏰ الأوقات"}].map(t=>(
))}
{tab==="wx" && }
{tab==="ai" && (
🤖
تحليل الصيد بالذكاء الاصطناعي
بناءً على جميع عوامل الطقس الحالية
)}
{tab==="times" && (
{[{ic:"🌅",l:"⭐ الأفضل",t:"5:15 ص – 7:45 ص",c:"#10b981"},{ic:"🌇",l:"الوقت الثاني",t:"5:00 م – 7:30 م",c:"#38bdf8"}].map(x=>(
))}
📌 نصائح السلامة
{["ابدأ التحضير قبل ساعة","ارتدِ سترة النجاة دائماً","راقب تغيرات الطقس","احترم أنظمة الصيد"].map(t=>(
✓{t}
))}
);
}
/* ══════ HOME ══════ */
return (
);
}