@extends('layouts.app')
@section('title', 'MOH 333 | Delivery Summary')
@section('styles')<style>@media print{.no-print{display:none!important}body{background:#fff}}</style>@endsection
@section('content')
<div class="mb-1"><h1 class="text-lg font-bold text-gray-900">MOH 333 | Delivery Summary</h1><p class="text-xs text-gray-400">{{ $month->format('F Y') }} · Auto-generated from delivery records</p></div>
@include('reports._moh-month')

@if($data['total'] === 0)
<div class="bg-amber-50 border border-amber-200 rounded-xl p-4 mb-4">
    <p class="text-sm text-amber-700 font-medium">No delivery data found for {{ $month->format('F Y') }}.</p>
    <p class="text-xs text-amber-600 mt-1">Ensure deliveries are recorded with mode, outcome, and complications fields.</p>
</div>
@endif

<div class="grid grid-cols-2 md:grid-cols-4 gap-3 mb-4">
    <div class="stat-card"><p class="text-xs text-gray-400 uppercase">Total Deliveries</p><p class="text-xl font-bold">{{ $data['total'] }}</p></div>
    <div class="stat-card"><p class="text-xs text-gray-400 uppercase">Live Births</p><p class="text-xl font-bold text-green-600">{{ $data['live_births'] }}</p></div>
    <div class="stat-card"><p class="text-xs text-gray-400 uppercase">Still Births</p><p class="text-xl font-bold text-red-600">{{ $data['still_births'] }}</p></div>
    <div class="stat-card"><p class="text-xs text-gray-400 uppercase">Maternal Deaths</p><p class="text-xl font-bold text-red-600">{{ $data['maternal_deaths'] }}</p></div>
</div>

<div class="bg-white rounded-xl border shadow-sm max-w-2xl" id="reportTable">
    <table class="w-full">
        <thead><tr class="bg-gray-50"><th class="table-header">Indicator</th><th class="table-header text-right">Count</th></tr></thead>
        <tbody>
            <tr class="border-b border-gray-200 bg-blue-50/30"><td class="table-cell text-xs font-bold text-blue-800" colspan="2">Mode of Delivery</td></tr>
            <tr class="border-b border-gray-50"><td class="table-cell text-xs font-medium">Normal / Spontaneous Vaginal</td><td class="table-cell text-right text-xs font-bold">{{ $data['normal'] }}</td></tr>
            <tr class="border-b border-gray-50"><td class="table-cell text-xs font-medium">Caesarean Section</td><td class="table-cell text-right text-xs font-bold">{{ $data['cs'] }}</td></tr>
            <tr class="border-b border-gray-50"><td class="table-cell text-xs font-medium">Assisted (Vacuum / Forceps / Breech)</td><td class="table-cell text-right text-xs font-bold">{{ $data['assisted'] }}</td></tr>

            <tr class="border-b border-gray-200 bg-green-50/30"><td class="table-cell text-xs font-bold text-green-800" colspan="2">Outcomes</td></tr>
            <tr class="border-b border-gray-50"><td class="table-cell text-xs font-medium">Live Births</td><td class="table-cell text-right text-xs font-bold text-green-600">{{ $data['live_births'] }}</td></tr>
            <tr class="border-b border-gray-50"><td class="table-cell text-xs font-medium">Still Births</td><td class="table-cell text-right text-xs font-bold text-red-600">{{ $data['still_births'] }}</td></tr>

            <tr class="border-b border-gray-200 bg-red-50/30"><td class="table-cell text-xs font-bold text-red-800" colspan="2">Complications</td></tr>
            <tr class="border-b border-gray-50"><td class="table-cell text-xs font-medium">Deliveries with Complications</td><td class="table-cell text-right text-xs font-bold">{{ $data['complications'] }}</td></tr>
            <tr><td class="table-cell text-xs font-medium">Maternal Deaths</td><td class="table-cell text-right text-xs font-bold text-red-600">{{ $data['maternal_deaths'] }}</td></tr>
        </tbody>
    </table>
</div>
@endsection