34 lines
1020 B
PHP
34 lines
1020 B
PHP
@props([
|
|
'icon' => null,
|
|
'value',
|
|
'label',
|
|
'trend' => null,
|
|
])
|
|
|
|
<x-ui.card>
|
|
<div class="flex items-center gap-4">
|
|
@if($icon)
|
|
<div class="p-3 bg-accent/10 rounded-lg">
|
|
<flux:icon :name="$icon" class="w-6 h-6 text-primary" />
|
|
</div>
|
|
@endif
|
|
<div>
|
|
<div class="text-2xl font-bold text-body">{{ $value }}</div>
|
|
<div class="text-sm text-body/70">{{ $label }}</div>
|
|
@if($trend !== null)
|
|
@php
|
|
$trendClass = match(true) {
|
|
$trend > 0 => 'text-success',
|
|
$trend < 0 => 'text-danger',
|
|
default => 'text-body/50',
|
|
};
|
|
$trendPrefix = $trend > 0 ? '+' : '';
|
|
@endphp
|
|
<div class="text-xs {{ $trendClass }}">
|
|
{{ $trendPrefix }}{{ $trend }}%
|
|
</div>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</x-ui.card>
|