@extends('layouts.app')
@section('title', 'Consultations')
@section('content')
<div class="bg-white rounded-xl border shadow-sm overflow-hidden">
    <div class="px-6 py-4 border-b bg-gray-50"><h3 class="font-semibold text-gray-700">My Queue Today</h3></div>
    <table class="w-full"><thead><tr><th class="table-header">Patient</th><th class="table-header">Visit #</th><th class="table-header">Type</th><th class="table-header">Status</th><th class="table-header">Actions</th></tr></thead>
    <tbody>@forelse($visits as $v)
        <tr class="border-b border-gray-50 hover:bg-gray-50">
            <td class="table-cell font-medium">{{ $v->patient->full_name ?? 'N/A' }}</td>
            <td class="table-cell font-mono text-xs">{{ $v->visit_number }}</td>
            <td class="table-cell capitalize">{{ $v->visit_type }}</td>
            <td class="table-cell"><span class="badge badge-info">{{ ucfirst(str_replace('_',' ',$v->status)) }}</span></td>
            <td class="table-cell"><a href="{{ route('consultations.show', $v) }}" class="btn-primary text-xs py-1 px-3">{{ $v->consultation ? 'Continue' : 'Start' }}</a></td>
        </tr>
    @empty<tr><td colspan="5" class="table-cell text-center text-gray-400 py-8">No patients.</td></tr>@endforelse</tbody></table>
</div>
@endsection