Add in-app Ladill Queue integration for service queue consoles.
Deploy Ladill Care / deploy (push) Successful in 37s
Deploy Ladill Care / deploy (push) Successful in 37s
Settings toggle provisions Queue org via API; reception staff manage counters without leaving Care. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -0,0 +1,97 @@
|
||||
@php
|
||||
$counter = $state['counter'] ?? [];
|
||||
$current = $state['current_ticket'] ?? null;
|
||||
$queues = $state['queues'] ?? [];
|
||||
$waiting = $state['waiting_by_queue'] ?? [];
|
||||
$transferQueues = $state['transfer_queues'] ?? [];
|
||||
@endphp
|
||||
|
||||
<x-app-layout title="Console · {{ $counter['name'] ?? 'Counter' }}">
|
||||
<div class="flex flex-wrap items-start justify-between gap-4">
|
||||
<div>
|
||||
<a href="{{ route('care.service-queues.index') }}" class="text-sm font-medium text-indigo-600">← Service queues</a>
|
||||
<h1 class="mt-2 text-xl font-semibold text-slate-900">{{ $counter['name'] ?? 'Counter' }}</h1>
|
||||
<p class="mt-1 text-sm text-slate-500">{{ $counter['branch'] ?? '' }} · Ladill Queue console</p>
|
||||
</div>
|
||||
<div class="flex gap-2">
|
||||
<form method="POST" action="{{ route('care.service-queues.action', $counterUuid) }}">@csrf<input type="hidden" name="action" value="available"><button class="btn-secondary text-sm">Available</button></form>
|
||||
<form method="POST" action="{{ route('care.service-queues.action', $counterUuid) }}">@csrf<input type="hidden" name="action" value="offline"><button class="btn-secondary text-sm">Offline</button></form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if ($current)
|
||||
<section class="mt-6 overflow-hidden rounded-2xl border border-indigo-200 bg-gradient-to-br from-indigo-50 via-white to-white shadow-sm">
|
||||
<div class="border-b border-indigo-100 px-6 py-4">
|
||||
<p class="text-xs font-semibold uppercase tracking-wider text-indigo-600">Current customer</p>
|
||||
</div>
|
||||
<div class="px-6 py-5">
|
||||
<p class="text-5xl font-bold tracking-tight text-slate-900">{{ $current['ticket_number'] }}</p>
|
||||
<p class="mt-2 text-sm text-slate-600">{{ $current['queue']['name'] ?? '' }}</p>
|
||||
<p class="mt-1 font-medium text-slate-800">{{ $current['customer_name'] ?? 'Walk-in customer' }}</p>
|
||||
<div class="mt-6 grid gap-2 sm:grid-cols-2 lg:grid-cols-3">
|
||||
@foreach ([
|
||||
'recall' => 'Recall',
|
||||
'start' => 'Start serving',
|
||||
'hold' => 'Hold',
|
||||
'skip' => 'Skip',
|
||||
'complete' => 'Complete',
|
||||
'no_show' => 'No show',
|
||||
] as $action => $label)
|
||||
<form method="POST" action="{{ route('care.service-queues.action', $counterUuid) }}">
|
||||
@csrf
|
||||
<input type="hidden" name="action" value="{{ $action }}">
|
||||
<input type="hidden" name="ticket_uuid" value="{{ $current['uuid'] }}">
|
||||
<button type="submit" class="btn-secondary w-full text-sm">{{ $label }}</button>
|
||||
</form>
|
||||
@endforeach
|
||||
</div>
|
||||
@if (count($transferQueues) > 1)
|
||||
<form method="POST" action="{{ route('care.service-queues.action', $counterUuid) }}" class="mt-4 flex flex-wrap items-end gap-2 border-t border-indigo-100 pt-4">
|
||||
@csrf
|
||||
<input type="hidden" name="action" value="transfer">
|
||||
<input type="hidden" name="ticket_uuid" value="{{ $current['uuid'] }}">
|
||||
<select name="to_queue_uuid" class="rounded-lg border-slate-300 text-sm">
|
||||
@foreach ($transferQueues as $q)
|
||||
@if (($q['uuid'] ?? '') !== ($current['queue']['uuid'] ?? ''))
|
||||
<option value="{{ $q['uuid'] }}">{{ $q['name'] }}</option>
|
||||
@endif
|
||||
@endforeach
|
||||
</select>
|
||||
<input type="text" name="reason" placeholder="Reason" class="rounded-lg border-slate-300 text-sm">
|
||||
<button type="submit" class="btn-secondary text-sm">Transfer</button>
|
||||
</form>
|
||||
@endif
|
||||
</div>
|
||||
</section>
|
||||
@else
|
||||
<section class="mt-6 rounded-2xl border border-dashed border-slate-300 bg-slate-50 px-6 py-10 text-center text-sm text-slate-600">
|
||||
No active customer — call the next ticket from a queue below.
|
||||
</section>
|
||||
@endif
|
||||
|
||||
<div class="mt-6 grid gap-4 lg:grid-cols-2">
|
||||
@foreach ($queues as $queue)
|
||||
<section class="rounded-2xl border border-slate-200 bg-white shadow-sm">
|
||||
<div class="flex items-center justify-between border-b border-slate-100 px-5 py-4">
|
||||
<h2 class="font-semibold text-slate-900">{{ $queue['name'] }}</h2>
|
||||
<form method="POST" action="{{ route('care.service-queues.action', $counterUuid) }}">
|
||||
@csrf
|
||||
<input type="hidden" name="action" value="call_next">
|
||||
<input type="hidden" name="queue_uuid" value="{{ $queue['uuid'] }}">
|
||||
<button type="submit" class="btn-primary text-sm">Call next</button>
|
||||
</form>
|
||||
</div>
|
||||
<ul class="divide-y divide-slate-50 px-2 py-2">
|
||||
@forelse ($waiting[$queue['uuid']] ?? [] as $ticket)
|
||||
<li class="flex items-center justify-between px-3 py-2.5 text-sm">
|
||||
<span class="font-mono font-semibold">{{ $ticket['ticket_number'] }}</span>
|
||||
<span class="text-slate-500">{{ $ticket['customer_name'] ?? 'Walk-in' }}</span>
|
||||
</li>
|
||||
@empty
|
||||
<li class="px-3 py-6 text-center text-sm text-slate-500">Queue is empty</li>
|
||||
@endforelse
|
||||
</ul>
|
||||
</section>
|
||||
@endforeach
|
||||
</div>
|
||||
</x-app-layout>
|
||||
Reference in New Issue
Block a user