@extends('layouts.app')
@section('title','Appointment Report')
@section('content')
<h1 class="text-lg font-bold text-gray-900 mb-1">Appointment Report</h1>
@include('reports._date-filter')
<div class="grid grid-cols-2 md:grid-cols-4 gap-3 mb-4"><div class="stat-card"><p class="text-xs text-gray-400">Booked</p><p class="text-xl font-bold">{{ $stats['booked'] }}</p></div><div class="stat-card"><p class="text-xs text-gray-400">Attended</p><p class="text-xl font-bold text-green-600">{{ $stats['attended'] }}</p></div><div class="stat-card"><p class="text-xs text-gray-400">No-Shows</p><p class="text-xl font-bold text-red-600">{{ $stats['no_show'] }}</p></div><div class="stat-card"><p class="text-xs text-gray-400">Cancelled</p><p class="text-xl font-bold text-gray-600">{{ $stats['cancelled'] }}</p></div></div>
@endsection