{{-- Tabel "label → jumlah" dengan batang proporsi. $data: array<string, int> --}}
@props(['data', 'judul', 'kolom' => 'Jumlah', 'warna' => 'var(--ss-primary)'])
@php($maks = max(1, ...array_values($data ?: [0])))
@php($total = array_sum($data))
<table class="table table-sm mb-0">
    <thead><tr><th>{{ $judul }}</th><th class="text-right" style="width:90px">{{ $kolom }}</th></tr></thead>
    <tbody>
    @forelse ($data as $label => $jumlah)
        <tr>
            <td>
                <div class="d-flex justify-content-between"><span>{{ $label }}</span>
                    <span class="small teks-redup">{{ $total ? round($jumlah / $total * 100) : 0 }}%</span></div>
                <div class="progress mt-1" style="height:4px"><div class="progress-bar" style="width: {{ $jumlah / $maks * 100 }}%; background: {{ $warna }}"></div></div>
            </td>
            <td class="text-right fw-semibold align-middle">{{ number_format($jumlah, 0, ',', '.') }}</td>
        </tr>
    @empty
        <tr><td colspan="2" class="text-center teks-redup small py-3">Tidak ada data</td></tr>
    @endforelse
    </tbody>
    @if ($data)
        <tfoot><tr><th>Total</th><th class="text-right">{{ number_format($total, 0, ',', '.') }}</th></tr></tfoot>
    @endif
</table>