@extends('layouts.app')
@section('title', 'ANC Clients')
@section('content')

{{-- Top Actions --}}
<div class="flex flex-wrap gap-3 mb-4">
    <a href="{{ route('maternity.anc.register') }}" class="btn-success text-xs px-4">+ Register New ANC Client</a>
</div>

{{-- Filter pills --}}
<div class="flex flex-wrap gap-2 mb-5">
    @foreach(['all'=>'All Active','today'=>'EDD Today','week'=>'This Week','overdue'=>'Overdue','delivered'=>'Delivered'] as $key => $label)
    <a href="{{ route('maternity.edd', ['filter'=>$key]) }}" class="px-4 py-2 rounded-lg text-xs font-semibold {{ $filter === $key ? 'bg-pink-600 text-white' : 'bg-white border text-gray-700 hover:bg-gray-50' }}">{{ $label }}</a>
    @endforeach
</div>

<div class="bg-white rounded-xl border shadow-sm overflow-hidden">
    <table class="w-full"><thead class="bg-gray-50"><tr><th class="table-header">Patient</th><th class="table-header">MRN</th><th class="table-header">Phone</th><th class="table-header">GA</th><th class="table-header">EDD</th><th class="table-header">Days</th><th class="table-header">Risk</th><th class="table-header">Visits</th><th class="table-header">Actions</th></tr></thead>
    <tbody>@forelse($mothers as $r)
        <tr class="border-b border-gray-50 hover:bg-gray-50 {{ $r->is_overdue ? 'bg-red-50/50' : '' }}">
            <td class="table-cell font-medium">{{ $r->patient->full_name ?? '' }}</td>
            <td class="table-cell font-mono text-xs">{{ $r->patient->mrn ?? '' }}</td>
            <td class="table-cell text-xs">{{ $r->patient->phone ?? '' }}</td>
            <td class="table-cell">{{ $r->gestational_age ?? '-' }}wks</td>
            <td class="table-cell font-semibold {{ $r->is_overdue ? 'text-red-600' : ($r->is_near_edd ? 'text-amber-600' : '') }}">{{ $r->edd?->format('d M Y') ?? '-' }}</td>
            <td class="table-cell text-xs">{{ $r->edd ? ($r->edd->isPast() ? (int) abs($r->edd->diffInDays(now())).' overdue' : (int) $r->edd->diffInDays(now()).' days') : '-' }}</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">{{ $r->visits_count ?? 0 }}</td>
            <td class="table-cell"><a href="{{ route('maternity.anc.profile', $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-8">No results.</td></tr>@endforelse</tbody></table>
    <div class="px-4 py-3 border-t">{{ $mothers->links() }}</div>
</div>
@endsection