@extends('layouts.app')
@section('header_title', 'Patient Directory')
@section('content')
<div class="bg-white rounded-2xl border p-6">
    <h3 class="font-bold text-[#060453] text-lg mb-4">🧑‍⚕️ Registered Patients</h3>
    <table class="w-full text-left text-sm">
        <thead class="bg-gray-50 text-xs uppercase text-gray-500"><tr><th class="p-3">Code</th><th class="p-3">Full Name</th><th class="p-3">Gender/Age</th><th class="p-3">Phone</th><th class="p-3">HMO Insurance</th></tr></thead>
        <tbody class="divide-y">
            @foreach($patients as $patient)
            <tr><td class="p-3 font-bold">{{ $patient->patient_code }}</td><td class="p-3">{{ $patient->full_name }}</td><td class="p-3">{{ $patient->gender }} / {{ $patient->age }}yrs</td><td class="p-3">{{ $patient->phone }}</td><td class="p-3 font-semibold text-indigo-600">{{ $patient->insurance_provider }}</td></tr>
            @endforeach
        </tbody>
    </table>
</div>
@endsection