@extends('layouts.admin')
@section('title','Rekap per Desa')
@section('page-title','Rekap per Desa')

@section('content')
<div class="page-header">
    <div class="page-header-left">
        <div class="breadcrumb"><a href="{{ route('admin.dashboard') }}">Dashboard</a><span class="breadcrumb-sep">›</span><a href="{{ route('admin.laporan.index') }}">Laporan</a><span class="breadcrumb-sep">›</span><span>Rekap Desa</span></div>
        <h1 class="page-header-title">Rekapitulasi per Desa</h1>
    </div>
    <div class="page-header-actions">
        <a href="{{ route('admin.laporan.rekap-kecamatan') }}" class="btn btn-outline">Rekap Kecamatan</a>
        <button onclick="window.print()" class="btn btn-primary">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" d="M6.72 13.829c-.24.03-.48.062-.72.096m.72-.096a42.415 42.415 0 0110.56 0m-10.56 0L6.34 18m10.94-4.171c.24.03.48.062.72.096m-.72-.096L17.66 18m0 0l.229 2.523a1.125 1.125 0 01-1.12 1.227H7.231c-.662 0-1.18-.568-1.12-1.227L6.34 18m11.318 0h1.091A2.25 2.25 0 0021 15.75V9.456c0-1.081-.768-2.015-1.837-2.175a48.055 48.055 0 00-1.913-.247M6.34 18H5.25A2.25 2.25 0 013 15.75V9.456c0-1.081.768-2.015 1.837-2.175a48.041 48.041 0 011.913-.247m10.5 0a48.536 48.536 0 00-10.5 0m10.5 0V3.375c0-.621-.504-1.125-1.125-1.125h-8.25c-.621 0-1.125.504-1.125 1.125v3.659" /></svg>
            Cetak
        </button>
    </div>
</div>

<div class="card">
    <div class="table-wrapper" style="border:none;">
        <table>
            <thead>
                <tr>
                    <th>#</th>
                    <th>Desa / Kelurahan</th>
                    <th>Kecamatan</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>
                    <th>Status</th>
                </tr>
            </thead>
            <tbody>
                @forelse($rekap as $item)
                <tr>
                    <td class="text-muted">{{ $loop->iteration }}</td>
                    <td class="fw-bold">{{ $item->desa?->nama }}</td>
                    <td class="text-muted">{{ $item->desa?->kecamatan?->nama }}</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>
                    <td><span class="badge badge-{{ $item->status }}">{{ ucfirst($item->status) }}</span></td>
                </tr>
                @empty
                <tr><td colspan="11"><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="3"><strong>TOTAL</strong></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>
                    <td></td>
                </tr>
            </tfoot>
            @endif
        </table>
    </div>
</div>
@endsection