@extends('layouts.admin')
@section('title', 'Online store')
@section('content')
<x-admin.page
    title="Online store"
    subtitle="Markets, shipping, redirects, SEO ops, and document templates — one command surface."
>
    <x-slot:actions>
        <a href="{{ route('admin.markets.index') }}" class="admin-btn">Markets</a>
        <a href="{{ route('admin.shipping.index') }}" class="admin-btn">Shipping</a>
        <a href="{{ route('admin.redirects.index') }}" class="admin-btn admin-btn-primary">Redirects</a>
    </x-slot:actions>

    <div class="order-ops-stat-rail mb-5">
        <a href="{{ route('admin.markets.index') }}" class="order-ops-stat"><span class="order-ops-stat-label">Active markets</span><span class="order-ops-stat-value">{{ number_format($stats['markets']) }}</span></a>
        <a href="{{ route('admin.shipping.index') }}" class="order-ops-stat"><span class="order-ops-stat-label">Shipping zones</span><span class="order-ops-stat-value">{{ number_format($stats['shipping_zones']) }}</span></a>
        <a href="{{ route('admin.redirects.index') }}" class="order-ops-stat"><span class="order-ops-stat-label">Redirects</span><span class="order-ops-stat-value">{{ number_format($stats['redirects']) }}</span></a>
        <a href="{{ route('admin.seo-advanced.404s.index') }}" class="order-ops-stat"><span class="order-ops-stat-label">404 paths</span><span class="order-ops-stat-value">{{ number_format($stats['http_404s']) }}</span></a>
        <a href="{{ route('admin.seo-advanced.issues.index') }}" class="order-ops-stat"><span class="order-ops-stat-label">Open SEO issues</span><span class="order-ops-stat-value">{{ number_format($stats['open_issues']) }}</span></a>
        <a href="{{ route('admin.documents.index') }}" class="order-ops-stat"><span class="order-ops-stat-label">Active docs</span><span class="order-ops-stat-value">{{ number_format($stats['documents']) }}</span></a>
    </div>

    <div class="grid gap-5 xl:grid-cols-3">
        <section class="rounded-2xl border border-[var(--color-admin-border)] bg-white p-5 shadow-[var(--admin-shadow)]">
            <div class="mb-3 flex items-center justify-between">
                <h2 class="text-sm font-semibold">Top 404s</h2>
                <a href="{{ route('admin.seo-advanced.404s.index') }}" class="text-xs text-[#2c6ecb]">Open</a>
            </div>
            <ul class="space-y-2 text-sm">
                @forelse($top404s as $row)
                    <li class="flex justify-between gap-3 rounded-lg border border-[var(--color-admin-border)] px-3 py-2">
                        <span class="truncate font-mono text-xs">{{ $row->path }}</span>
                        <span class="text-xs text-[#6d7175]">{{ number_format($row->hits) }}</span>
                    </li>
                @empty
                    <li class="text-xs text-[#6d7175]">No 404s recorded yet — traffic is ingested automatically.</li>
                @endforelse
            </ul>
        </section>
        <section class="rounded-2xl border border-[var(--color-admin-border)] bg-white p-5 shadow-[var(--admin-shadow)]">
            <div class="mb-3 flex items-center justify-between">
                <h2 class="text-sm font-semibold">Recent redirects</h2>
                <a href="{{ route('admin.redirects.index') }}" class="text-xs text-[#2c6ecb]">Manage</a>
            </div>
            <ul class="space-y-2 text-sm">
                @forelse($recentRedirects as $redirect)
                    <li class="rounded-lg border border-[var(--color-admin-border)] px-3 py-2">
                        <div class="font-mono text-xs">{{ $redirect->from_path }} → {{ $redirect->to_path ?: '410' }}</div>
                        <div class="text-[11px] text-[#6d7175]">{{ $redirect->status_code }} · {{ number_format($redirect->hits) }} hits</div>
                    </li>
                @empty
                    <li class="text-xs text-[#6d7175]">No redirects yet.</li>
                @endforelse
            </ul>
        </section>
        <section class="rounded-2xl border border-[var(--color-admin-border)] bg-white p-5 shadow-[var(--admin-shadow)]">
            <div class="mb-3 flex items-center justify-between">
                <h2 class="text-sm font-semibold">Latest SEO audit</h2>
                <a href="{{ route('admin.seo-advanced.audits.index') }}" class="text-xs text-[#2c6ecb]">Audits</a>
            </div>
            @if($latestAudit)
                <p class="text-sm font-medium">{{ $latestAudit->number }}</p>
                <p class="mt-1 text-xs text-[#6d7175]">{{ $latestAudit->status }} · {{ $latestAudit->completed_at?->diffForHumans() ?? 'in progress' }}</p>
                <p class="mt-3 text-xs text-[#6d7175]">Open issues in summary: {{ data_get($latestAudit->summary, 'issues_open', '—') }}</p>
            @else
                <p class="text-xs text-[#6d7175]">No audits yet. Run one from SEO Audits.</p>
            @endif
            <div class="mt-4 flex flex-wrap gap-2">
                <a href="{{ route('admin.seo-advanced.link-graph.index') }}" class="admin-btn">Link graph</a>
                <a href="{{ route('admin.seo-advanced.programmatic.index') }}" class="admin-btn">Programmatic</a>
            </div>
        </section>
    </div>
</x-admin.page>
@endsection