@extends('layouts.app')
@section('content')
<div class="px-4 lg:px-10 py-8">
<p class="pulso-label">Patient portal</p><h1 class="text-3xl font-display mt-1">Medical records</h1>
<div class="mt-6 border border-stone-200 bg-white">
@forelse($records as $r)<a href="{{ route('portal.medical-records.show',$r) }}" class="flex justify-between items-center px-5 py-4 border-b border-stone-100 hover:bg-stone-50"><div><p class="font-medium text-sm">{{ $r->chief_complaint ?? 'Encounter' }}</p><p class="text-[12px] text-ink-400">{{ $r->recorded_at->format('j M Y') }} · {{ $r->doctor->full_name ?? '' }}</p></div><span class="text-[11px] tracking-[0.14em] uppercase border border-stone-200 px-3 py-1">View</span></a>@empty<p class="p-8 text-sm text-ink-400 text-center">No records yet. Your clinician will publish them after your visit.</p>@endforelse
</div>
<div class="mt-6">{{ $records->links() }}</div>
</div>
@endsection