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">
            @if ($lockToPractitioner ?? false)
                @if (($canSwitchBranch ?? false) && isset($branches) && $branches->count() > 1)
                    <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>
                @elseif (isset($branches) && $branches->isNotEmpty())
                    <span class="flex items-center text-sm font-medium text-slate-700">{{ $branches->first()->name }}</span>
                @endif
                <span class="flex items-center text-sm text-slate-500">Showing patients assigned to you</span>
            @elseif ($canSwitchBranch ?? false)
                <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>
            @else
                @if (isset($branches) && $branches->isNotEmpty())
                    <input type="hidden" name="branch_id" value="{{ $branchId }}">
                    <span class="flex items-center text-sm font-medium text-slate-700">{{ $branches->first()->name }}</span>
                @endif
                <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>
            @endif
        </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-start justify-between gap-4 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 class="min-w-0 flex-1 space-y-2">
                                @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="inline-flex rounded-full bg-amber-100 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-amber-800">Unassigned</span>
                                @elseif ($appointment->queue_position)
                                    <span class="inline-flex h-7 w-7 items-center justify-center rounded-full bg-sky-100 text-xs font-bold text-sky-700">{{ $appointment->queue_position }}</span>
                                @endif

                                <div class="min-w-0">
                                    <p class="truncate text-base font-semibold text-slate-900">{{ $appointment->patient->fullName() }}</p>
                                    <p class="mt-0.5 truncate text-xs text-slate-500">{{ $appointment->patient->patient_number }} · {{ $appointment->reason ?? '—' }}</p>
                                </div>
                            </div>

                            <div class="flex shrink-0 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-start justify-between gap-4 rounded-xl border border-emerald-100 bg-emerald-50 p-4">
                            <div class="min-w-0 flex-1 space-y-2">
                                @if (! empty($queueIntegration['enabled']) && $appointment->queue_ticket_number)
                                    @include('care.partials.queue-ticket', [
                                        'ticketNumber' => $appointment->queue_ticket_number,
                                        'ticketStatus' => $appointment->queue_ticket_status,
                                        'showAssignment' => false,
                                    ])
                                @endif
                                <div class="min-w-0">
                                    <p class="truncate text-base font-semibold text-slate-900">{{ $appointment->patient->fullName() }}</p>
                                    <p class="mt-0.5 truncate text-xs text-slate-500">{{ $appointment->practitioner?->name ?? 'Unassigned' }}</p>
                                </div>
                            </div>
                            <div class="flex shrink-0 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 font-medium 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>