{{--
    Pregnancy banner partial
    Expects:
      $patient, $pregnancy (nullable), $consult, $riskResult
--}}
@php
    $level = $riskResult['level'] ?? 'low';
    $factors = $riskResult['factors'] ?? [];
    $banners = $riskResult['banners'] ?? [];
    $autoUpgraded = $riskResult['auto_upgraded'] ?? false;

    $levelColors = [
        'low'      => ['bg' => 'bg-emerald-50',  'border' => 'border-emerald-500', 'text' => 'text-emerald-800',  'dot' => 'bg-emerald-500', 'label' => 'LOW RISK'],
        'moderate' => ['bg' => 'bg-amber-50',    'border' => 'border-amber-500',   'text' => 'text-amber-800',    'dot' => 'bg-amber-500',   'label' => 'MODERATE RISK'],
        'high'     => ['bg' => 'bg-rose-50',     'border' => 'border-rose-600',    'text' => 'text-rose-800',     'dot' => 'bg-rose-600',    'label' => 'HIGH RISK'],
    ];
    $c = $levelColors[$level];

    // Compute GA display
    $gaDisplay = null;
    if ($consult->gestation_weeks !== null) {
        $gaDisplay = $consult->gestation_weeks . 'w';
        if ($consult->gestation_days) {
            $gaDisplay .= ' ' . $consult->gestation_days . 'd';
        }
    } elseif ($consult->lmp) {
        $days = \Carbon\Carbon::parse($consult->lmp)->diffInDays(now());
        $w = intdiv($days, 7);
        $d = $days % 7;
        $gaDisplay = $w . 'w ' . $d . 'd';
    }

    $bannerSeverityClasses = [
        'danger'  => 'bg-rose-100 border-rose-400 text-rose-900',
        'warning' => 'bg-amber-100 border-amber-400 text-amber-900',
        'info'    => 'bg-sky-100 border-sky-400 text-sky-900',
    ];
@endphp

<div class="mb-4">
    {{-- Main pregnancy banner --}}
    <div class="{{ $c['bg'] }} border-l-4 {{ $c['border'] }} rounded-r-lg shadow-sm px-5 py-4">
        <div class="flex flex-wrap items-center justify-between gap-4">
            <div class="flex items-center gap-4">
                <div class="flex items-center gap-2">
                    <span class="inline-block w-3 h-3 rounded-full {{ $c['dot'] }} animate-pulse"></span>
                    <span class="font-bold {{ $c['text'] }} text-sm tracking-wide">{{ $c['label'] }}</span>
                    @if($autoUpgraded)
                        <span class="ml-1 inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-white/80 text-rose-700 border border-rose-300">
                            AUTO-UPGRADED
                        </span>
                    @endif
                </div>

                <div class="flex items-center gap-6 text-sm {{ $c['text'] }}">
                    <div>
                        <span class="font-semibold">{{ $patient->full_name ?? $patient->name ?? 'Patient' }}</span>
                        @if($patient->date_of_birth)
                            <span class="opacity-75">· {{ \Carbon\Carbon::parse($patient->date_of_birth)->age }} yrs</span>
                        @endif
                        @if($patient->patient_number ?? null)
                            <span class="opacity-75">· {{ $patient->patient_number }}</span>
                        @endif
                    </div>
                </div>
            </div>

            <div class="flex items-center gap-5 text-sm {{ $c['text'] }}">
                @if($consult->visit_number)
                    <div>
                        <span class="opacity-75">ANC</span>
                        <span class="font-semibold">#{{ $consult->visit_number }}</span>
                    </div>
                @endif
                @if($gaDisplay)
                    <div>
                        <span class="opacity-75">GA</span>
                        <span class="font-semibold">{{ $gaDisplay }}</span>
                    </div>
                @endif
                @if($consult->edd)
                    <div>
                        <span class="opacity-75">EDD</span>
                        <span class="font-semibold">{{ \Carbon\Carbon::parse($consult->edd)->format('d M Y') }}</span>
                    </div>
                @endif
                @if($consult->gravida !== null || $consult->para !== null)
                    <div>
                        <span class="opacity-75">G/P</span>
                        <span class="font-semibold">{{ $consult->gravida ?? '?' }}/{{ $consult->para ?? '?' }}</span>
                    </div>
                @endif
            </div>
        </div>

        {{-- Risk factors chip list --}}
        @if(count($factors))
            <div class="mt-3 pt-3 border-t border-white/60">
                <div class="text-xs font-semibold {{ $c['text'] }} uppercase tracking-wide mb-2">
                    Flagged risk factors ({{ count($factors) }})
                </div>
                <div class="flex flex-wrap gap-2">
                    @foreach($factors as $factor)
                        <span class="inline-flex items-center px-2.5 py-1 rounded-full text-xs font-medium bg-white/80 {{ $c['text'] }} border border-white">
                            {{ $factor }}
                        </span>
                    @endforeach
                </div>
            </div>
        @endif
    </div>

    {{-- Clinical banners (treatment reminders) --}}
    @if(count($banners))
        <div class="mt-3 space-y-2">
            @foreach($banners as $banner)
                @php $severityClass = $bannerSeverityClasses[$banner['severity']] ?? $bannerSeverityClasses['info']; @endphp
                <div class="border-l-4 rounded-r px-4 py-2.5 {{ $severityClass }}">
                    <div class="font-semibold text-sm">{{ $banner['title'] }}</div>
                    <div class="text-sm mt-0.5">{{ $banner['message'] }}</div>
                </div>
            @endforeach
        </div>
    @endif

    {{-- Triage soft warning --}}
    @if(! ($triageOk ?? false))
        <div class="mt-3 border-l-4 border-amber-500 bg-amber-50 px-4 py-2.5 rounded-r">
            <div class="flex items-start gap-2">
                <svg class="w-5 h-5 text-amber-600 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"/>
                </svg>
                <div class="text-sm text-amber-900">
                    <span class="font-semibold">Triage incomplete.</span>
                    Please record BP, pulse, temperature and weight before finalising this consult.
                    You can still save, but this consult will be flagged in the incomplete-triage report.
                </div>
            </div>
        </div>
    @endif
</div>