complete story 9.6 with qa tests

2026-01-03 02:09:27 +02:00
parent 67502af83d
commit 35591d76b4
6 changed files with 499 additions and 29 deletions
@@ -0,0 +1,33 @@
+@props([
+    'icon' => null,
+    'value',
+    'label',
+    'trend' => null,
+])
+
+<x-ui.card>
+    <div class="flex items-center gap-4">
+        @if($icon)
+            <div class="p-3 bg-gold/10 rounded-lg">
+                <flux:icon :name="$icon" class="w-6 h-6 text-gold" />
+            </div>
+        @endif
+        <div>
+            <div class="text-2xl font-bold text-navy">{{ $value }}</div>
+            <div class="text-sm text-charcoal/70">{{ $label }}</div>
+            @if($trend !== null)
+                @php
+                    $trendClass = match(true) {
+                        $trend > 0 => 'text-success',
+                        $trend < 0 => 'text-danger',
+                        default => 'text-charcoal/50',
+                    };
+                    $trendPrefix = $trend > 0 ? '+' : '';
+                @endphp
+                <div class="text-xs {{ $trendClass }}">
+                    {{ $trendPrefix }}{{ $trend }}%
+                </div>
+            @endif
+        </div>
+    </div>
+</x-ui.card>