{{-- Reusable KPI card partial --}}
{{-- Expected: $label, $value, $icon, $color (primary|success|danger|warning|info|gold), optional $link, $linkText, $sublabel --}}
<div class="col">
    <div class="chm-kpi-card">
        <div class="chm-kpi-icon {{ $color ?? 'primary' }}">
            <i class="{{ $icon }}"></i>
        </div>
        <div class="chm-kpi-body">
            <div class="chm-kpi-label">
                {{ $label }}
                @if(!empty($sublabel))
                    <span class="text-lowercase fw-normal">({{ $sublabel }})</span>
                @endif
            </div>
            <div class="chm-kpi-value">{{ $value }}</div>
            @if(!empty($link))
                <a href="{{ $link }}" class="chm-kpi-link">{{ $linkText ?? 'View details' }} <i class="fa-solid fa-arrow-right fa-xs"></i></a>
            @endif
        </div>
    </div>
</div>