@extends('layouts.admin')
@section('title', 'Overview')
@section('lede', 'What needs a hand, and the shortest path to change it.')
@section('content')
<div class="grid gap-3 sm:grid-cols-2 xl:grid-cols-4">
    @foreach([
        ['New leads', $leadCount, route('admin.leads')],
        ['Live offers', $offerCount, route('admin.offers.index')],
        ['Published insights', $insightCount, route('admin.insights.index')],
        ['Open 404s', $missing, route('admin.seo')],
    ] as [$label, $count, $href])
        <a href="{{ $href }}" class="desk-stat">
            <span>{{ $label }}</span>
            <strong>{{ $count }}</strong>
        </a>
    @endforeach
</div>
<div class="mt-6 grid gap-3 sm:grid-cols-2">
    <a class="desk-jump" href="{{ route('admin.copy') }}"><i data-lucide="notebook-pen" class="h-4 w-4"></i> Change homepage lines</a>
    <a class="desk-jump" href="{{ route('admin.settings') }}"><i data-lucide="compass" class="h-4 w-4"></i> Global settings, including SEO</a>
    <a class="desk-jump" href="{{ route('admin.appointments.index') }}"><i data-lucide="calendar" class="h-4 w-4"></i> Appointment calendar</a>
    <a class="desk-jump" href="{{ route('admin.media') }}"><i data-lucide="landmark" class="h-4 w-4"></i> Media gallery</a>
</div>
<div class="mt-8 grid gap-6 lg:grid-cols-2">
    <section>
        <h2 class="text-lg font-semibold">Latest scan requests</h2>
        <ul class="desk-list mt-3">
            @forelse($leads as $lead)
                <li>
                    <a href="{{ route('admin.leads') }}">
                        <span class="font-semibold">{{ $lead->school }}</span>
                        <span class="block text-sm text-muted">{{ $lead->name }}@if($lead->starts_at) · {{ $lead->starts_at->timezone('Asia/Karachi')->format('j M, H:i') }}@endif · {{ $lead->pain }}</span>
                    </a>
                </li>
            @empty
                <li class="text-sm text-muted">No enquiries yet.</li>
            @endforelse
        </ul>
    </section>
    <section>
        <h2 class="text-lg font-semibold">Recent changes</h2>
        <ul class="desk-list mt-3">
            @forelse($activity as $row)
                <li>
                    <span class="font-semibold">{{ $row->description ?: $row->action }}</span>
                    <span class="block text-sm text-muted">{{ $row->created_at?->diffForHumans() }}</span>
                </li>
            @empty
                <li class="text-sm text-muted">Nothing logged yet.</li>
            @endforelse
        </ul>
        <p class="mt-4 text-sm text-muted">{{ $pageCount }} pages are in the library. System pages keep their addresses; you edit the words.</p>
    </section>
</div>
@endsection