@php
    use App\Helpers\NumberHelper;
@endphp

<p class="text-faint" style="margin-bottom: 18px; font-size: 13.5px;">
    Selamat bertugas, <strong style="color: var(--color-ink);">{{ auth()->user()->name }}</strong>. Berikut rekap pembayaran yang Anda catat.
</p>

<div class="page-header" style="margin-bottom: 18px;">
    <div></div>
    <div class="page-header__actions">
        <a href="{{ route('pembayaran.create') }}" class="btn">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5v14M5 12h14" /></svg>
            <span>Catat Pembayaran Baru</span>
        </a>
    </div>
</div>

<div class="stat-grid">
    <x-stat-card label="Pembayaran Hari Ini" value="{{ number_format($data['pembayaran_hari_ini'], 0, ',', '.') }}" accent="primary" foot="transaksi berhasil hari ini" />
    <x-stat-card label="Pembayaran Bulan Ini" value="{{ number_format($data['pembayaran_bulan_ini'], 0, ',', '.') }}" accent="info" foot="transaksi bulan berjalan" />
    <x-stat-card label="Total Transaksi" value="{{ number_format($data['jumlah_pembayaran'], 0, ',', '.') }}" accent="accent" foot="sepanjang masa tugas" />
    <x-stat-card label="Total Pendapatan Tercatat" value="{{ NumberHelper::formatRupiah($data['total_pendapatan']) }}" accent="success" foot="akumulasi dari semua transaksi" />
</div>

<div class="panel">
    <div class="panel__head">
        <div>
            <h3>Pembayaran Terakhir</h3>
            <p class="panel__head-sub">10 transaksi terbaru yang Anda catat</p>
        </div>
        <a href="{{ route('pembayaran.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>Kwitansi</th>
                        <th>Pelanggan</th>
                        <th>Metode</th>
                        <th class="col-number">Dibayar</th>
                        <th>Status</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($data['pembayaran_terakhir'] as $pembayaran)
                        <tr>
                            <td class="mono">{{ $pembayaran->nomor_kwitansi }}</td>
                            <td>
                                <div class="cell-title">{{ $pembayaran->tagihan->pelanggan->nama ?? '-' }}</div>
                                <div class="cell-sub">{{ $pembayaran->tagihan->pelanggan->nomor_pelanggan ?? '-' }}</div>
                            </td>
                            <td>{{ $pembayaran->metode_pembayaran }}</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>
                            <td>
                                <a href="{{ route('pembayaran.print', $pembayaran) }}" class="btn btn--ghost btn--sm">Cetak</a>
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="6" class="table-empty">Anda belum mencatat pembayaran apa pun.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>