@extends('layouts.admin')

@section('title', 'Dashboard')

@section('content')
<div class="mb-8">
    <h1 class="text-[var(--primary-green)] mb-2">Dashboard</h1>
    <p class="text-[var(--light-text)]">Manage website content from Laravel Blade pages backed by MySQL.</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-5 gap-6">
    @foreach($counts as $label => $count)
        <article class="bg-white rounded-2xl p-6 shadow-md">
            <p class="text-sm text-[var(--light-text)]">{{ $label }}</p>
            <p class="text-4xl text-[var(--primary-green)] mt-2">{{ $count }}</p>
        </article>
    @endforeach
</div>
@endsection