// screens-vet.jsx — vet doctors list + booking (البيطري) (function(){ const { useState } = React; const Icon = window.Icon; const { Header, Stars, SecureNote } = window; // ── small heart favorite toggle ── function FavBtn({ on, onClick, size=34 }){ return ( ); } function DocAvatar({ size=64 }){ return (
صورة
الطبيب
); } /* ───────────────────────── DOCTORS LIST ───────────────────────── */ function DoctorCard({ v, fav, onFav, onOpen }){ return (
{v.name} {v.specLabel}
{v.title} · {v.exp}
({v.reviews}) {v.avail}
); } function VetScreen({ go, favVets, toggleFav }){ const D = window.DATA; const [spec,setSpec] = useState('all'); const list = D.vets.filter(v=>{ if(spec==='all') return true; if(spec==='fav') return favVets.includes(v.id); return v.spec===spec; }); return (
} />
اختر طبيباً بيطرياً حسب التخصص
{/* emergency broadcast */}
{/* specialty filter chips */}
{D.vetSpecs.map(s=>( ))}
{/* doctors */}
{list.length ? list.map(v=>( toggleFav(v.id)} onOpen={()=>go('vetBook',{id:v.id})} /> )) : (
{spec==='fav' ? 'لم تقم بإضافة أطباء للمفضلة بعد' : 'لا يوجد أطباء في هذا التخصص'}
)}
); } /* ───────────────────────── BOOKING ───────────────────────── */ function VetBookScreen({ back, params, go, favVets, toggleFav }){ const D = window.DATA; const V = D.vets.find(v=>v.id===params.id) || D.vets[0]; const [svc,setSvc] = useState('general'); const [day,setDay] = useState('d0'); const [slot,setSlot] = useState('10:30 ص'); const [booked,setBooked] = useState(false); const fav = favVets.includes(V.id); const fmt = (n)=> Number(n).toFixed(3); const svcObj = D.vetServices.find(s=>s.id===svc) || D.vetServices[0]; const isEmergency = svc==='emergency'; return (
} />
{/* vet profile */}
{V.name} {V.specLabel}
{V.title} · {V.exp}
({V.reviews} تقييم)
toggleFav(V.id)} size={38}/>
{/* services */}
{D.vetServices.map(s=>{ const on = svc===s.id; return ( ); })}
{isEmergency ? ( /* emergency: no scheduling — immediate dispatch */
طلب فوري — بدون موعد
سيتواصل معك {V.name} في أقرب وقت ويتوجّه إلى موقعك مباشرة.
) : ( {/* booking */}

احجز موعد زيارة

{/* day selector */}
{D.vetDays.map(d=>{ const on = day===d.id; return ( ); })}
{/* slots */}
{D.vetSlots.map(t=>{ const on = slot===t; return ( ); })}
)} {/* price summary for the selected service */}
سعر {svcObj.label}
{svcObj.desc}
{fmt(svcObj.price)} د.ك
{booked && (
{isEmergency ? `${V.name} في الطريق إليك الآن · ${fmt(svcObj.price)} د.ك` : `${svcObj.label} مع ${V.name} · ${D.vetDays.find(d=>d.id===day).date} الساعة ${slot} · ${fmt(svcObj.price)} د.ك`}
)} {/* home visit */}
طلب زيارة منزلية
لا يمكنك الذهاب؟ اطلب زيارة منزلية (+{fmt(D.vetHomeFee)} د.ك)
); } /* ───────────────────────── EMERGENCY BROADCAST ───────────────────────── */ function VetEmergencyScreen({ back, favVets }){ const D = window.DATA; const fmt = (n)=> Number(n).toFixed(3); const svcObj = D.vetServices.find(s=>s.id==='emergency') || D.vetServices[2]; const [mode,setMode] = useState('available'); // available | fav const [sent,setSent] = useState(false); const available = D.vets.filter(v=> v.avail.includes('الآن') || v.avail.includes('اليوم')); const favs = D.vets.filter(v=> favVets.includes(v.id)); const recipients = mode==='fav' ? favs : available; const responder = recipients.find(v=>v.avail.includes('الآن')) || recipients[0]; if(sent){ return (
تم إرسال طلب الطوارئ
أُرسل طلبك إلى {recipients.length} {recipients.length===1?'طبيب متاح':'أطباء متاحين'}
{responder && (
{responder.name}
استجاب · في الطريق إليك
)}
); } return (
{/* banner */}
حالة طارئة
يُرسل الطلب فوراً لعدة أطباء، وأول من يستجيب يتوجّه إلى موقعك.
{/* recipients choice */}

إرسال إلى

{[{id:'available',label:'الأطباء المتاحون',count:available.length},{id:'fav',label:'أطبائي المفضلون',count:favs.length}].map(o=>{ const on = mode===o.id; return ( ); })}
{/* recipients list */}
{recipients.length ? recipients.map((v,i)=>(
{v.name}
{v.specLabel} · {v.avail}
{v.avail}
)) : (
لا يوجد أطباء في هذه القائمة
)}
{/* horse + price */}
رسوم الطوارئ {fmt(svcObj.price)} د.ك
); } Object.assign(window, { VetScreen, VetBookScreen, VetEmergencyScreen }); })();