@extends('layouts.admin')

@section('page_kicker', 'Schedule')
@section('page_title', 'My appointments')

@section('content')
    <p class="text-sm text-slate-600">
        Scheduled hospital appointments where you are the assigned clinician. To book or change slots, use reception / admin workflows; you can review your calendar here.
    </p>

    <div class="admin-content-card mt-6">
        <h3 class="admin-card-title">Upcoming &amp; recent</h3>
        @if($appointments->isEmpty())
            <p class="mt-4 text-sm text-slate-500">No appointments found.</p>
        @else
            <div class="admin-table-wrap mt-4">
                <table class="admin-table min-w-full text-sm">
                    <thead>
                        <tr>
                            <th>When</th>
                            <th>Patient</th>
                            <th>Type</th>
                            <th>Status</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($appointments as $a)
                            <tr>
                                <td class="whitespace-nowrap">{{ $a->scheduled_at?->timezone(config('app.timezone'))->format('Y-m-d H:i') ?? '—' }}</td>
                                <td>{{ $a->patient?->name ?? '—' }}</td>
                                <td class="capitalize text-slate-600">{{ $a->visit_type ?? '—' }}</td>
                                <td class="capitalize">{{ $a->status }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <div class="mt-4">{{ $appointments->links() }}</div>
        @endif
    </div>
@endsection