@extends('layouts.app')

@section('page-title', 'Rekap Jenis Pelanggan')
@section('page-subtitle', 'Laporan')

@section('content')
    @php
        $rows = collect($laporan);
        $totalPelanggan = $rows->sum('jumlah_pelanggan');
        $totalTagihan = $rows->sum('jumlah_tagihan');
        $totalPembayaran = $rows->sum('jumlah_pembayaran');
        $totalTunggakan = $rows->sum('jumlah_tunggakan');
        $totalPendapatan = $rows->sum('total_pendapatan');
        $maxPendapatan = $rows->max('total_pendapatan') ?: 1;
    @endphp

    <x-page-header eyebrow="Laporan" title="Rekap Jenis Pelanggan" subtitle="Ringkasan pelanggan, tagihan, dan pendapatan per jenis pelanggan.">
        <x-slot:actions>
            <button type="button" class="btn btn--ghost" onclick="window.print()">
                <i data-lucide="printer"></i>
                <span>Cetak Laporan</span>
            </button>
        </x-slot:actions>
    </x-page-header>

    <div class="stat-grid">
        <x-stat-card label="Total Pelanggan" value="{{ number_format($totalPelanggan, 0, ',', '.') }}" accent="primary" />
        <x-stat-card label="Total Tagihan" value="{{ number_format($totalTagihan, 0, ',', '.') }}" accent="accent" />
        <x-stat-card label="Total Pembayaran" value="{{ number_format($totalPembayaran, 0, ',', '.') }}" accent="success" />
        <x-stat-card label="Total Tunggakan" value="{{ number_format($totalTunggakan, 0, ',', '.') }}" accent="danger" />
        <x-stat-card label="Total Pendapatan" value="{{ \App\Helpers\NumberHelper::formatRupiah($totalPendapatan) }}" accent="primary" />
    </div>

    <div class="panel-grid panel-grid--2">
        <div class="panel">
            <div class="panel__head"><h3>Kontribusi Pendapatan</h3></div>
            <div class="panel__body">
                <x-bar-list
                    :items="$rows->map(fn ($r) => ['label' => $r['jenis_pelanggan'], 'value' => $r['total_pendapatan']])->all()"
                    :value-formatter="fn ($v) => \App\Helpers\NumberHelper::formatRupiah($v)"
                />
            </div>
        </div>

        <div class="panel">
            <div class="panel__head"><h3>Rincian per Jenis Pelanggan</h3></div>
            <div class="table-wrap">
                <table class="data-table">
                    <thead>
                        <tr>
                            <th>Jenis Pelanggan</th>
                            <th class="col-number">Pelanggan</th>
                            <th class="col-number">Tunggakan</th>
                            <th class="col-number">Pendapatan</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($rows as $item)
                            <tr>
                                <td class="cell-title">{{ $item['jenis_pelanggan'] }}</td>
                                <td class="col-number mono">{{ number_format($item['jumlah_pelanggan'], 0, ',', '.') }}</td>
                                <td class="col-number mono" style="{{ $item['jumlah_tunggakan'] > 0 ? 'color: var(--color-danger); font-weight:600;' : '' }}">{{ number_format($item['jumlah_tunggakan'], 0, ',', '.') }}</td>
                                <td class="col-number money">{{ \App\Helpers\NumberHelper::formatRupiah($item['total_pendapatan']) }}</td>
                            </tr>
                        @empty
                            <tr><td colspan="4" class="table-empty">Belum ada data jenis pelanggan.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection