@extends('layouts.app')
@section('title', 'Maternity Dashboard')
@section('content')
{{-- Stats cards --}}
<div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-3 mb-5">
    <div class="stat-card"><p class="text-xs text-gray-500 uppercase">Active ANC</p><p class="text-2xl font-bold text-pink-600">{{ $stats['total_active'] }}</p></div>
    <div class="stat-card"><p class="text-xs text-gray-500 uppercase">1st ANC Today</p><p class="text-xl font-bold">{{ $stats['first_anc_today'] }}</p><p class="text-xs text-gray-400">Week: {{ $stats['first_anc_week'] }} · Month: {{ $stats['first_anc_month'] }}</p></div>
    <div class="stat-card"><p class="text-xs text-gray-500 uppercase">Follow-ups Today</p><p class="text-xl font-bold">{{ $stats['followup_today'] }}</p></div>
    <div class="stat-card"><p class="text-xs text-gray-500 uppercase">High Risk</p><p class="text-xl font-bold text-red-600">{{ $stats['high_risk'] }}</p></div>
    <div class="stat-card"><p class="text-xs text-gray-500 uppercase">Delivered (Month)</p><p class="text-xl font-bold text-green-600">{{ $stats['deliveries_month'] }}</p></div>
    <div class="stat-card"><p class="text-xs text-gray-500 uppercase">Missed Follow-ups</p><p class="text-xl font-bold text-orange-600">{{ $missedFollowups->count() }}</p></div>
</div>

<div class="flex gap-3 mb-5">
    <a href="{{ route('maternity.anc.register') }}" class="btn-success">+ Register ANC</a>
</div>

<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
    {{-- Missed Follow-ups --}}
    <div class="bg-white rounded-xl border shadow-sm overflow-hidden">
        <div class="px-5 py-3 border-b bg-orange-50"><h3 class="text-sm font-semibold text-orange-800">Missed ANC Follow-ups</h3></div>
        <div class="divide-y max-h-80 overflow-y-auto">
            @forelse($missedFollowups as $r)
            <a href="{{ route('maternity.anc.show', $r) }}" class="flex items-center justify-between px-5 py-3 hover:bg-orange-50/50">
                <div><p class="text-sm font-medium">{{ $r->patient->full_name ?? '' }}</p><p class="text-xs text-gray-400">{{ $r->patient->phone ?? '' }}</p></div>
                <div class="text-right"><p class="text-xs text-orange-600">Due: {{ $r->next_visit_date?->format('d M') }}</p><p class="text-xs text-red-400">{{ $r->next_visit_date?->diffForHumans() }}</p></div>
            </a>
            @empty<p class="px-5 py-4 text-sm text-gray-400">No missed follow-ups.</p>@endforelse
        </div>
    </div>

    {{-- Recent Deliveries --}}
    <div class="bg-white rounded-xl border shadow-sm overflow-hidden">
        <div class="px-5 py-3 border-b bg-green-50"><h3 class="text-sm font-semibold text-green-800">Recent Deliveries</h3></div>
        <div class="divide-y max-h-80 overflow-y-auto">
            @forelse($recentDeliveries as $d)
            <div class="flex items-center justify-between px-5 py-3">
                <div><p class="text-sm font-medium">{{ $d->patient->full_name ?? '' }}</p><p class="text-xs text-gray-400">{{ $d->mode_of_delivery }} · {{ $d->delivery_date?->format('d M Y') }}</p></div>
                <div class="text-right">
                    <span class="badge {{ ($d->baby_outcome ?? 'live_birth') === 'live_birth' ? 'badge-success' : 'badge-danger' }}">{{ ucfirst(str_replace('_',' ',$d->baby_outcome ?? 'live_birth')) }}</span>
                    @if($d->newborns && $d->newborns->count())<p class="text-xs text-gray-400 mt-1">{{ $d->newborns->first()?->birth_weight }}kg · {{ ucfirst($d->newborns->first()?->gender ?? '') }}</p>@endif
                </div>
            </div>
            @empty<p class="px-5 py-4 text-sm text-gray-400">No recent deliveries.</p>@endforelse
        </div>
    </div>
</div>

{{-- Active ANC Clients Table --}}
<div class="bg-white rounded-xl border shadow-sm overflow-hidden mt-6">
    <div class="px-5 py-3 border-b bg-pink-50"><h3 class="text-sm font-semibold text-pink-800">Active ANC Clients</h3></div>
    <table class="w-full"><thead class="bg-gray-50"><tr><th class="table-header">Patient</th><th class="table-header">GA</th><th class="table-header">EDD</th><th class="table-header">Gravida</th><th class="table-header">Visits</th><th class="table-header">Risk</th><th class="table-header">Package</th><th class="table-header">Next Visit</th><th class="table-header">Actions</th></tr></thead>
    <tbody>@forelse($activeClients as $r)
        <tr class="border-b border-gray-50 hover:bg-gray-50">
            <td class="table-cell font-medium">{{ $r->patient->full_name ?? '' }}<br><span class="text-xs text-gray-400">{{ $r->patient->mrn ?? '' }}</span></td>
            <td class="table-cell">{{ $r->gestational_age ?? '-' }}wks</td>
            <td class="table-cell {{ $r->is_overdue ? 'text-red-600 font-bold' : ($r->is_near_edd ? 'text-amber-600 font-semibold' : '') }}">{{ $r->edd?->format('d M Y') ?? '-' }}</td>
            <td class="table-cell">G{{ $r->gravida }}P{{ $r->parity }}</td>
            <td class="table-cell">{{ $r->visits_count }}</td>
            <td class="table-cell"><span class="badge {{ $r->risk_status === 'high' || $r->risk_status === 'very_high' ? 'badge-danger' : 'badge-success' }}">{{ ucfirst($r->risk_status ?? 'normal') }}</span></td>
            <td class="table-cell text-xs">{{ \App\Services\AncPackage::forType($r->package_type)['label'] ?? ($r->package_type ?? '-') }}</td>
            <td class="table-cell text-xs {{ ($r->next_visit_date && $r->next_visit_date->isPast()) ? 'text-red-500 font-semibold' : '' }}">{{ $r->next_visit_date?->format('d M') ?? '-' }}</td>
            <td class="table-cell"><a href="{{ route('maternity.anc.show', $r) }}" class="text-xs text-sky-600 font-medium">View</a></td>
        </tr>
    @empty<tr><td colspan="9" class="table-cell text-center text-gray-400 py-6">No active ANC clients.</td></tr>@endforelse</tbody></table>
    <div class="px-4 py-3 border-t">{{ $activeClients->links() }}</div>
</div>
@endsection