@extends('layouts.operator')
@section('title','Data Perumahan')
@section('page-title','Data Perumahan')

@section('content')
<div class="page-header">
    <div class="page-header-left">
        <div class="breadcrumb"><a href="{{ route('operator.dashboard') }}">Dashboard</a><span class="breadcrumb-sep">›</span><span>Data Perumahan</span></div>
        <h1 class="page-header-title">Data Perumahan</h1>
        <p class="page-header-sub">{{ auth()->user()->desa?->nama }} — Tahun {{ $tahunAktif?->tahun ?? '-' }}</p>
    </div>
    <div class="page-header-actions">
        @if(!$sudahInput)
        <a href="{{ route('operator.data-perumahans.create') }}" 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="M12 4.5v15m7.5-7.5h-15" /></svg>
            Input Data
        </a>
        @endif
    </div>
</div>

<div class="card">
    <div class="table-wrapper" style="border:none;">
        <table>
            <thead>
                <tr>
                    <th>Tahun</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>
                    <th>Aksi</th>
                </tr>
            </thead>
            <tbody>
                @forelse($data as $item)
                <tr>
                    <td class="fw-bold">{{ $item->tahunRekapan?->tahun }}</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>
                    <td>
                        <div class="td-actions">
                            <a href="{{ route('operator.data-perumahans.show', $item) }}" class="btn btn-outline btn-sm">Detail</a>
                            @if(in_array($item->status, ['draft','revisi']))
                            <a href="{{ route('operator.data-perumahans.edit', $item) }}" class="btn btn-primary btn-sm">Edit</a>
                            @endif
                        </div>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="9">
                        <div class="empty-state">
                            <div class="empty-state-icon">🏠</div>
                            <div class="empty-state-title">Belum ada data perumahan</div>
                            <div class="empty-state-text">Klik tombol "Input Data" untuk mulai menginput data perumahan desa Anda.</div>
                        </div>
                    </td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection