@extends('layouts.app')
@section('title', 'Outpatient')
@section('content')
<div class="flex items-center justify-between mb-4">
    <h1 class="text-lg font-bold text-gray-900">Outpatient Visits</h1>
    <a href="{{ route('visits.opd.completed') }}" class="btn-secondary text-xs 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="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"/></svg>
        Completed Outpatient Visits
    </a>
</div>
<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">Today's OPD Visits</h3></div>
    <table class="w-full"><thead><tr><th class="table-header">Patient</th><th class="table-header">Visit #</th><th class="table-header">Clinician</th><th class="table-header">Status</th><th class="table-header">Invoice</th><th class="table-header">Actions</th></tr></thead>
    <tbody>@forelse($visits as $v)<tr class="border-b border-gray-50"><td class="table-cell font-medium">{{ $v->patient->full_name ?? '' }}</td><td class="table-cell font-mono text-xs">{{ $v->visit_number }}</td><td class="table-cell">{{ $v->clinician->name ?? '-' }}</td><td class="table-cell"><span class="badge badge-info">{{ ucfirst(str_replace('_',' ',$v->status)) }}</span></td><td class="table-cell">{{ $v->invoice ? 'KES '.number_format($v->invoice?->total_amount) : '-' }}</td><td class="table-cell"><a href="{{ route('consultations.show',$v) }}" class="text-xs text-sky-600">View</a></td></tr>@empty<tr><td colspan="6" class="table-cell text-center text-gray-400 py-8">No OPD visits today.</td></tr>@endforelse</tbody></table>
    <div class="px-4 py-3 border-t">{{ $visits->links() }}</div>
</div>
@endsection