45 lines
3.2 KiB
PHP
45 lines
3.2 KiB
PHP
<div class="space-y-6">
|
|
<div class="overflow-hidden rounded-3xl border border-zinc-200 bg-white shadow-sm dark:border-zinc-700 dark:bg-zinc-900">
|
|
<div class="bg-gradient-to-br from-slate-950 via-slate-900 to-blue-950 px-6 py-8 text-white">
|
|
<div class="grid gap-6 lg:grid-cols-[1fr_320px] lg:items-center">
|
|
<div>
|
|
<p class="text-xs font-semibold uppercase tracking-[0.28em] text-blue-200">Support operations</p>
|
|
<h1 class="mt-2 text-3xl font-semibold tracking-tight md:text-4xl">Helpdesk dashboard</h1>
|
|
<p class="mt-3 max-w-3xl text-sm leading-6 text-blue-100/90">Track open workload, closed tickets, response performance, project activity, priorities, Git commits and workflow communication from one professional support workspace.</p>
|
|
<div class="mt-5 flex flex-wrap gap-2">
|
|
<flux:button :href="route('helpdesk.tickets.create')" wire:navigate variant="primary" icon="plus">New ticket</flux:button>
|
|
<flux:button :href="route('helpdesk.tickets.index')" wire:navigate variant="ghost" icon="ticket">Active tickets</flux:button>
|
|
<flux:button :href="route('helpdesk.kanban')" wire:navigate variant="ghost" icon="squares-2x2">Kanban</flux:button>
|
|
<flux:button :href="route('helpdesk.settings')" wire:navigate variant="ghost" icon="cog-6-tooth">Settings</flux:button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="rounded-2xl border border-white/10 bg-white/10 p-5 shadow-2xl backdrop-blur">
|
|
<div class="grid grid-cols-3 gap-2">
|
|
@foreach (range(1, 9) as $cell)
|
|
<div class="h-14 rounded-xl bg-white/15"></div>
|
|
@endforeach
|
|
</div>
|
|
<div class="mt-4 rounded-xl bg-white/10 p-4">
|
|
<div class="h-2 rounded-full bg-blue-300/80"></div>
|
|
<div class="mt-3 h-2 w-3/4 rounded-full bg-emerald-300/80"></div>
|
|
<div class="mt-3 h-2 w-1/2 rounded-full bg-rose-300/80"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="rounded-2xl border border-zinc-200 bg-white p-3 shadow-sm dark:border-zinc-700 dark:bg-zinc-900">
|
|
<div class="flex flex-wrap gap-2">
|
|
<flux:button :href="route('helpdesk.index')" wire:navigate variant="primary">Dashboard</flux:button>
|
|
<flux:button :href="route('helpdesk.tickets.index')" wire:navigate variant="ghost">Tickets</flux:button>
|
|
<flux:button :href="route('helpdesk.tickets.create')" wire:navigate variant="ghost">Create</flux:button>
|
|
<flux:button :href="route('helpdesk.kanban')" wire:navigate variant="ghost">Kanban</flux:button>
|
|
<flux:button :href="route('helpdesk.settings')" wire:navigate variant="ghost">Settings</flux:button>
|
|
</div>
|
|
</div>
|
|
|
|
<livewire:helpdesk.dashboard-widget />
|
|
</div>
|