@extends('layouts.report', [
    'title' => 'LAPORAN AKUN PENGGUNA WARGA',
    'subtitle' => 'Daftar Akun Akses Portal Warga Desa Siofabanua',
    'orientation' => 'landscape',
    'periode' => 'Seluruh Akun Terdaftar',
])

@section('report_summary')
    <div class="report-summary-grid">
        <div class="report-summary-card">
            <div class="card-title">Total Akun Warga</div>
            <div class="card-value">{{ number_format($wargas->count()) }} Akun</div>
        </div>
        <div class="report-summary-card">
            <div class="card-title">Akun Aktif</div>
            <div class="card-value">{{ number_format($wargas->where('status', 'aktif')->count()) }} Akun</div>
        </div>
        <div class="report-summary-card">
            <div class="card-title">Menunggu Verifikasi</div>
            <div class="card-value">{{ number_format($wargas->where('status', 'menunggu_verifikasi')->count()) }} Akun</div>
        </div>
        <div class="report-summary-card">
            <div class="card-title">Nonaktif / Ditolak</div>
            <div class="card-value">{{ number_format($wargas->whereIn('status', ['nonaktif', 'ditolak'])->count()) }} Akun</div>
        </div>
    </div>
@endsection

@section('content')
    <table class="report-table">
        <thead>
            <tr>
                <th style="width: 5%;">No</th>
                <th style="width: 15%;">NIK Pemohon</th>
                <th style="width: 25%;">Nama Lengkap</th>
                <th style="width: 15%;">Username</th>
                <th style="width: 15%;">Nomor WhatsApp</th>
                <th style="width: 13%;">Tanggal Registrasi</th>
                <th style="width: 12%;">Status</th>
            </tr>
        </thead>
        <tbody>
            @forelse($wargas as $warga)
                <tr>
                    <td class="text-center">{{ $loop->iteration }}</td>
                    <td class="text-center">{{ optional($warga->penduduk)->nik ?? '-' }}</td>
                    <td><strong>{{ $warga->name }}</strong></td>
                    <td class="text-center">{{ $warga->username ?? '-' }}</td>
                    <td class="text-center">{{ $warga->nomor_whatsapp ?? '-' }}</td>
                    <td class="text-center">{{ $warga->created_at->translatedFormat('d M Y - H:i') }}</td>
                    <td class="text-center">
                        @if ($warga->status === 'aktif')
                            <span class="report-badge report-badge-success">Aktif</span>
                        @elseif ($warga->status === 'nonaktif' || $warga->status === 'ditolak')
                            <span class="report-badge report-badge-danger">{{ ucfirst($warga->status) }}</span>
                        @else
                            <span class="report-badge report-badge-warning">Menunggu</span>
                        @endif
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="7" class="text-center" style="padding: 20px;">Tidak ada data pengguna warga yang terdaftar.</td>
                </tr>
            @endforelse
        </tbody>
    </table>
@endsection