@extends('layouts.app')

@section('content')
<div class="container mx-auto px-4 py-8">
    <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
        <div class="bg-white rounded-lg shadow p-6">
            <h3 class="text-xl font-bold mb-2">Total Parks</h3>
            <p class="text-3xl font-bold text-blue-600">{{ $total_parks }}</p>
        </div>
        
        <div class="bg-white rounded-lg shadow p-6">
            <h3 class="text-xl font-bold mb-2">Total Attractions</h3>
            <p class="text-3xl font-bold text-green-600">{{ $total_attractions }}</p>
        </div>
        
        <div class="bg-white rounded-lg shadow p-6">
            <h3 class="text-xl font-bold mb-2">Total Roller Coasters</h3>
            <p class="text-3xl font-bold text-purple-600">{{ $total_coasters }}</p>
        </div>
    </div>
</div>
@endsection
