82 lines
4.2 KiB
PHP
82 lines
4.2 KiB
PHP
<x-filament-panels::page>
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
|
|
{{-- Active Services Card --}}
|
|
<a href="{{ route('filament.admin.resources.active-services.index') }}" class="block">
|
|
<x-filament::section class="hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors cursor-pointer">
|
|
<div class="flex items-center gap-4">
|
|
<div class="p-3 rounded-full bg-success-500/10">
|
|
<x-ri-checkbox-circle-fill class="w-8 h-8 text-success-500" />
|
|
</div>
|
|
<div>
|
|
<p class="text-sm font-medium text-gray-500 dark:text-gray-400">Active Services</p>
|
|
<p class="text-3xl font-bold text-success-500">{{ number_format($activeCount) }}</p>
|
|
</div>
|
|
</div>
|
|
</x-filament::section>
|
|
</a>
|
|
|
|
{{-- Pending Services Card --}}
|
|
<a href="{{ route('filament.admin.resources.pending-services.index') }}" class="block">
|
|
<x-filament::section class="hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors cursor-pointer">
|
|
<div class="flex items-center gap-4">
|
|
<div class="p-3 rounded-full bg-warning-500/10">
|
|
<x-ri-time-fill class="w-8 h-8 text-warning-500" />
|
|
</div>
|
|
<div>
|
|
<p class="text-sm font-medium text-gray-500 dark:text-gray-400">Pending Services</p>
|
|
<p class="text-3xl font-bold text-warning-500">{{ number_format($pendingCount) }}</p>
|
|
</div>
|
|
</div>
|
|
</x-filament::section>
|
|
</a>
|
|
|
|
{{-- Suspended Services Card --}}
|
|
<a href="{{ route('filament.admin.resources.suspended-services.index') }}" class="block">
|
|
<x-filament::section class="hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors cursor-pointer">
|
|
<div class="flex items-center gap-4">
|
|
<div class="p-3 rounded-full bg-orange-500/10">
|
|
<x-ri-pause-circle-fill class="w-8 h-8 text-orange-500" />
|
|
</div>
|
|
<div>
|
|
<p class="text-sm font-medium text-gray-500 dark:text-gray-400">Suspended Services</p>
|
|
<p class="text-3xl font-bold text-orange-500">{{ number_format($suspendedCount) }}</p>
|
|
</div>
|
|
</div>
|
|
</x-filament::section>
|
|
</a>
|
|
|
|
{{-- Cancelled Services Card --}}
|
|
<a href="{{ route('filament.admin.resources.cancelled-services.index') }}" class="block">
|
|
<x-filament::section class="hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors cursor-pointer">
|
|
<div class="flex items-center gap-4">
|
|
<div class="p-3 rounded-full bg-danger-500/10">
|
|
<x-ri-close-circle-fill class="w-8 h-8 text-danger-500" />
|
|
</div>
|
|
<div>
|
|
<p class="text-sm font-medium text-gray-500 dark:text-gray-400">Cancelled Services</p>
|
|
<p class="text-3xl font-bold text-danger-500">{{ number_format($cancelledCount) }}</p>
|
|
</div>
|
|
</div>
|
|
</x-filament::section>
|
|
</a>
|
|
</div>
|
|
|
|
{{-- Total Summary --}}
|
|
<x-filament::section class="mt-6">
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center gap-4">
|
|
<div class="p-3 rounded-full bg-primary-500/10">
|
|
<x-ri-archive-stack-fill class="w-8 h-8 text-primary-500" />
|
|
</div>
|
|
<div>
|
|
<p class="text-sm font-medium text-gray-500 dark:text-gray-400">Total Services</p>
|
|
<p class="text-3xl font-bold text-primary-500">{{ number_format($totalCount) }}</p>
|
|
</div>
|
|
</div>
|
|
<div class="text-right text-sm text-gray-500 dark:text-gray-400">
|
|
<p>Select a service type from the navigation or cards above to view and manage services.</p>
|
|
</div>
|
|
</div>
|
|
</x-filament::section>
|
|
</x-filament-panels::page>
|