@php
    $bulanNama = [
        1 => 'Januari', 2 => 'Februari', 3 => 'Maret', 4 => 'April',
        5 => 'Mei', 6 => 'Juni', 7 => 'Juli', 8 => 'Agustus',
        9 => 'September', 10 => 'Oktober', 11 => 'November', 12 => 'Desember'
    ];
@endphp

<div class="container mx-auto px-4 py-6">
    <!-- Header -->
    <div class="text-center mb-6">
        <h2 class="text-xl font-semibold text-gray-900 dark:text-white">REKAPITULASI DATA</h2>
        <p class="text-sm text-gray-700 dark:text-gray-300">IBU HAMIL, MELAHIRKAN, NIFAS, IBU MENINGGAL, KELAHIRAN BAYI, BAYI MENINGGAL, DAN KEMATIAN BALITA</p>
    </div>

    <!-- Info Bar -->
    <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4 text-sm">
        <div class="space-y-1">
            <div class="text-gray-700 dark:text-gray-300"><span class="font-medium">Kelompok Dasawisma:</span> {{ $kelompok->nama_kelompok ?? '-' }}</div>
            <div class="text-gray-700 dark:text-gray-300"><span class="font-medium">Kelompok PKK RT:</span> {{ $rtText ?? '-' }}</div>
            <div class="text-gray-700 dark:text-gray-300"><span class="font-medium">Kelompok PKK RW:</span> {{ $rwText ?? '-' }}</div>
            <div class="text-gray-700 dark:text-gray-300"><span class="font-medium">Dusun/Lingkungan:</span> -</div>
            <div class="text-gray-700 dark:text-gray-300"><span class="font-medium">Desa/Kelurahan:</span> {{ $kelText ?? '-' }}</div>
        </div>
        <div class="md:text-right">
            <div class="text-gray-700 dark:text-gray-300"><span class="font-medium">Bulan:</span> {{ $bulan_nama ?? ($bulanNama[$bulan] ?? '') }}</div>
            <div class="text-gray-700 dark:text-gray-300"><span class="font-medium">Tahun:</span> {{ $tahun }}</div>
        </div>
    </div>

    <!-- Filter -->
    <form method="get" action="{{ route('laporan.pkk.hamil-kelahiran-kematian') }}" class="bg-white dark:bg-gray-800 p-4 rounded-md shadow mb-6">
        <div class="grid grid-cols-1 md:grid-cols-4 gap-4">
            <div>
                <label class="block text-sm font-medium text-gray-700 dark:text-gray-300">Bulan</label>
                <select name="bulan" class="mt-1 block w-full border-gray-300 dark:border-gray-600 rounded-md shadow-sm dark:bg-gray-700 dark:text-white">
                    @for($b=1;$b<=12;$b++)
                        <option value="{{ $b }}" {{ (int)$bulan === $b ? 'selected' : '' }}>{{ $bulanNama[$b] }}</option>
                    @endfor
                </select>
            </div>
            <div>
                <label class="block text-sm font-medium text-gray-700 dark:text-gray-300">Tahun</label>
                <input type="number" name="tahun" value="{{ $tahun }}" class="mt-1 block w-full border-gray-300 dark:border-gray-600 rounded-md shadow-sm dark:bg-gray-700 dark:text-white" />
            </div>
            <div class="md:col-span-2 flex items-end justify-start md:justify-end">
                <button type="submit" class="inline-flex items-center px-4 py-2 bg-blue-600 text-white rounded-md shadow hover:bg-blue-700">Terapkan</button>
            </div>
        </div>
    </form>

    <!-- Title -->
    <h3 class="text-lg font-medium text-gray-900 dark:text-white mb-3">Lap. Ibu Hamil, Kelahiran & Kematian</h3>

    <!-- Table -->
    <div class="overflow-x-auto bg-white dark:bg-gray-800 rounded-md shadow">
        <table class="min-w-full text-sm">
            <thead>
                <tr>
                    <th class="border border-gray-300 dark:border-gray-700 px-2 py-2 text-center">NO</th>
                    <th class="border border-gray-300 dark:border-gray-700 px-2 py-2 text-center">NAMA IBU</th>
                    <th class="border border-gray-300 dark:border-gray-700 px-2 py-2 text-center">NAMA SUAMI</th>
                    <th class="border border-gray-300 dark:border-gray-700 px-2 py-2 text-center">STATUS (HAMIL/ MELAHIRKAN/ NIFAS)</th>
                    <th class="border border-gray-300 dark:border-gray-700 px-2 py-2 text-center">JK BAYI</th>
                    <th class="border border-gray-300 dark:border-gray-700 px-2 py-2 text-center">NAMA BAYI</th>
                    <th class="border border-gray-300 dark:border-gray-700 px-2 py-2 text-center">TGL LAHIR BAYI</th>
                    <th class="border border-gray-300 dark:border-gray-700 px-2 py-2 text-center">AKTA KELAHIRAN</th>
                    <th class="border border-gray-300 dark:border-gray-700 px-2 py-2 text-center">JENIS KEMATIAN</th>
                    <th class="border border-gray-300 dark:border-gray-700 px-2 py-2 text-center">NAMA</th>
                    <th class="border border-gray-300 dark:border-gray-700 px-2 py-2 text-center">TGL MENINGGAL</th>
                    <th class="border border-gray-300 dark:border-gray-700 px-2 py-2 text-center">JK</th>
                    <th class="border border-gray-300 dark:border-gray-700 px-2 py-2 text-center">KETERANGAN</th>
                </tr>
            </thead>
            <tbody>
                @forelse($rows as $row)
                    <tr class="text-center">
                        <td class="border border-gray-300 dark:border-gray-700 px-2 py-1">{{ $row['no'] }}</td>
                        <td class="border border-gray-300 dark:border-gray-700 px-2 py-1 text-left">{{ $row['nama_ibu'] ?? '-' }}</td>
                        <td class="border border-gray-300 dark:border-gray-700 px-2 py-1 text-left">{{ $row['nama_suami'] ?? '-' }}</td>
                        <td class="border border-gray-300 dark:border-gray-700 px-2 py-1">{{ strtoupper($row['status_kehamilan'] ?? '-') }}</td>
                        <td class="border border-gray-300 dark:border-gray-700 px-2 py-1">{{ $row['jk_bayi'] ?? '-' }}</td>
                        <td class="border border-gray-300 dark:border-gray-700 px-2 py-1 text-left">{{ $row['nama_bayi'] ?? '-' }}</td>
                        <td class="border border-gray-300 dark:border-gray-700 px-2 py-1">{{ $row['tgl_lahir_bayi'] ?? '-' }}</td>
                        <td class="border border-gray-300 dark:border-gray-700 px-2 py-1">{{ $row['akta_kelahiran_bayi'] ? (strtolower($row['akta_kelahiran_bayi'])==='ada' || $row['akta_kelahiran_bayi']==='1' ? 'Ada' : 'Tidak') : '-' }}</td>
                        <td class="border border-gray-300 dark:border-gray-700 px-2 py-1">{{ strtoupper($row['jenis_kematian'] ?? '-') }}</td>
                        <td class="border border-gray-300 dark:border-gray-700 px-2 py-1 text-left">{{ $row['nama_kematian'] ?? '-' }}</td>
                        <td class="border border-gray-300 dark:border-gray-700 px-2 py-1">{{ $row['tgl_meninggal'] ?? '-' }}</td>
                        <td class="border border-gray-300 dark:border-gray-700 px-2 py-1">{{ $row['jk_kematian'] ?? '-' }}</td>
                        <td class="border border-gray-300 dark:border-gray-700 px-2 py-1 text-left">{{ $row['keterangan'] ?? '-' }}</td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="13" class="border border-gray-300 dark:border-gray-700 px-2 py-4 text-center text-gray-500 dark:text-gray-400">Tidak ada data untuk periode ini.</td>
                    </tr>
                @endforelse
                <tr class="font-semibold bg-gray-50 dark:bg-gray-700">
                    <td colspan="13" class="border border-gray-300 dark:border-gray-700 px-2 py-2 text-left">JUMLAH</td>
                </tr>
            </tbody>
        </table>
    </div>

    <!-- Rekap bawah tabel -->
    <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mt-6 text-sm">
        <div class="bg-white dark:bg-gray-800 rounded-md shadow p-4">
            <ul class="space-y-1 text-gray-700 dark:text-gray-300">
                <li>1. Jumlah Ibu Hamil: <span class="font-semibold">{{ $totals['ibu_hamil'] }}</span> orang</li>
                <li>2. Jumlah Ibu Melahirkan: <span class="font-semibold">{{ $totals['ibu_melahirkan'] }}</span> orang</li>
                <li>3. Jumlah Ibu Nifas: <span class="font-semibold">{{ $totals['ibu_nifas'] }}</span> orang</li>
                <li>4. Jumlah Ibu Meninggal: <span class="font-semibold">{{ $totals['ibu_meninggal'] }}</span> orang</li>
            </ul>
        </div>
        <div class="bg-white dark:bg-gray-800 rounded-md shadow p-4">
            <ul class="space-y-1 text-gray-700 dark:text-gray-300">
                <li>5. Jumlah Bayi L+P: <span class="font-semibold">{{ $totals['bayi_lp_total'] }}</span> orang (L: {{ $totals['bayi_l'] }}, P: {{ $totals['bayi_p'] }})</li>
                <li>6. Jumlah Bayi Meninggal: <span class="font-semibold">{{ $totals['bayi_meninggal'] }}</span> orang</li>
                <li>7. Jumlah Balita Meninggal: <span class="font-semibold">{{ $totals['balita_meninggal'] }}</span> orang</li>
                <li>8. Akta Kelahiran: <span class="font-semibold">Ada {{ $totals['akte_ada'] }}</span>, <span class="font-semibold">Tidak {{ $totals['akte_tidak'] }}</span></li>
            </ul>
        </div>
    </div>
</div>