isaaccladandCursor
b798819191
Deploy Ladill Queue / deploy (push) Successful in 1m20s
Mobile ticket cancel now uses the shared modal UI instead of window.confirm. Co-authored-by: Cursor <cursoragent@cursor.com>
48 lines
2.5 KiB
PHP
48 lines
2.5 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en" class="h-full">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Ticket {{ $ticket->ticket_number }}</title>
|
|
@vite(['resources/css/app.css', 'resources/js/app.js'])
|
|
</head>
|
|
<body class="min-h-screen bg-slate-100 p-6" x-data="mobileTracker('{{ $pollUrl }}')" x-init="init()">
|
|
<div class="mx-auto max-w-md rounded-2xl bg-white p-6 shadow">
|
|
@if (session('success'))
|
|
<p class="mb-4 rounded-lg bg-emerald-50 px-3 py-2 text-sm text-emerald-800">{{ session('success') }}</p>
|
|
@endif
|
|
<p class="text-sm uppercase tracking-wide text-slate-500">Your ticket</p>
|
|
<p class="text-5xl font-bold text-indigo-600" x-text="data?.ticket_number ?? '{{ $ticket->ticket_number }}'"></p>
|
|
<p class="mt-2 text-lg text-slate-700" x-text="data?.queue?.name ?? '{{ $ticket->serviceQueue?->name }}'"></p>
|
|
<p class="mt-4 text-sm text-slate-600">Status: <span class="font-semibold capitalize" x-text="data?.status ?? '{{ $ticket->status }}'"></span></p>
|
|
<p class="mt-2 text-sm text-slate-600" x-show="(data?.status ?? '{{ $ticket->status }}') === 'waiting'">
|
|
<span x-text="ahead + ' customer(s) ahead'"></span>
|
|
</p>
|
|
<p class="mt-2 text-sm text-slate-600" x-show="data?.counter">
|
|
Proceed to <span class="font-semibold" x-text="data?.counter?.name"></span>
|
|
</p>
|
|
|
|
@if (in_array($ticket->status, ['waiting', 'on_hold']))
|
|
<form method="POST" action="{{ route('qms.mobile.delay', $ticket->qr_token) }}" class="mt-6 flex gap-2">
|
|
@csrf
|
|
<input type="number" name="minutes" value="15" min="5" max="120" class="w-20 rounded-lg border-slate-300 text-sm">
|
|
<button type="submit" class="btn-secondary flex-1">Delay arrival</button>
|
|
</form>
|
|
<div class="mt-2">
|
|
<x-confirm-dialog
|
|
name="cancel-ticket"
|
|
title="Cancel this ticket?"
|
|
message="You will lose your place in the queue."
|
|
:action="route('qms.mobile.cancel', $ticket->qr_token)"
|
|
confirm-label="Cancel ticket"
|
|
>
|
|
<x-slot:trigger>
|
|
<x-btn type="button" variant="danger" class="w-full">Cancel ticket</x-btn>
|
|
</x-slot:trigger>
|
|
</x-confirm-dialog>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
</body>
|
|
</html>
|