ladill-care/resources/views/care/queue/index.blade.php

<x-app-layout title="Queue">
    <div class="space-y-6">
        <x-care.page-hero
            badge="Waiting room · Consultations · Walk-ins"
            title="Patient queue"
            description="See who is waiting, start consultations, and keep patient flow moving across your branch."
            :stats="[
                ['value' => number_format($heroStats['waiting']), 'label' => 'Waiting'],
                ['value' => number_format($heroStats['in_consultation']), 'label' => 'In consultation'],
                ['value' => number_format($heroStats['today']), 'label' => 'Today'],
            ]">
            @if ($canManageQueue)
                <x-slot name="actions">
                    <a href="{{ route('care.appointments.walk-in.create') }}" class="btn-primary">Walk-in</a>
                </x-slot>
            @endif
        </x-care.page-hero>

        <form method="GET" class="flex flex-wrap gap-3 rounded-2xl border border-slate-200 bg-white p-4">
            <select name="branch_id" class="rounded-lg border-slate-300 text-sm" onchange="this.form.submit()">
                @foreach ($branches as $branch)
                    <option value="{{ $branch->id }}" @selected($branchId == $branch->id)>{{ $branch->name }}</option>
                @endforeach
            </select>
            <select name="practitioner_id" class="rounded-lg border-slate-300 text-sm">
                <option value="">All practitioners</option>
                @foreach ($practitioners as $practitioner)
                    <option value="{{ $practitioner->id }}" @selected($practitionerId == $practitioner->id)>{{ $practitioner->name }}</option>
                @endforeach
            </select>
            <button type="submit" class="btn-primary">Filter</button>
        </form>

        @include('care.partials.queue-ops', [
            'queueIntegration' => $queueIntegration ?? null,
            'queueCallNextRoute' => 'care.queue.call-next',
            'queueCallNextParams' => array_filter(['practitioner_id' => $practitionerId]),
            'branchId' => $branchId,
        ])

        <div class="grid gap-6 lg:grid-cols-2">
            <section class="rounded-2xl border border-slate-200 bg-white p-6">
                <h2 class="text-sm font-semibold uppercase tracking-wide text-slate-500">Waiting ({{ $queue->count() }})</h2>
                <div class="mt-4 space-y-3">
                    @forelse ($queue as $appointment)
                        <div @class([
                            'flex items-center justify-between rounded-xl border p-4',
                            'border-indigo-200 bg-indigo-50/60' => ($appointment->queue_ticket_status ?? null) === 'called',
                            'border-emerald-200 bg-emerald-50' => ($appointment->queue_ticket_status ?? null) === 'serving',
                            'border-slate-100 bg-slate-50' => ! in_array($appointment->queue_ticket_status ?? null, ['called', 'serving'], true),
                        ])>
                            <div>
                                <p class="font-medium text-slate-900">
                                    @if (! empty($queueIntegration['enabled']) && $appointment->queue_ticket_number)
                                        @include('care.partials.queue-ticket', [
                                            'ticketNumber' => $appointment->queue_ticket_number,
                                            'ticketStatus' => $appointment->queue_ticket_status,
                                            'destination' => $appointment->queue_destination,
                                            'staffDisplayName' => $appointment->queue_staff_display_name,
                                        ])
                                    @elseif (! empty($queueIntegration['enabled']) && ($appointment->queue_routing_status ?? '') === 'unresolved')
                                        <span class="mr-2 text-[11px] font-medium text-amber-700">Unassigned</span>
                                    @elseif ($appointment->queue_position)
                                        <span class="mr-2 inline-flex h-6 w-6 items-center justify-center rounded-full bg-sky-100 text-xs font-bold text-sky-700">{{ $appointment->queue_position }}</span>
                                    @endif
                                    {{ $appointment->patient->fullName() }}
                                </p>
                                <p class="text-xs text-slate-500">{{ $appointment->patient->patient_number }} · {{ $appointment->reason ?? '—' }}</p>
                            </div>
                            <div class="flex flex-wrap items-center justify-end gap-2">
                                @if (! empty($queueIntegration['enabled']) && $appointment->queue_ticket_uuid && in_array($appointment->queue_ticket_status ?? '', ['called', 'serving'], true) && $canConsult)
                                    <form method="POST" action="{{ route('care.queue.recall', $appointment) }}">
                                        @csrf
                                        <button type="submit" class="rounded-lg border border-indigo-200 bg-indigo-50 px-3 py-1.5 text-xs font-medium text-indigo-700 hover:bg-indigo-100">Call again</button>
                                    </form>
                                @endif
                                @if ($canConsult)
                                    <form method="POST" action="{{ route('care.queue.start', $appointment) }}">
                                        @csrf
                                        <button type="submit" class="rounded-lg bg-sky-600 px-3 py-1.5 text-xs font-medium text-white hover:bg-sky-700">
                                            {{ ! empty($queueIntegration['enabled']) && ($appointment->queue_ticket_status ?? '') === 'called' ? 'Serve & start' : 'Start' }}
                                        </button>
                                    </form>
                                @endif
                            </div>
                        </div>
                    @empty
                        <p class="text-sm text-slate-500">No patients waiting.</p>
                    @endforelse
                </div>
            </section>

            <section class="rounded-2xl border border-slate-200 bg-white p-6">
                <h2 class="text-sm font-semibold uppercase tracking-wide text-slate-500">In consultation ({{ $inConsultation->count() }})</h2>
                <div class="mt-4 space-y-3">
                    @forelse ($inConsultation as $appointment)
                        <div class="flex items-center justify-between rounded-xl border border-emerald-100 bg-emerald-50 p-4">
                            <div>
                                <p class="font-medium text-slate-900">
                                    @if (! empty($queueIntegration['enabled']) && $appointment->queue_ticket_number)
                                        @include('care.partials.queue-ticket', [
                                            'ticketNumber' => $appointment->queue_ticket_number,
                                            'ticketStatus' => $appointment->queue_ticket_status,
                                        ])
                                    @endif
                                    {{ $appointment->patient->fullName() }}
                                </p>
                                <p class="text-xs text-slate-500">{{ $appointment->practitioner?->name ?? 'Unassigned' }}</p>
                            </div>
                            <div class="flex flex-wrap items-center justify-end gap-2">
                                @if (! empty($queueIntegration['enabled']) && $appointment->queue_ticket_uuid && in_array($appointment->queue_ticket_status ?? '', ['called', 'serving'], true) && $canConsult)
                                    <form method="POST" action="{{ route('care.queue.recall', $appointment) }}">
                                        @csrf
                                        <button type="submit" class="rounded-lg border border-indigo-200 bg-indigo-50 px-3 py-1.5 text-xs font-medium text-indigo-700 hover:bg-indigo-100">Call again</button>
                                    </form>
                                @endif
                                @if ($appointment->consultation)
                                    <a href="{{ route('care.consultations.show', $appointment->consultation) }}" class="text-sm text-sky-600 hover:text-sky-700">Open</a>
                                @endif
                            </div>
                        </div>
                    @empty
                        <p class="text-sm text-slate-500">No active consultations.</p>
                    @endforelse
                </div>
            </section>
        </div>
    </div>
</x-app-layout>