@extends('layouts.app')
@section('title', 'Medical Reports')
@section('content')
<div class="card">
    <h2 style="font-size:17px;color:#0b4f2c;margin-bottom:16px;">Medical Reports</h2>
    <div style="display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:20px;">
        <div class="card" style="margin:0;"><div style="font-size:11px;color:#777;">Visits This Month</div><div style="font-size:22px;font-weight:bold;color:#0b4f2c;">{{ $visitsThisMonth }}</div></div>
        <div class="card" style="margin:0;"><div style="font-size:11px;color:#777;">Students with Allergies</div><div style="font-size:22px;font-weight:bold;color:#a67c00;">{{ $allergyCount }}</div></div>
    </div>
    <h3 style="font-size:14px;color:#0b4f2c;margin-bottom:10px;">Blood Group Distribution</h3>
    <table style="width:100%;border-collapse:collapse;font-size:13px;">
        <thead><tr style="background:#f4f6f5;text-align:left;"><th style="padding:6px;">Blood Group</th><th style="padding:6px;">Students</th></tr></thead>
        <tbody>
            @forelse($bloodGroups as $group => $count)
                <tr style="border-bottom:1px solid #eee;"><td style="padding:6px;">{{ $group ?: 'Not recorded' }}</td><td style="padding:6px;">{{ $count }}</td></tr>
            @empty
                <tr><td colspan="2" style="padding:10px;color:#999;">No data yet.</td></tr>
            @endforelse
        </tbody>
    </table>
</div>
@endsection