39 lines
2.4 KiB
PHP
39 lines
2.4 KiB
PHP
<div class="rounded-2xl border border-zinc-200 bg-white p-5 shadow-sm dark:border-zinc-700 dark:bg-zinc-900" dusk="helpdesk-dashboard-widget">
|
|
<div class="mb-5 flex items-center justify-between">
|
|
<div>
|
|
<h2 class="text-lg font-semibold text-zinc-900 dark:text-white">Helpdesk</h2>
|
|
<p class="text-sm text-zinc-500 dark:text-zinc-400">Your current support workload.</p>
|
|
</div>
|
|
<flux:button :href="route('helpdesk.tickets.index')" wire:navigate size="sm" variant="ghost">View all</flux:button>
|
|
</div>
|
|
|
|
<div class="grid gap-3 sm:grid-cols-3">
|
|
<div class="rounded-xl bg-blue-50 p-4 dark:bg-blue-950/40">
|
|
<div class="text-2xl font-semibold text-blue-700 dark:text-blue-200">{{ $openCount }}</div>
|
|
<div class="text-xs font-medium uppercase tracking-wide text-blue-700/70 dark:text-blue-200/70">Open</div>
|
|
</div>
|
|
<div class="rounded-xl bg-red-50 p-4 dark:bg-red-950/40">
|
|
<div class="text-2xl font-semibold text-red-700 dark:text-red-200">{{ $criticalCount }}</div>
|
|
<div class="text-xs font-medium uppercase tracking-wide text-red-700/70 dark:text-red-200/70">Critical</div>
|
|
</div>
|
|
<div class="rounded-xl bg-green-50 p-4 dark:bg-green-950/40">
|
|
<div class="text-2xl font-semibold text-green-700 dark:text-green-200">{{ $closedCount }}</div>
|
|
<div class="text-xs font-medium uppercase tracking-wide text-green-700/70 dark:text-green-200/70">Closed</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-5 space-y-2">
|
|
@forelse ($recentTickets as $ticket)
|
|
<a href="{{ route('helpdesk.tickets.show', $ticket) }}" wire:navigate class="block rounded-xl border border-zinc-100 p-3 hover:bg-zinc-50 dark:border-zinc-800 dark:hover:bg-zinc-800">
|
|
<div class="flex items-center justify-between gap-3">
|
|
<span class="truncate text-sm font-medium text-zinc-900 dark:text-zinc-100">{{ $ticket->subject }}</span>
|
|
<flux:badge color="{{ $ticket->priority->color }}" size="sm">{{ $ticket->priority->name }}</flux:badge>
|
|
</div>
|
|
<div class="mt-1 text-xs text-zinc-500">{{ $ticket->reference }} · {{ $ticket->status->name }}</div>
|
|
</a>
|
|
@empty
|
|
<div class="rounded-xl border border-dashed border-zinc-300 p-4 text-center text-sm text-zinc-500 dark:border-zinc-700">No helpdesk tickets yet.</div>
|
|
@endforelse
|
|
</div>
|
|
</div>
|