mirror of
https://github.com/NNTmux/newznab-tmux.git
synced 2026-08-29 01:08:56 +00:00
DariusIII
43 lines
1.7 KiB
PHP
43 lines
1.7 KiB
PHP
{{-- Admin stat card for dashboards --}}
|
|
@props([
|
|
'label',
|
|
'value',
|
|
'icon' => 'fas fa-chart-bar',
|
|
'color' => 'blue',
|
|
'footer' => null,
|
|
])
|
|
|
|
@php
|
|
$colorMap = [
|
|
'blue' => ['bg' => 'bg-blue-100 dark:bg-blue-900', 'text' => 'text-blue-600 dark:text-blue-400'],
|
|
'green' => ['bg' => 'bg-green-100 dark:bg-green-900', 'text' => 'text-green-600 dark:text-green-400'],
|
|
'red' => ['bg' => 'bg-red-100 dark:bg-red-900', 'text' => 'text-red-600 dark:text-red-400'],
|
|
'purple' => ['bg' => 'bg-purple-100 dark:bg-purple-900', 'text' => 'text-purple-600 dark:text-purple-400'],
|
|
'yellow' => ['bg' => 'bg-yellow-100 dark:bg-yellow-900', 'text' => 'text-yellow-600 dark:text-yellow-400'],
|
|
'indigo' => ['bg' => 'bg-indigo-100 dark:bg-indigo-900', 'text' => 'text-indigo-600 dark:text-indigo-400'],
|
|
];
|
|
$colors = $colorMap[$color] ?? $colorMap['blue'];
|
|
@endphp
|
|
|
|
<div class="bg-white dark:bg-gray-800 rounded-xl shadow-sm p-6 border border-gray-200 dark:border-gray-700">
|
|
<div class="flex items-center justify-between">
|
|
<div>
|
|
<p class="text-sm text-gray-500 dark:text-gray-400 mb-1">{{ $label }}</p>
|
|
<p class="text-3xl font-bold text-gray-800 dark:text-gray-200">{{ $value }}</p>
|
|
</div>
|
|
<div class="w-12 h-12 {{ $colors['bg'] }} rounded-lg flex items-center justify-center">
|
|
<i class="{{ $icon }} text-2xl {{ $colors['text'] }}"></i>
|
|
</div>
|
|
</div>
|
|
@if($footer || isset($footerSlot))
|
|
<div class="mt-4">
|
|
@if(isset($footerSlot))
|
|
{{ $footerSlot }}
|
|
@else
|
|
<span class="text-sm text-gray-600 dark:text-gray-400">{{ $footer }}</span>
|
|
@endif
|
|
</div>
|
|
@endif
|
|
</div>
|
|
|