@extends('layouts.app')
@section('header_title', 'Walk-In Queue Management')
@section('content')
<div class="bg-white rounded-2xl border p-6">
    <h3 class="font-bold text-[#060453] text-lg mb-4">🎟️ Today's Diagnostic Queue Tickets</h3>
    <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
        @foreach($queue as $item)
        <div class="p-6 rounded-2xl border-2 border-[#060453] bg-indigo-50/30 text-center">
            <div class="text-xs uppercase font-bold text-gray-500">Ticket Number</div>
            <div class="text-4xl font-black text-[#c9261a] my-2">#{{ $item->queue_number }}</div>
            <div class="font-bold text-[#060453]">{{ $item->patient->full_name ?? 'Alhaji Musa' }}</div>
            <div class="text-xs text-green-700 font-semibold mt-2">Status: {{ $item->status }}</div>
        </div>
        @endforeach
    </div>
</div>
@endsection