@extends('layouts.app')
@section('content')
<div class="max-w-3xl mx-auto px-4 lg:px-10 py-8">
<a href="{{ route('portal.medical-records.index') }}" class="text-[11px] tracking-[0.14em] uppercase border-b border-ink-900 pb-1">← Back to records</a>
<h1 class="text-3xl font-display mt-4">{{ $medicalRecord->chief_complaint ?? 'Medical record' }}</h1>
<p class="text-[13px] text-ink-400 mt-1">{{ $medicalRecord->recorded_at->format('j M Y H:i') }} · {{ $medicalRecord->doctor->full_name ?? '' }} · {{ $medicalRecord->encounter_type ?? '' }}</p>
<div class="mt-8 grid md:grid-cols-2 gap-4">
<div class="border border-stone-200 p-5"><p class="pulso-label">Symptoms</p><p class="text-sm mt-2 leading-relaxed">{{ $medicalRecord->symptoms ?? '—' }}</p></div>
<div class="border border-stone-200 p-5"><p class="pulso-label">Examination</p><p class="text-sm mt-2 leading-relaxed">{{ $medicalRecord->examination_findings ?? '—' }}</p></div>
<div class="border border-stone-200 p-5"><p class="pulso-label">Treatment plan</p><p class="text-sm mt-2 leading-relaxed">{{ $medicalRecord->treatment_plan ?? '—' }}</p></div>
<div class="border border-stone-200 p-5"><p class="pulso-label">Follow-up</p><p class="text-sm mt-2">{{ $medicalRecord->follow_up_instructions ?? '—' }}</p></div>
</div>
</div>
@endsection