@php
    use App\Helpers\NumberHelper;
    use App\Helpers\DateHelper;

    $statistic = $data['statistic'];
    $summary = $data['summary'];
    $monitoring = $data['monitoring'];
    $grafik = $data['grafik'];
@endphp

<p class="text-faint" style="margin-bottom: 18px; font-size: 13.5px;">
    Selamat datang kembali, <strong style="color: var(--color-ink);">{{ auth()->user()->name }}</strong>. Berikut ringkasan retribusi sampah hari ini.
</p>

<div class="stat-grid">
    <x-stat-card label="Pelanggan Aktif" value="{{ number_format($statistic['jumlah_pelanggan_aktif'], 0, ',', '.') }}" accent="primary" foot="dari {{ number_format($statistic['jumlah_pelanggan'], 0, ',', '.') }} total pelanggan" />
    <x-stat-card label="Tagihan Belum Bayar" value="{{ number_format($summary['tagihan_belum_bayar'], 0, ',', '.') }}" accent="accent" foot="{{ number_format($summary['tagihan_bulan_ini'], 0, ',', '.') }} tagihan diterbitkan bulan ini" />
    <x-stat-card label="Tagihan Lunas" value="{{ number_format($summary['tagihan_lunas'], 0, ',', '.') }}" accent="success" foot="{{ number_format($summary['tagihan_dibatalkan'], 0, ',', '.') }} dibatalkan" />
    <x-stat-card label="Pendapatan Bulan Ini" value="{{ NumberHelper::formatRupiah($summary['pendapatan_bulan_ini']) }}" accent="primary" foot="{{ NumberHelper::formatRupiah($summary['pendapatan_tahun_ini']) }} sepanjang tahun ini" />
    <x-stat-card label="Total Tunggakan" value="{{ NumberHelper::formatRupiah($summary['total_tunggakan']) }}" accent="danger" foot="{{ number_format($summary['pelanggan_menunggak'], 0, ',', '.') }} pelanggan menunggak" foot-trend="down" />
    <x-stat-card label="Pembayaran Hari Ini" value="{{ number_format($summary['pembayaran_hari_ini'], 0, ',', '.') }}" accent="info" foot="{{ number_format($summary['pembayaran_bulan_ini'], 0, ',', '.') }} transaksi bulan ini" />
</div>

<div class="panel-grid panel-grid--2">
    <div class="panel">
        <div class="panel__head">
            <div>
                <h3>Grafik Pendapatan</h3>
                <p class="panel__head-sub">Total pembayaran berhasil per bulan, tahun {{ now()->year }}</p>
            </div>
        </div>
        <div class="panel__body">
            <x-revenue-chart :data="$grafik['pendapatan']" />
        </div>
    </div>

    <div>
        <div class="panel">
            <div class="panel__head">
                <div>
                    <h3>Sebaran per Kecamatan</h3>
                    <p class="panel__head-sub">Jumlah pelanggan terdaftar</p>
                </div>
            </div>
            <div class="panel__body">
                <x-bar-list :items="$grafik['wilayah']['kecamatan']" />
            </div>
        </div>
    </div>
</div>

