@extends('layouts.app')

@section('content')
<section class="bg-white">
    <div class="mx-auto max-w-7xl px-4 py-10 sm:px-6 lg:px-8">
        <div class="flex flex-wrap items-center justify-between gap-4">
            <div>
                <p class="text-sm font-semibold uppercase tracking-wide text-rose-700">Super admin</p>
                <h1 class="mt-3 text-4xl font-bold">Enterprise Management Dashboard</h1>
            </div>
            <div class="flex flex-wrap gap-2">
                <a href="{{ route('admin.orders.index') }}" class="rounded-lg bg-emerald-600 px-3 py-2 text-sm font-semibold text-white">Orders & Pricing</a>
                @foreach (['users', 'leads', 'colleges', 'services', 'blogs', 'calculators', 'seo-pages', 'transfer-policies', 'nursing-content', 'premium-tools', 'faqs', 'ads'] as $resource)
                    <a href="{{ route('admin.resource', $resource) }}" class="rounded-lg border border-slate-300 px-3 py-2 text-sm font-semibold">{{ str($resource)->headline() }}</a>
                @endforeach
            </div>
        </div>
        <div class="mt-8 grid gap-4 md:grid-cols-3 lg:grid-cols-6">
            @foreach ($counts as $label => $count)
                <div class="rounded-lg border border-slate-200 bg-slate-50 p-4">
                    <p class="text-xs font-semibold uppercase tracking-wide text-slate-500">{{ str($label)->headline() }}</p>
                    <p class="mt-2 text-3xl font-bold">{{ $count }}</p>
                </div>
            @endforeach
        </div>
        <div class="mt-8 rounded-lg border border-slate-200 p-5">
            <h2 class="text-2xl font-bold">Recent Leads</h2>
            <div class="mt-4 overflow-x-auto">
                <table class="w-full min-w-[760px] text-left text-sm">
                    <thead><tr class="border-b"><th class="py-3">Name</th><th>Email</th><th>Interest</th><th>Location</th><th>Status</th><th>Date</th></tr></thead>
                    <tbody>
                    @foreach ($recentLeads as $lead)
                        <tr class="border-b border-slate-100"><td class="py-3">{{ $lead->name }}</td><td>{{ $lead->email }}</td><td>{{ $lead->service_interest }}</td><td>{{ $lead->city }} {{ $lead->state }}</td><td>{{ $lead->status }}</td><td>{{ $lead->created_at->format('M j') }}</td></tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</section>
@endsection