{{-- resources/views/components/admin/stat-card.blade.php --}}
{{-- Reusable stat card for dashboard KPIs --}}
{{-- Props: icon (bi class), label (string), value (int), sub (string), color (CSS var name) --}}

@props([
    'icon'  => 'bi-bar-chart',
    'label' => 'Stat',
    'value' => 0,
    'sub'   => '',
    'color' => 'accent',
])

<div class="stat-card">
    <div class="stat-card__icon-wrap stat-card__icon-wrap--{{ $color }}">
        <i class="bi {{ $icon }} stat-card__icon"></i>
    </div>
    <div class="stat-card__body">
        <div class="stat-card__value">{{ number_format($value) }}</div>
        <div class="stat-card__label">{{ $label }}</div>
        @if($sub)
            <div class="stat-card__sub">{{ $sub }}</div>
        @endif
    </div>
</div>