@php
    $hist = $surgeryHistory?->payload ?? [];
    $exam = $surgeryExam?->payload ?? [];
    $plan = $surgeryPlan?->payload ?? [];
@endphp
<section class="rounded-2xl border border-slate-200 bg-white p-5">
    <div class="flex flex-wrap items-start justify-between gap-3">
        <div>
            <h3 class="text-sm font-semibold text-slate-900">Surgery overview</h3>
            <p class="mt-0.5 text-xs text-slate-500">Pre-op history, exam, investigations, consent/plan, procedure, and post-op.</p>
        </div>
        <div class="flex flex-wrap gap-3 text-sm">
            <a href="{{ route('care.specialty.surgery.print', $workspaceVisit) }}" target="_blank" class="font-medium text-indigo-600">Print summary</a>
            <a href="{{ route('care.specialty.surgery.reports') }}" class="font-medium text-indigo-600">Surgery reports</a>
        </div>
    </div>
    <div class="mt-4 grid gap-3 sm:grid-cols-3">
        <div class="rounded-xl border border-slate-100 bg-slate-50 px-3 py-3">
            <p class="text-xs font-semibold uppercase tracking-wide text-slate-500">Complaint</p>
            <p class="mt-1 text-sm font-semibold text-slate-900">{{ $exam['chief_complaint'] ?? '—' }}</p>
            <p class="mt-1 text-xs text-slate-500">ASA {{ $exam['asa_class'] ?? '—' }}</p>
        </div>
        <div class="rounded-xl border border-slate-100 bg-slate-50 px-3 py-3">
            <p class="text-xs font-semibold uppercase tracking-wide text-slate-500">Proposed procedure</p>
            <p class="mt-1 text-sm font-semibold text-slate-900">{{ $plan['proposed_procedure'] ?? '—' }}</p>
            <p class="mt-1 text-xs text-slate-500">{{ ! empty($plan['consent_obtained']) ? 'Consent obtained' : 'Consent pending' }}</p>
        </div>
        <div class="rounded-xl border border-slate-100 bg-slate-50 px-3 py-3">
            <p class="text-xs font-semibold uppercase tracking-wide text-slate-500">Diagnosis / plan</p>
            <p class="mt-1 text-sm font-semibold text-slate-900">{{ $plan['diagnosis'] ?? 'Not set' }}</p>
            <p class="mt-1 text-xs text-slate-500">{{ $plan['follow_up'] ?? '—' }}</p>
        </div>
    </div>
    <dl class="mt-4 grid gap-3 text-sm sm:grid-cols-2">
        <div><dt class="text-slate-500">History</dt><dd class="font-medium text-slate-900">{{ $hist['history'] ?? '—' }}</dd></div>
        <div><dt class="text-slate-500">Plan</dt><dd class="font-medium text-slate-900">{{ $plan['plan'] ?? '—' }}</dd></div>
    </dl>
    @if (! empty($clinicalAlerts))
        <div class="mt-4 space-y-1.5 border-t border-slate-100 pt-4">
            <p class="text-xs font-semibold uppercase tracking-wide text-slate-500">Alerts</p>
            @foreach ($clinicalAlerts as $alert)
                <p class="text-sm {{ ($alert['severity'] ?? '') === 'critical' ? 'text-rose-700' : 'text-amber-800' }}">{{ $alert['message'] ?? '' }}</p>
            @endforeach
        </div>
    @endif
</section>