@extends('layouts.petugas')
@section('title','Laporan')
@section('page-title','Laporan Data Perumahan')
@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><span>Laporan</span></div>
        <h1 class="page-header-title">Laporan Data Perumahan</h1>
    </div>
    <div class="page-header-actions">
        <a href="{{ route('petugas.laporan.rekap-kecamatan') }}" class="btn btn-outline">Rekap Kecamatan</a>
        <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>
<form method="GET">
<div class="filter-bar">
    <div class="filter-group">
        <label class="filter-label">Kecamatan</label>
        <select name="kecamatan" class="filter-control">
            <option value="">Semua</option>
            @foreach($kecamatans as $kec)
            <option value="{{ $kec->id }}" {{ request('kecamatan')==$kec->id ? 'selected' : '' }}>{{ $kec->nama }}</option>
            @endforeach
        </select>
    </div>
    <div class="filter-group">
        <label class="filter-label">Status</label>
        <select name="status" class="filter-control">
            <option value="">Semua</option>
            <option value="terverifikasi" {{ request('status')==='terverifikasi' ? 'selected' : '' }}>Terverifikasi</option>
            <option value="diajukan" {{ request('status')==='diajukan' ? 'selected' : '' }}>Diajukan</option>
            <option value="draft" {{ request('status')==='draft' ? 'selected' : '' }}>Draft</option>
        </select>
    </div>
    <div class="filter-actions">
        <button type="submit" class="btn btn-primary btn-sm">Filter</button>
        <a href="{{ route('petugas.laporan.index') }}" class="btn btn-outline btn-sm">Reset</a>
    </div>
</div>
</form>
@if($statistik)
<div class="stat-grid" style="margin-bottom:20px;">
    <div class="stat-card"><div class="stat-card-label">Total Penduduk</div><div class="stat-card-value sm">{{ number_format($statistik->jumlah_penduduk) }}</div></div>
    <div class="stat-card"><div class="stat-card-label">Total KK</div><div class="stat-card-value sm">{{ number_format($statistik->jumlah_kk) }}</div></div>
    <div class="stat-card"><div class="stat-card-label">Total Rumah</div><div class="stat-card-value sm">{{ number_format($statistik->jumlah_rumah) }}</div></div>
    <div class="stat-card"><div class="stat-card-label">Total RLH</div><div class="stat-card-value sm" style="color:var(--success);">{{ number_format($statistik->rlh) }}</div></div>
    <div class="stat-card"><div class="stat-card-label">Total RTLH</div><div class="stat-card-value sm" style="color:var(--danger);">{{ number_format($statistik->rtlh) }}</div></div>
    <div class="stat-card"><div class="stat-card-label">Total Backlog</div><div class="stat-card-value sm" style="color:#b45309;">{{ number_format($statistik->backlog) }}</div></div>
</div>
@endif
<div class="card">
    <div class="table-wrapper" style="border:none;">
        <table>
            <thead><tr><th>#</th><th>Desa</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>Status</th></tr></thead>
            <tbody>
                @forelse($data as $item)
                <tr>
                    <td class="text-muted">{{ $data->firstItem() + $loop->index }}</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><span class="badge badge-{{ $item->status }}">{{ ucfirst($item->status) }}</span></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>
        </table>
    </div>
    @if($data->hasPages())
    <div class="pagination-wrapper">
        <span class="pagination-info">{{ $data->firstItem() }}–{{ $data->lastItem() }} dari {{ $data->total() }}</span>
        {{ $data->links('components.pagination') }}
    </div>
    @endif
</div>
@endsection