@extends('layouts.petugas')
@section('title','Rekap Kecamatan')
@section('page-title','Rekap per Kecamatan')
@section('content')
<div class="page-header">
    <div class="page-header-left">
        <div class="breadcrumb"><a href="{{ route('petugas.dashboard') }}">Dashboard</a><span class="breadcrumb-sep">›</span><a href="{{ route('petugas.laporan.index') }}">Laporan</a><span class="breadcrumb-sep">›</span><span>Rekap Kecamatan</span></div>
        <h1 class="page-header-title">Rekapitulasi per Kecamatan</h1>
    </div>
    <div class="page-header-actions">
        <a href="{{ route('petugas.laporan.rekap-desa') }}" class="btn btn-outline">Rekap Desa</a>
        <button onclick="window.print()" class="btn btn-primary">Cetak</button>
    </div>
</div>
<div class="card">
    <div class="table-wrapper" style="border:none;">
        <table>
            <thead><tr><th>#</th><th>Kecamatan</th><th class="text-right">Desa</th><th class="text-right">Penduduk</th><th class="text-right">KK</th><th class="text-right">Rumah</th><th class="text-right">RLH</th><th class="text-right">RTLH</th><th class="text-right">Backlog</th><th class="text-right">Luas (m²)</th></tr></thead>
            <tbody>
                @forelse($rekap as $item)
                <tr>
                    <td class="text-muted">{{ $loop->iteration }}</td>
                    <td class="fw-bold">{{ $item->nama }}</td>
                    <td class="text-right">{{ number_format($item->jumlah_desa) }}</td>
                    <td class="text-right num">{{ number_format($item->jumlah_penduduk) }}</td>
                    <td class="text-right num">{{ number_format($item->jumlah_kk) }}</td>
                    <td class="text-right num">{{ number_format($item->jumlah_rumah) }}</td>
                    <td class="text-right num">{{ number_format($item->rlh) }}</td>
                    <td class="text-right num" style="color:var(--danger);">{{ number_format($item->rtlh) }}</td>
                    <td class="text-right num" style="color:#b45309;">{{ number_format($item->backlog) }}</td>
                    <td class="text-right num">{{ number_format($item->luas_permukiman, 2) }}</td>
                </tr>
                @empty
                <tr><td colspan="10"><div class="empty-state"><div class="empty-state-icon">📊</div><div class="empty-state-title">Tidak ada data</div></div></td></tr>
                @endforelse
            </tbody>
            @if($rekap->isNotEmpty())
            <tfoot>
                <tr>
                    <td colspan="2"><strong>TOTAL</strong></td>
                    <td class="text-right">{{ number_format($rekap->sum('jumlah_desa')) }}</td>
                    <td class="text-right">{{ number_format($rekap->sum('jumlah_penduduk')) }}</td>
                    <td class="text-right">{{ number_format($rekap->sum('jumlah_kk')) }}</td>
                    <td class="text-right">{{ number_format($rekap->sum('jumlah_rumah')) }}</td>
                    <td class="text-right">{{ number_format($rekap->sum('rlh')) }}</td>
                    <td class="text-right">{{ number_format($rekap->sum('rtlh')) }}</td>
                    <td class="text-right">{{ number_format($rekap->sum('backlog')) }}</td>
                    <td class="text-right">{{ number_format($rekap->sum('luas_permukiman'), 2) }}</td>
                </tr>
            </tfoot>
            @endif
        </table>
    </div>
</div>
@endsection