<x-admin-layout title="Admin Dashboard">
    <x-admin.panel>
        <div class="px-5 py-4 border-b border-gray-100">
            <p class="text-gray-600 text-sm">Manage Head Bangers site content.</p>
        </div>
        <div class="p-5 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3">
            @foreach ([
                ['Class Types', 'admin.class-types.index', 'Define boxing class categories and intensity levels.'],
                ['Coaches', 'admin.coaches.index', 'Manage coach profiles and bios.'],
                ['Class Sessions', 'admin.class-sessions.index', 'Schedule weekly class times and coaches.'],
                ['Schedule Week', 'admin.schedule-settings.edit', 'Set the current schedule week start date.'],
                ['Membership Tiers', 'admin.membership-tiers.index', 'Edit membership plans and pricing.'],
                ['Class Packs', 'admin.class-packs.index', 'Manage drop-in and class pack offers.'],
                ['Testimonials', 'admin.testimonials.index', 'Member quotes for the public site.'],
                ['Gallery Sections', 'admin.gallery-sections.index', 'Organize gallery groupings.'],
                ['Gallery Images', 'admin.gallery-images.index', 'Upload and caption gallery photos.'],
                ['FAQs', 'admin.faqs.index', 'Frequently asked questions by page.'],
                ['Content Blocks', 'admin.content-blocks.index', 'Editable text blocks across pages.'],
                ['Contact Submissions', 'admin.contact-submissions.index', 'Review inbound contact form messages.'],
            ] as [$label, $route, $description])
                <a
                    href="{{ route($route) }}"
                    class="block p-4 border border-gray-200 rounded-lg hover:border-brass/30 hover:bg-brass/5 transition-colors group"
                >
                    <div class="flex items-center gap-3 mb-2">
                        <div class="w-8 h-8 rounded-md bg-brass/10 flex items-center justify-center text-brass group-hover:bg-brass group-hover:text-white transition-colors">
                            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
                            </svg>
                        </div>
                        <span class="font-semibold text-gray-800 group-hover:text-brass transition-colors">{{ $label }}</span>
                    </div>
                    <p class="text-xs text-gray-500 leading-relaxed">{{ $description }}</p>
                </a>
            @endforeach
        </div>
    </x-admin.panel>
</x-admin-layout>
