@extends('layouts.admin')

@section('page_kicker', 'Caseload')
@section('page_title', 'Patients')

@section('content')
    <div class="admin-content-card">
        <p class="text-sm leading-relaxed text-slate-600">Patients linked through telehealth consultations or appointments (independent only).</p>
        <ul class="mt-6 divide-y divide-slate-100">
            @forelse($patients as $patient)
                <li class="flex flex-wrap items-center justify-between gap-3 py-4 first:pt-0">
                    <div>
                        <p class="font-semibold text-slate-900">{{ $patient->name }}</p>
                        <p class="text-xs text-slate-500">{{ $patient->email }}</p>
                    </div>
                    <a href="{{ route('aim4wellness.patients.show', $patient) }}" class="admin-btn-secondary shrink-0 py-2 text-xs">View profile</a>
                </li>
            @empty
                <li class="py-12 text-center text-sm text-slate-500">No patients yet.</li>
            @endforelse
        </ul>
        <div class="mt-6">{{ $patients->links() }}</div>
    </div>
@endsection