@extends('layouts.app')
@section('title', 'Health Reports')
@section('content')
<div class="card">
    <h2 style="font-size:17px;color:#0b4f2c;margin-bottom:16px;">Health Report</h2>
    <div style="display:grid;grid-template-columns:repeat(2,1fr);gap:14px;">
        <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;">{{ $visits_this_month }}</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;">{{ $with_allergies }}</div></div>
    </div>
</div>
@endsection