57 lines
5.0 KiB
PHP
57 lines
5.0 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">
|
|
<a href="{{ route('helpdesk.tickets.create') }}" wire:navigate class="inline-flex items-center gap-2 rounded-xl bg-green-600 px-4 py-2 text-sm font-semibold text-white shadow-sm transition hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-green-400/60">
|
|
<i class="fa-solid fa-plus" aria-hidden="true"></i>
|
|
<span>+ New Ticket</span>
|
|
</a>
|
|
<a href="{{ route('helpdesk.tickets.index') }}" wire:navigate class="inline-flex items-center gap-2 rounded-xl bg-blue-600 px-4 py-2 text-sm font-semibold text-white shadow-sm transition hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-400/60">
|
|
<i class="fa-solid fa-ticket" aria-hidden="true"></i>
|
|
<span>Active tickets</span>
|
|
</a>
|
|
<a href="{{ route('helpdesk.kanban') }}" wire:navigate class="inline-flex items-center gap-2 rounded-xl bg-amber-500 px-4 py-2 text-sm font-semibold text-white shadow-sm transition hover:bg-amber-600 focus:outline-none focus:ring-2 focus:ring-amber-300/60">
|
|
<i class="fa-solid fa-table-columns" aria-hidden="true"></i>
|
|
<span>Kanban</span>
|
|
</a>
|
|
<a href="{{ route('helpdesk.settings') }}" wire:navigate class="inline-flex items-center gap-2 rounded-xl bg-violet-600 px-4 py-2 text-sm font-semibold text-white shadow-sm transition hover:bg-violet-700 focus:outline-none focus:ring-2 focus:ring-violet-400/60">
|
|
<i class="fa-solid fa-gear" aria-hidden="true"></i>
|
|
<span>Settings</span>
|
|
</a>
|
|
</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">
|
|
<a href="{{ route('helpdesk.index') }}" wire:navigate class="inline-flex items-center rounded-xl bg-slate-700 px-4 py-2 text-sm font-semibold text-white shadow-sm transition hover:bg-slate-800">Dashboard</a>
|
|
<a href="{{ route('helpdesk.tickets.index') }}" wire:navigate class="inline-flex items-center rounded-xl bg-blue-600 px-4 py-2 text-sm font-semibold text-white shadow-sm transition hover:bg-blue-700">Tickets</a>
|
|
<a href="{{ route('helpdesk.tickets.create') }}" wire:navigate class="inline-flex items-center rounded-xl bg-green-600 px-4 py-2 text-sm font-semibold text-white shadow-sm transition hover:bg-green-700">+ New Ticket</a>
|
|
<a href="{{ route('helpdesk.kanban') }}" wire:navigate class="inline-flex items-center rounded-xl bg-amber-500 px-4 py-2 text-sm font-semibold text-white shadow-sm transition hover:bg-amber-600">Kanban</a>
|
|
<a href="{{ route('helpdesk.settings') }}" wire:navigate class="inline-flex items-center rounded-xl bg-violet-600 px-4 py-2 text-sm font-semibold text-white shadow-sm transition hover:bg-violet-700">Settings</a>
|
|
</div>
|
|
</div>
|
|
|
|
<livewire:helpdesk.dashboard-widget />
|
|
</div>
|