@extends('layouts.admin', ['heading' => $heading])

@section('content')
<div class="grid gap-4 sm:grid-cols-3">
    @foreach ($metrics as $label => $value)
        <div class="panel p-5"><div class="text-sm text-gray-500">{{ $label }}</div><div class="mt-2 text-3xl font-black">{{ $value }}</div></div>
    @endforeach
</div>
<div class="panel mt-6 p-5">
    <p class="text-sm text-gray-600">{{ $summary }}</p>
    <div class="mt-5 divide-y">
        @forelse ($items as $item)
            <div class="py-3 text-sm">{{ $item }}</div>
        @empty
            <div class="py-3 text-sm text-gray-500">No records yet.</div>
        @endforelse
    </div>
</div>
@endsection