@extends('layouts.app')
@section('title', 'Health Dashboard')
@section('content')
<h2 style="font-size:18px;color:#0b4f2c;margin-bottom:16px;">Clinic Dashboard</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;">{{ $stats['visits_this_month'] }}</div></div>
    <div class="card" style="margin:0;"><div style="font-size:11px;color:#777;">Students with Allergies on File</div><div style="font-size:22px;font-weight:bold;color:#a67c00;">{{ $stats['students_with_allergies'] }}</div></div>
</div>

<div class="card">
    <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;">
        <h3 style="font-size:15px;color:#0b4f2c;">Recent Visits</h3>
        <div style="display:flex;gap:8px;">
            <a href="{{ url('/health/visits/create') }}" style="background:#0b4f2c;color:#fff;text-decoration:none;padding:7px 14px;border-radius:6px;font-size:12.5px;">+ Log Visit</a>
            <a href="{{ url('/health/immunizations') }}" style="background:#f4f6f5;color:#333;text-decoration:none;padding:7px 14px;border-radius:6px;font-size:12.5px;">Immunizations</a>
            <a href="{{ url('/health/reports') }}" style="background:#f4f6f5;color:#333;text-decoration:none;padding:7px 14px;border-radius:6px;font-size:12.5px;">Reports</a>
        </div>
    </div>
    <table style="width:100%;border-collapse:collapse;font-size:13px;">
        <thead><tr style="background:#f4f6f5;text-align:left;"><th style="padding:8px;">Date</th><th style="padding:8px;">Student</th><th style="padding:8px;">Complaint</th><th style="padding:8px;">Actions</th></tr></thead>
        <tbody>
            @forelse($recentVisits as $visit)
                <tr style="border-bottom:1px solid #eee;">
                    <td style="padding:8px;">{{ \Illuminate\Support\Carbon::parse($visit->visited_at)->format('d M, Y g:ia') }}</td>
                    <td style="padding:8px;font-weight:bold;">{{ $visit->student->full_name }}</td>
                    <td style="padding:8px;">{{ $visit->complaint }}</td>
                    <td style="padding:8px;"><a href="{{ url('/health/students/' . $visit->student_id) }}" style="color:#0b4f2c;text-decoration:none;font-size:12px;">View Record</a></td>
                </tr>
            @empty
                <tr><td colspan="4" style="padding:20px;text-align:center;color:#999;">No clinic visits logged yet.</td></tr>
            @endforelse
        </tbody>
    </table>
</div>
@endsection