@props([ 'id' => '', 'title' => '', 'value' => '', 'icon' => '', 'color' => 'blue', 'tooltipItems' => null, ]) @php $gradients = [ 'blue' => 'from-blue-500 to-indigo-600', 'green' => 'from-emerald-500 to-teal-600', 'red' => 'from-rose-500 to-red-600', 'yellow' => 'from-amber-500 to-orange-600', 'purple' => 'from-purple-500 to-pink-600', 'gray' => 'from-gray-500 to-gray-700', ]; $glowColors = [ 'blue' => 'shadow-blue-200 dark:shadow-blue-900/30', 'green' => 'shadow-emerald-200 dark:shadow-emerald-900/30', 'red' => 'shadow-rose-200 dark:shadow-rose-900/30', 'yellow' => 'shadow-amber-200 dark:shadow-amber-900/30', 'purple' => 'shadow-purple-200 dark:shadow-purple-900/30', 'gray' => 'shadow-gray-200 dark:shadow-gray-900/30', ]; $gradient = $gradients[$color] ?? $gradients['gray']; $glow = $glowColors[$color] ?? $glowColors['gray']; @endphp
merge(['id' => $id])->class([ 'group relative bg-white dark:bg-gray-800 rounded-2xl p-6', 'transition-all duration-500 hover:scale-105 hover:-translate-y-2', 'shadow-lg hover:shadow-2xl ' . $glow, 'border border-gray-100 dark:border-gray-700', 'overflow-hidden' ]) }}>

{{ $title }}

{{ $value }}

@if(is_numeric(str_replace(['%', ','], '', $value))) @endif
{{ $icon }}
@if(str_contains($value, '%')) @php $percentage = (int) str_replace('%', '', $value); @endphp
@endif @if($tooltipItems && $tooltipItems->isNotEmpty())

التفاصيل:

    @foreach($tooltipItems as $index => $item)
  • {{ $item }}
  • @endforeach
@endif