isaaccladandCursor
c5c2c02e47
Deploy Ladill Queue / deploy (push) Successful in 28s
Secondary actions were unstyled links beside pill buttons; add shared btn-group helper for form rows. Co-authored-by: Cursor <cursoragent@cursor.com>
43 lines
2.0 KiB
PHP
43 lines
2.0 KiB
PHP
<x-app-layout title="Counters">
|
|
<div class="flex flex-wrap items-start justify-between gap-4">
|
|
<div>
|
|
<h1 class="text-xl font-semibold text-slate-900">Counters</h1>
|
|
<p class="mt-1 text-sm text-slate-500">Service desks and windows where staff call and serve tickets</p>
|
|
</div>
|
|
<a href="{{ route('qms.counters.create') }}" class="btn-primary">New counter</a>
|
|
</div>
|
|
|
|
<div class="mt-5 grid gap-4 md:grid-cols-2 xl:grid-cols-3">
|
|
@forelse ($counters as $counter)
|
|
<article class="flex flex-col rounded-2xl border border-slate-200 bg-white p-5 shadow-sm">
|
|
<div class="flex items-start justify-between gap-3">
|
|
<div>
|
|
<a href="{{ route('qms.counters.show', $counter) }}" class="text-lg font-semibold text-slate-900 hover:text-indigo-700">{{ $counter->name }}</a>
|
|
<p class="mt-1 text-sm text-slate-500">{{ $counter->branch?->name }}</p>
|
|
</div>
|
|
<x-counter-status :status="$counter->status" />
|
|
</div>
|
|
<p class="mt-4 text-sm text-slate-600">
|
|
<span class="font-medium text-slate-700">Queues:</span>
|
|
{{ $counter->serviceQueues->pluck('name')->join(', ') ?: 'None assigned' }}
|
|
</p>
|
|
<div class="mt-5 btn-group">
|
|
<a href="{{ route('qms.console.show', $counter) }}" class="btn-primary flex-1 text-center text-sm">Open console</a>
|
|
<a href="{{ route('qms.counters.show', $counter) }}" class="btn-secondary text-sm">Details</a>
|
|
</div>
|
|
</article>
|
|
@empty
|
|
<div class="col-span-full">
|
|
<x-empty-state title="No counters yet" description="Create a counter for each service desk or teller window.">
|
|
<x-slot:action>
|
|
<a href="{{ route('qms.counters.create') }}" class="btn-primary">Create your first counter</a>
|
|
</x-slot:action>
|
|
</x-empty-state>
|
|
</div>
|
|
@endforelse
|
|
</div>
|
|
@if ($counters->hasPages())
|
|
<div class="mt-4">{{ $counters->links() }}</div>
|
|
@endif
|
|
</x-app-layout>
|