// pages-b.jsx — AI literacy, Gallery (+GalleryCard), Dashboard, Contact, Footer /* ============ AI LITERACY ============ */ function AiPage({ go, t, L }) { const [open, setOpen] = React.useState(null); const [quiz, setQuiz] = React.useState({}); return (
{/* tracks */}
{AI_TRACKS.map((a, i) => { const I = Icon[a.accent === 'purple' ? 'cpu' : a.accent === 'gold' ? 'shield' : 'spark']; return (
{L(a.level)} {a.mins} {L({ ar: 'دقيقة', en: 'min' })}

{L(a.title)}

{L(a.desc)}

 ); })}
{/* tip + quiz */}
{t('ai_tip_t')}

{L(AI_TIP)}
{t('ai_quiz')}
{AI_QUIZ.map((q, i) => (
{quiz[i] &&

✓ {L(q.a)}

}
))}
{/* glossary */}
{AI_GLOSSARY.map((g, i) => (
{L(g.term)}

{L(g.def)}

))}
); } /* ============ GALLERY ============ */ const STATUS_MAP = { review: { badge: 'rose', key: 'st_review' }, pilot: { badge: 'purple', key: 'st_pilot' }, adopted: { badge: 'mint', key: 'st_adopted' }, }; function GalleryCard({ g, t, L }) { const s = STATUS_MAP[g.status]; return (
{L(g.dept)} {t(s.key)}

{L(g.title)}

{L(g.desc)}

); } function GalleryPage({ go, t, L }) { const [f, setF] = React.useState('all'); const filters = [ { id: 'all', label: { ar: 'الكل', en: 'All' } }, { id: 'adopted', label: { ar: 'مُعتمد', en: 'Adopted' } }, { id: 'pilot', label: { ar: 'تجربة', en: 'Pilot' } }, { id: 'review', label: { ar: 'مراجعة', en: 'Review' } }, ]; const list = GALLERY.filter(g => f === 'all' || g.status === f); return (
{filters.map(x => )}
{list.map((g, i) => )}
); } /* ============ DASHBOARD ============ */ function Dashboard({ t, L, embedded }) { const deptData = [ [{ ar: 'تجربة الموظف', en: 'Employee experience' }, 68], [{ ar: 'الرعاية الأولية', en: 'Primary care' }, 54], [{ ar: 'الطوارئ', en: 'Emergency' }, 41], [{ ar: 'الصيدلية', en: 'Pharmacy' }, 33], [{ ar: 'العيادات الخارجية', en: 'Outpatient' }, 28], [{ ar: 'إدارة المرافق', en: 'Facilities' }, 24], ]; const maxV = Math.max(...deptData.map(d => d[1])); const statusDist = [ [{ ar: 'قيد المراجعة', en: 'Under review' }, 112, 'rose'], [{ ar: 'تجربة ميدانية', en: 'In pilot' }, 84, 'purple'], [{ ar: 'مُعتمد', en: 'Adopted' }, 52, 'mint'], ]; const total = statusDist.reduce((a, b) => a + b[1], 0); return (
{t('by_dept')}
{deptData.map(([d, v], i) => (
{L(d)}{v}
))}
{t('status')}
{statusDist.map(([d, v, c], i) => (
{L(d)} {v}
))}
); } function DonutChart({ data, total }) { const R = 54, C = 2 * Math.PI * R; let off = 0; const colors = { mint: '#1fd1a3', purple: '#8a6dff', gold: '#e7b34a', rose: '#ff7a8a' }; return (
{data.map(([, v, c], i) => { const len = (v / total) * C; const el = ; off += len; return el; })}
{total}
{total ? '' : ''}
); } /* ============ CONTACT ============ */ function waLink(num) { const digits = String(num || '').replace(/[^\d]/g, '').replace(/^00/, ''); return 'https://wa.me/' + digits; } function Contact({ t, L, data }) { const c = data.contact; const items = [ ['mail', 'ch_email', c.email, `mailto:${c.email}`, null], ['wa', 'ch_whatsapp', c.whatsapp, waLink(c.whatsapp), c.lead ? L(c.lead) : null], ['phone', 'ch_phone', c.phone, null, null], ['pin', 'ch_office', L(c.office), null, null], ]; return (
{t('contact_t')}

{t('contact_t')}

{t('contact_d')}

{items.map(([ic, lbl, val, href, sub], i) => { const I = Icon[ic]; const inner = (
{STR[lbl] ? t(lbl) : lbl}{sub ? ` · ${sub}` : ''}
{val}
); return href ? {inner} :
{inner}
; })}
IBTIKAR.HEALTH

{L({ ar: 'كل فكرة تستحق أن تُسمع.', en: 'Every idea deserves to be heard.' })}

); } /* ============ FOOTER ============ */ function Footer({ t, L, go, data }) { const links = [['nav_idea', 'idea'], ['nav_courses', 'courses'], ['nav_academy', 'academy'], ['nav_patents', 'patents'], ['nav_ai', 'ai'], ['nav_admin', 'admin']]; const c = (data && data.contact) || {}; return ( ); } Object.assign(window, { AiPage, GalleryPage, GalleryCard, Dashboard, Contact, Footer });