/* ============================================================ Carebridge Portal — Patient Management (list + detail) ============================================================ */ const { useState } = React; const PD = window.CB_DATA; function PatientsView({ go }) { const [q, setQ] = useState(""); const [filter, setFilter] = useState("All"); const filters = ["All", "New inquiry", "In treatment", "In recovery", "Follow-up", "High priority"]; const rows = PD.PATIENTS.filter((p) => { if (q && !(p.name + p.id + p.condition).toLowerCase().includes(q.toLowerCase())) return false; if (filter === "All") return true; if (filter === "High priority") return p.priority === "High"; return p.status.toLowerCase().includes(filter.toLowerCase()) || (filter === "New inquiry" && p.stage === 0) || (filter === "Follow-up" && p.stage === 4); }); return (
setQ(e.target.value)} />
{filters.map((f) => ( ))}
{rows.map((p) => { const dest = PD.destByCode(p.dest), co = PD.coordById(p.coordinator); return ( go("patient", p.id)}> ); })}
PatientConditionCoordinatorDestinationStageProgressPriority
{p.name}{p.id} · {p.age}{p.gender[0]}
 {p.condition} {co.name} {dest.flag} {dest.city} {PD.STAGES[p.stage]}
{p.progress}%
 {p.priority}
); } /* ---------------- Patient detail ---------------- */ function PatientDetail({ id, go }) { const [tab, setTab] = useState("Overview"); const p = PD.PATIENTS.find((x) => x.id === id) || PD.PATIENTS[0]; const dest = PD.destByCode(p.dest), co = PD.coordById(p.coordinator), hosp = PD.hospitalById(p.hospital); const tabs = ["Overview", "Medical history", "Documents", "Timeline", "Communication"]; return (
{/* Header */}

{p.name}

{p.priority} priority
{p.id} {p.age} yrs · {p.gender} {p.specialty} {dest.city}, {dest.country}
{/* Tabs */}
{tabs.map((t) => )}
{tab === "Overview" ? : null} {tab === "Medical history" ? : null} {tab === "Documents" ? : null} {tab === "Timeline" ? : null} {tab === "Communication" ? : null}
); } function InfoRow({ label, children }) { return (
{label} {children}
); } function PatientOverview({ p, dest, co, hosp }) { const remaining = p.estimate - p.paid; return (

{p.name} is a {p.age}-year-old {p.gender.toLowerCase()} patient referred for {p.condition.toLowerCase()}. Carebridge has coordinated a {p.specialty.toLowerCase()} pathway at {hosp.name} in {dest.city}. The case is currently at the {PD.STAGES[p.stage].toLowerCase()} stage, managed by {co.name}.

{[["Treatment progress", p.progress + "%"], ["Care start", p.started], ["Last update", p.updated]].map((k, i) => (
{k[0]}
{k[1]}
))}
{hosp.name} {p.specialty} {hosp.accreditation}
{p.visa} {p.flight} {co.name}
Treatment estimate
{p.estimate ? PD.money(p.estimate) : "Pending"}
{p.estimate ? (
Paid {PD.money(p.paid)}{Math.round((p.paid / p.estimate) * 100)}%
Remaining balance
0 ? "var(--warning)" : "var(--teal-700)", fontFamily: "var(--font-display)" }}>{PD.money(remaining)}
) :

Estimate prepared after medical review.

}
{[co, PD.coordById("c2"), PD.coordById("c4")].map((m, i) => (
{m.name}
{m.role}
))}
); } function PatientHistory({ p }) { const items = [ { t: "Presenting condition", d: p.condition, meta: "Referred by Carebridge intake" }, { t: "Allergies", d: "No known drug allergies (sample)", meta: "Self-reported" }, { t: "Chronic conditions", d: "Hypertension, managed (sample)", meta: "From submitted records" }, { t: "Previous procedures", d: "None on file (sample)", meta: "—" }, { t: "Current medication", d: "Per submitted prescription (sample)", meta: "Pending hospital review" }, ]; return (
{items.map((it, i) => (
{it.t}
{it.d}
{it.meta}
))}
); } function PatientDocuments() { const docs = [ { name: "Passport copy", type: "PDF", size: "1.2 MB", icon: "book-user", status: "Verified" }, { name: "Medical report bundle", type: "PDF", size: "8.4 MB", icon: "file-text", status: "Reviewed" }, { name: "Visa application", type: "PDF", size: "0.9 MB", icon: "stamp", status: "Submitted" }, { name: "Insurance letter", type: "PDF", size: "0.4 MB", icon: "shield-check", status: "On file" }, { name: "Lab results — bloods", type: "PDF", size: "2.1 MB", icon: "flask-conical", status: "Reviewed" }, { name: "Hospital admission letter", type: "PDF", size: "0.6 MB", icon: "hospital", status: "Received" }, ]; return ( {}} />
{docs.map((d, i) => (
{d.name}
{d.type} · {d.size}
{d.status}
))}
); } function PatientTimeline({ p, hosp }) { const events = [ { icon: "user-plus", tone: "navy", title: "Initial inquiry received", date: p.started, body: "Family contacted Carebridge and shared first medical reports." }, { icon: "file-search", tone: "teal", title: "Medical reports reviewed", date: "Within 48 hours", body: "Reports organized and shared with " + hosp.name + " for opinion." }, { icon: "stamp", tone: "warn", title: "Visa & travel arranged", date: "1 week later", body: "Visa application submitted, flights and accommodation coordinated." }, { icon: "stethoscope", tone: "navy", title: "Treatment commenced", date: "On arrival", body: p.specialty + " pathway started at " + hosp.name + "." }, { icon: "heart-pulse", tone: "teal", title: "Currently: " + PD.STAGES[p.stage], date: p.updated, body: "Care team monitoring progress — " + p.progress + "% complete." }, ]; return (
{events.map((e, i) => (
{i < events.length - 1 ?
: null}
{e.title}
{e.date}

{e.body}

))}
); } function PatientComms({ p, co }) { const msgs = [ { me: false, text: "Assalamu alaikum, we received the hospital letter. Thank you so much for your help.", time: "09:12" }, { me: true, text: "Wa alaikum salam. You're very welcome. Your admission is confirmed for " + p.started + ". I'll share the travel plan today.", time: "09:20" }, { me: false, text: "JazakAllah khair. Should we prepare anything before the flight?", time: "09:24" }, { me: true, text: "Just your passport and the documents I sent. Our team will meet you at the airport. You're in good hands.", time: "09:26" }, ]; return (
{msgs.map((m, i) => (
{m.text}
{m.me ? co.name : p.name} · {m.time}
))}
); } Object.assign(window, { PatientsView, PatientDetail });