@extends('layouts.doctor')
@section('title', 'My Patients')
@section('content')
    <x-page-header title="My Patients" subtitle="Patients assigned to you" />
    <x-data-table :headers="['Patient', 'Contact', 'Last Visit', 'Status']">
        <x-slot:toolbar>
            <form method="GET" class="d-flex gap-2">
                <input type="text" name="search" value="{{ request('search') }}" class="form-control" placeholder="Search patient...">
                <button class="btn btn-outline-secondary">Search</button>
            </form>
        </x-slot:toolbar>
        @forelse($patients as $p)
            <tr>
                <td><strong>{{ $p->full_name }}</strong><br><small class="text-muted">{{ $p->code }}</small></td>
                <td>{{ $p->phone }}</td>
                <td>{{ $p->last_visit_date?->format('d M Y') ?? '—' }}</td>
                <td><x-status-badge :status="$p->crm_status" /></td>
            </tr>
        @empty
            <tr><td colspan="4" class="text-center text-muted py-3">No patients yet.</td></tr>
        @endforelse
    </x-data-table>
    <div class="mt-3">{{ $patients->links() }}</div>
@endsection