{{-- resources/views/general/score-records/partials/_stats-card.blade.php --}}

<div class="bg-white rounded-xl shadow-sm border border-gray-100 p-5 hover:shadow-md transition-all">
    <div class="flex items-center justify-between">
        <div>
            <p class="text-sm text-gray-600 mb-1">{{ $title }}</p>
            <p class="text-2xl font-bold {{ $valueColor ?? 'text-gray-800' }}">{{ $value }}</p>
            @if(isset($subtitle))
                <p class="text-xs text-gray-500 mt-1">{{ $subtitle }}</p>
            @endif
        </div>
        @if(isset($icon))
            <div class="p-3 {{ $iconBg ?? 'bg-blue-50' }} rounded-lg">
                {!! $icon !!}
            </div>
        @endif
    </div>
</div>