<div class="panel-grid panel-grid--2">
    <div class="panel">
        <div class="panel__head">
            <div>
                <h3>Tagihan Terbaru</h3>
                <p class="panel__head-sub">10 tagihan yang baru diterbitkan</p>
            </div>
            <a href="{{ route('tagihan.index') }}" class="btn btn--ghost btn--sm">Lihat semua</a>
        </div>
        <div class="panel__body panel__body--flush">
            <div class="table-wrap">
                <table class="data-table">
                    <thead>
                        <tr>
                            <th>No. Tagihan</th>
                            <th>Pelanggan</th>
                            <th>Periode</th>
                            <th class="col-number">Total</th>
                            <th>Status</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($monitoring['tagihan_terbaru'] as $tagihan)
                            <tr>
                                <td class="mono">{{ $tagihan->nomor_tagihan }}</td>
                                <td>
                                    <div class="cell-title">{{ $tagihan->pelanggan->nama ?? '-' }}</div>
                                    <div class="cell-sub">{{ $tagihan->pelanggan->nomor_pelanggan ?? '-' }}</div>
                                </td>
                                <td>{{ $tagihan->bulan }}/{{ $tagihan->tahun }}</td>
                                <td class="col-number money">{{ NumberHelper::formatRupiah($tagihan->total) }}</td>
                                <td>
                                    @if ($tagihan->status === \App\Models\Tagihan::STATUS_LUNAS)
                                        <x-badge variant="success">Lunas</x-badge>
                                    @elseif ($tagihan->status === \App\Models\Tagihan::STATUS_BATAL)
                                        <x-badge variant="neutral">Dibatalkan</x-badge>
                                    @else
                                        <x-badge variant="warning">Belum Bayar</x-badge>
                                    @endif
                                </td>
                            </tr>
                        @empty
                            <tr><td colspan="5" class="table-empty">Belum ada tagihan yang diterbitkan.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="panel">
        <div class="panel__head">
            <div>
                <h3>Pembayaran Terbaru</h3>
                <p class="panel__head-sub">10 transaksi terakhir</p>
            </div>
        </div>
        <div class="panel__body panel__body--flush">
            <div class="table-wrap">
                <table class="data-table">
                    <thead>
                        <tr>
                            <th>Kwitansi</th>
                            <th>Pelanggan</th>
                            <th class="col-number">Dibayar</th>
                            <th>Status</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($monitoring['pembayaran_terbaru'] as $pembayaran)
                            <tr>
                                <td class="mono">{{ $pembayaran->nomor_kwitansi }}</td>
                                <td>{{ $pembayaran->tagihan->pelanggan->nama ?? '-' }}</td>
                                <td class="col-number money">{{ NumberHelper::formatRupiah($pembayaran->total_bayar) }}</td>
                                <td>
                                    @if ($pembayaran->status === \App\Models\Pembayaran::STATUS_BERHASIL)
                                        <x-badge variant="success">Berhasil</x-badge>
                                    @else
                                        <x-badge variant="danger">Dibatalkan</x-badge>
                                    @endif
                                </td>
                            </tr>
                        @empty
                            <tr><td colspan="4" class="table-empty">Belum ada transaksi pembayaran.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<div class="panel-grid panel-grid--2">
    <div class="panel">
        <div class="panel__head">
            <div>
                <h3>Pelanggan Baru</h3>
                <p class="panel__head-sub">10 pendaftaran terakhir</p>
            </div>
            <a href="{{ route('pelanggan.index') }}" class="btn btn--ghost btn--sm">Lihat semua</a>
        </div>
        <div class="panel__body panel__body--flush">
            <div class="table-wrap">
                <table class="data-table">
                    <thead>
                        <tr>
                            <th>Nama</th>
                            <th>Wilayah</th>
                            <th>Jenis</th>
                            <th>Status</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($monitoring['pelanggan_baru'] as $pelanggan)
                            <tr>
                                <td>
                                    <div class="cell-title">{{ $pelanggan->nama }}</div>
                                    <div class="cell-sub">{{ $pelanggan->nomor_pelanggan }}</div>
                                </td>
                                <td>{{ $pelanggan->kecamatan->nama ?? '-' }}, {{ $pelanggan->kelurahan->nama ?? '-' }}</td>
                                <td>{{ $pelanggan->jenisPelanggan->nama ?? '-' }}</td>
                                <td>
                                    @if ($pelanggan->status === \App\Models\Pelanggan::STATUS_AKTIF)
                                        <x-badge variant="success">Aktif</x-badge>
                                    @else
                                        <x-badge variant="neutral">{{ $pelanggan->status }}</x-badge>
                                    @endif
                                </td>
                            </tr>
                        @empty
                            <tr><td colspan="4" class="table-empty">Belum ada pelanggan terdaftar.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div>
        <div class="panel">
            <div class="panel__head">
                <div>
                    <h3>Sebaran Jenis Pelanggan</h3>
                </div>
            </div>
            <div class="panel__body">
                <x-bar-list :items="$grafik['pelanggan']" />
            </div>
        </div>

        <div class="panel">
            <div class="panel__head">
                <div>
                    <h3>Aktivitas Terbaru</h3>
                </div>
                <a href="{{ route('activity-logs.index') }}" class="btn btn--ghost btn--sm">Lihat log</a>
            </div>
            <div class="panel__body panel__body--flush">
                <div class="activity-list">
                    @forelse ($monitoring['aktivitas_terbaru'] as $log)
                        <div class="activity-item">
                            <div class="activity-item__rail">
                                <span class="activity-item__dot"></span>
                                @if (!$loop->last)
                                    <span class="activity-item__line"></span>
                                @endif
                            </div>
                            <div>
                                <div class="activity-item__text">
                                    <strong>{{ $log->user->name ?? 'Sistem' }}</strong> {{ $log->activity }}
                                </div>
                                <div class="activity-item__meta">{{ $log->module }} &middot; {{ DateHelper::formatTanggalLengkap($log->created_at) }}</div>
                            </div>
                        </div>
                    @empty
                        <div class="table-empty">Belum ada aktivitas tercatat.</div>
                    @endforelse
                </div>
            </div>
        </div>
    </div>
</div>