<x-app-layout>
    <x-slot name="header">
        <div>
            <p class="text-sm font-semibold uppercase tracking-wide text-blue-600 dark:text-blue-400">Growth & Marketing</p>
            <h2 class="mt-1 text-2xl font-bold text-slate-950 dark:text-white">Growth Dashboard</h2>
        </div>
    </x-slot>

    <div class="space-y-8">
        <section class="grid gap-4 md:grid-cols-2 xl:grid-cols-4">
            @foreach ([
                'Active Challenges' => $activeChallenges,
                'Active Badges' => $activeBadges,
                'Mistake Tags' => $activeMistakes,
                'Emotion Tags' => $activeEmotions,
                'Homepage Features' => $homepageFeatures,
                'Lead Magnets' => $leadMagnets,
                'Waitlist Leads' => $waitlistLeads,
                'Mentor Students' => $mentorStudents,
            ] as $label => $value)
                <div class="rounded-lg border border-blue-100 bg-white p-5 shadow-sm dark:border-blue-900/50 dark:bg-slate-900">
                    <p class="text-sm text-slate-500 dark:text-slate-400">{{ $label }}</p>
                    <p class="mt-2 text-3xl font-black text-slate-950 dark:text-white">{{ number_format($value) }}</p>
                </div>
            @endforeach
        </section>

        <section class="grid gap-4 md:grid-cols-2 xl:grid-cols-3">
            @foreach ([
                ['Homepage Content', route('admin.homepage-content.index')],
                ['Challenges', route('admin.challenges.index')],
                ['Badges', route('admin.badges.index')],
                ['Mistake Tags', route('admin.mistake-tags.index')],
                ['Emotion Tags', route('admin.emotion-tags.index')],
                ['Discipline Score Rules', route('admin.discipline-score-rules.index')],
                ['Mentor Settings', route('admin.mentor-settings.index')],
                ['Public Profile Settings', route('admin.public-profile-settings.index')],
                ['Referral Settings', route('admin.referral-settings.index')],
                ['Lead Magnets', route('admin.lead-magnets.index')],
                ['Share Report Settings', route('admin.share-report-settings.index')],
                ['Waitlist Submissions', route('admin.waitlists.index')],
            ] as [$label, $href])
                <a href="{{ $href }}" class="rounded-lg border border-blue-100 bg-white p-5 text-sm font-bold text-blue-700 shadow-sm transition hover:-translate-y-1 hover:shadow-lg dark:border-blue-900/50 dark:bg-slate-900 dark:text-blue-300">
                    {{ $label }}
                </a>
            @endforeach
        </section>
    </div>
</x-app-layout>
