@extends('layouts.admin')

@section('title', 'Patient Onboarding')

@section('content')
<div class="max-w-6xl space-y-6">
    <div class="flex flex-wrap items-start justify-between gap-4">
        <div>
            <p class="text-sm font-semibold text-brand-orange">Patient intake</p>
            <h2 class="mt-2 text-2xl font-bold text-accent">Patient PCP / BHCM assignment</h2>
            <p class="mt-1 max-w-2xl text-sm text-ink-secondary leading-relaxed">Use this queue to pair newly registered patients with the correct PCP and BHCM before screening, kiosk handoff, and collaborative care follow-up.</p>
        </div>
        @can('viewAny', App\Models\User::class)
            <a href="{{ route('admin.staff.index') }}" class="btn-secondary">Manage care team</a>
        @endcan
    </div>

    {{-- PCP / BHCM assignment --}}
    <div class="card overflow-hidden">
        <div class="px-4 py-3 border-b border-border-subtle">
            <h3 class="text-sm font-semibold text-accent">Assignment queue</h3>
        </div>
        <table class="table-shell">
            <thead>
                <tr>
                    <th class="text-left px-4 py-2.5 font-medium">Patient</th>
                    <th class="text-left px-4 py-2.5 font-medium">PCP</th>
                    <th class="text-left px-4 py-2.5 font-medium">BHCM</th>
                    <th class="px-4 py-2.5"></th>
                </tr>
            </thead>
            <tbody>
                @foreach ($patients as $patient)
                    <tr>
                        <td class="px-4 py-2.5 font-medium text-accent">{{ $patient->user->name ?? '—' }}</td>
                        <td class="px-4 py-2.5 text-ink-secondary">{{ $patient->pcp->name ?? '—' }}</td>
                        <td class="px-4 py-2.5 text-ink-secondary">{{ $patient->bhcm->name ?? '—' }}</td>
                        <td class="px-4 py-2.5 text-right space-x-3">
                            <a href="{{ route('admin.onboarding.assign.form', $patient) }}" class="text-accent-hover font-medium hover:underline">Assign</a>
                            <a href="{{ route('admin.kiosk.confirm', $patient) }}" class="text-accent-hover font-medium hover:underline">Send to Kiosk</a>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
        <div class="px-4 py-3 border-t border-border-subtle">{{ $patients->links() }}</div>
    </div>
</div>
@endsection