@extends('layouts.app')
@section('title', 'Immunization Records')
@section('content')
<div class="card">
    <h2 style="font-size:17px;color:#0b4f2c;margin-bottom:16px;">Immunization Records</h2>
    <table style="width:100%;border-collapse:collapse;font-size:13px;">
        <thead><tr style="background:#f4f6f5;text-align:left;"><th style="padding:8px;">Student</th><th style="padding:8px;">Vaccine</th><th style="padding:8px;">Date Given</th><th style="padding:8px;">Next Due</th></tr></thead>
        <tbody>
            @forelse($records as $r)
                <tr style="border-bottom:1px solid #eee;">
                    <td style="padding:8px;font-weight:bold;">{{ $r->student->full_name }}</td>
                    <td style="padding:8px;">{{ $r->vaccine_name }}</td>
                    <td style="padding:8px;">{{ \Illuminate\Support\Carbon::parse($r->date_administered)->format('d M, Y') }}</td>
                    <td style="padding:8px;color:{{ $r->next_due_date && \Illuminate\Support\Carbon::parse($r->next_due_date)->isPast() ? '#a33' : '#333' }};">{{ optional($r->next_due_date)->format('d M, Y') ?? '—' }}</td>
                </tr>
            @empty
                <tr><td colspan="4" style="padding:20px;text-align:center;color:#999;">No immunization records yet.</td></tr>
            @endforelse
        </tbody>
    </table>
</div>
@endsection