@extends('layouts.app')
@section('title', 'Patient Visits')
@section('content')
@include('partials._queue-routing-helper')
<div class="grid grid-cols-2 md:grid-cols-5 gap-3 mb-5">
    <div class="stat-card text-center"><p class="text-xs text-gray-400 uppercase">Total Today</p><p class="text-2xl font-bold">{{ $stats['total'] }}</p></div>
    <div class="stat-card text-center" style="border-left:3px solid #f59e0b"><p class="text-xs text-gray-400 uppercase">Waiting</p><p class="text-2xl font-bold text-amber-600">{{ $stats['waiting'] }}</p></div>
    <div class="stat-card text-center" style="border-left:3px solid #3b82f6"><p class="text-xs text-gray-400 uppercase">Triage</p><p class="text-2xl font-bold text-blue-600">{{ $stats['in_triage'] }}</p></div>
    <div class="stat-card text-center" style="border-left:3px solid #6366f1"><p class="text-xs text-gray-400 uppercase">Consulting</p><p class="text-2xl font-bold text-indigo-600">{{ $stats['in_consultation'] }}</p></div>
    <div class="stat-card text-center" style="border-left:3px solid #22c55e"><p class="text-xs text-gray-400 uppercase">Completed</p><p class="text-2xl font-bold text-green-600">{{ $stats['completed'] }}</p></div>
</div>

<div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-3 mb-5">
    <form method="GET" class="flex flex-wrap gap-2 items-center">
        <input type="text" name="search" value="{{ request('search') }}" placeholder="Search patient..." class="form-input w-44">
        <input type="date" name="date" value="{{ request('date') }}" class="form-input w-40">
        <select name="status" class="form-input w-36"><option value="">All Status</option>
            <option value="waiting" {{ request('status')==='waiting'?'selected':'' }}>Waiting</option>
            <option value="in_triage" {{ request('status')==='in_triage'?'selected':'' }}>In Triage</option>
            <option value="in_consultation" {{ request('status')==='in_consultation'?'selected':'' }}>In Consultation</option>
            <option value="completed" {{ request('status')==='completed'?'selected':'' }}>Completed</option>
        </select>
        <select name="department" class="form-input w-36"><option value="">All Depts</option>@include('partials._department-options', ['selected' => request('department')])</select>
        <button class="btn-primary">Filter</button>
        @if(request()->hasAny(['search','date','status','department']))<a href="{{ route('visits.index') }}" class="btn-secondary text-xs">Clear</a>@endif
    </form>
    <div class="flex gap-2">
        <a href="{{ route('visits.create') }}" class="btn-success flex items-center gap-1"><svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/></svg> New Visit</a>
        <a href="{{ route('visits.queue') }}" class="btn-secondary flex items-center gap-1"><svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 10h16M4 14h16M4 18h16"/></svg> Queue</a>
    </div>
</div>

<div class="bg-white rounded-xl border border-gray-200 overflow-hidden">
    <div class="overflow-x-auto">
        <table class="w-full">
            <thead class="bg-gray-50 border-b"><tr>
                <th class="table-header">Visit #</th>
                <th class="table-header">Patient</th>
                <th class="table-header">Type</th>
                <th class="table-header">Department</th>
                <th class="table-header">Clinician</th>
                <th class="table-header">Triage</th>
                <th class="table-header">Payer</th>
                <th class="table-header">Check-in</th>
                <th class="table-header">Status</th>
                <th class="table-header">Actions</th>
            </tr></thead>
            <tbody class="divide-y divide-gray-50">
                @forelse($visits as $v)
                <tr class="hover:bg-blue-50/30">
                    <td class="table-cell"><a href="{{ queueOpenUrl($v) }}" class="font-mono text-xs font-semibold text-cr-700 hover:underline">{{ $v->visit_number }}</a></td>
                    <td class="table-cell">
                        <p class="font-medium text-sm">{{ $v->patient->full_name ?? '' }}</p>
                        <p class="text-xs text-gray-400">{{ $v->patient->mrn ?? '' }} · {{ $v->patient->phone ?? '' }}</p>
                    </td>
                    <td class="table-cell"><span class="badge {{ $v->visit_type==='Emergency'?'badge-danger':($v->visit_type==='IPD'?'badge-warning':'badge-info') }}">{{ $v->visit_type }}</span></td>
                    <td class="table-cell text-xs">{{ $v->department->name ?? '-' }}</td>
                    <td class="table-cell text-xs">{{ $v->clinician->name ?? '-' }}</td>
                    <td class="table-cell">
                        @if($v->triage)
                            <span class="badge {{ $v->triage->priority==='emergency'?'badge-danger':($v->triage->priority==='urgent'?'badge-warning':'badge-info') }}">{{ ucfirst($v->triage->priority) }}</span>
                        @else
                            <span class="text-xs text-gray-400">Pending</span>
                        @endif
                    </td>
                    <td class="table-cell text-xs">{{ $v->payer_label }}</td>
                    <td class="table-cell text-xs">{{ $v->check_in_at ? $v->check_in_at->format('H:i') : '-' }}</td>
                    <td class="table-cell">
                        @php $sc = ['waiting'=>'badge-warning','in_triage'=>'badge-info','in_consultation'=>'badge-info','completed'=>'badge-success','admitted'=>'badge-danger']; @endphp
                        <span class="badge {{ $sc[$v->status] ?? 'badge-gray' }}">{{ ucfirst(str_replace('_',' ',$v->status)) }}</span>
                    </td>
                    <td class="table-cell">
                        <a href="{{ queueOpenUrl($v) }}" class="text-xs font-medium text-cr-600 hover:text-cr-800 px-2 py-1 rounded hover:bg-cr-50">Open</a>
                    </td>
                </tr>
                @empty
                <tr><td colspan="10" class="table-cell text-center text-gray-400 py-10">No visits found.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($visits->hasPages())<div class="px-4 py-3 border-t bg-gray-50">{{ $visits->links() }}</div>@endif
</div>
@endsection