{% load cotton %}

<!-- Featured Parks Grid -->
{% for park in featured_parks %}
<c-park_card :park="park" view_mode="grid" class="h-full" />
{% empty %}
<div class="col-span-full text-center py-12">
    <svg class="w-16 h-16 text-muted-foreground mx-auto mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"></path>
    </svg>
    <h3 class="text-lg font-semibold mb-2">No Featured Parks</h3>
    <p class="text-muted-foreground">Check back soon for featured theme parks!</p>
</div>
{% endfor %}