<section class="bg-slate-50 py-8"><div class="mx-auto max-w-6xl px-5"><a href="/find-care" class="text-sm font-semibold text-slate-500">← Back to results</a><div class="mt-5 grid gap-6 lg:grid-cols-[1fr_320px]">
<div class="space-y-6"><div class="rounded-2xl border border-slate-100 bg-white p-6 shadow-card"><div class="flex flex-col gap-5 sm:flex-row"><div class="grid h-28 w-28 shrink-0 place-items-center rounded-2xl bg-teal-50 font-display text-3xl font-extrabold text-teal-700"><?= initials($practitioner['full_name']) ?></div><div class="flex-1"><div class="flex flex-wrap items-center gap-2"><h1 class="font-display text-3xl font-extrabold"><?= esc($practitioner['full_name']) ?></h1><span class="rounded-full bg-emerald-50 px-2.5 py-1 text-xs font-bold text-emerald-700">Verified</span></div><p class="mt-1 text-sm text-slate-500"><?= esc($practitioner['profession']) ?></p><div class="mt-4 flex flex-wrap gap-4 text-xs text-slate-500"><span>★ <?= number_format((float)$practitioner['rating'],1) ?> (<?= (int)$practitioner['review_count'] ?> reviews)</span><span><?= (int)$practitioner['years_experience'] ?> years experience</span><span>Home & virtual care</span></div></div></div><div class="mt-6 border-t border-slate-100 pt-6"><h2 class="font-display text-lg font-bold">About</h2><p class="mt-3 text-sm leading-7 text-slate-600"><?= esc($practitioner['bio'] ?: 'Verified healthcare professional available through TibaLeta home care.') ?></p></div><div class="mt-6 border-t border-slate-100 pt-6"><h2 class="font-display text-lg font-bold">Professional registration</h2><dl class="mt-3 grid gap-4 text-sm sm:grid-cols-2"><div><dt class="text-xs text-slate-400">Registration number</dt><dd class="mt-1 font-semibold"><?= esc($practitioner['registration_number'] ?: 'Verified on file') ?></dd></div><div><dt class="text-xs text-slate-400">Professional body</dt><dd class="mt-1 font-semibold"><?= esc($practitioner['professional_body'] ?: 'Verified on file') ?></dd></div></dl></div></div>
<div class="rounded-2xl border border-slate-100 bg-white p-6"><h2 class="font-display text-lg font-bold">Services</h2><div class="mt-4 grid gap-3 sm:grid-cols-2"><?php foreach($practitioner['services'] as $s): ?><div class="rounded-xl border border-slate-100 p-4"><p class="font-semibold text-navy"><?= esc($s['name']) ?></p><p class="mt-1 text-xs text-slate-500"><?= money($s['price'] ?: $s['base_price']) ?></p></div><?php endforeach; ?></div></div></div>
<aside><div class="sticky top-28 rounded-2xl border border-slate-100 bg-white p-5 shadow-card"><h2 class="font-display text-lg font-bold">Book this practitioner</h2><?php foreach($practitioner['services'] as $s): ?><div class="mt-4 rounded-xl bg-slate-50 p-4"><div class="flex items-center justify-between"><span class="text-sm font-semibold"><?= esc($s['name']) ?></span><span class="text-xs font-bold text-teal-700"><?= money($s['price'] ?: $s['base_price']) ?></span></div></div><?php endforeach; ?><a href="<?= auth_user()?'/patient/request-care':'/login' ?>" class="mt-4 block rounded-xl bg-teal-600 px-4 py-3 text-center text-sm font-extrabold text-white hover:bg-teal-700">Request Home Visit</a><a href="<?= auth_user()?'/patient/request-care':'/login' ?>" class="mt-2 block rounded-xl border border-slate-200 px-4 py-3 text-center text-sm font-bold text-navy">Video Consultation</a><div class="mt-5 grid grid-cols-2 gap-3 text-center"><div class="rounded-xl border border-slate-100 p-3"><div class="font-display text-xl font-extrabold"><?= (int)$practitioner['review_count'] ?></div><div class="mt-1 text-[10px] text-slate-400">Patient reviews</div></div><div class="rounded-xl border border-slate-100 p-3"><div class="font-display text-xl font-extrabold">&lt; 20m</div><div class="mt-1 text-[10px] text-slate-400">Avg response</div></div></div></div></aside>
</div></div></section>
