@extends('layouts.admin')
@section('title', 'Link graph')
@section('content')
<x-admin.page title="Internal link graph" subtitle="Rebuild from live catalogue, pages, and menus — then triage orphans by inbound count.">
    <x-slot:actions>
        <a href="{{ route('admin.online-store.overview') }}" class="admin-btn">Overview</a>
        @if(auth()->user()?->hasPermission('seo.edit'))
            <form method="post" action="{{ route('admin.seo-advanced.link-graph.rebuild') }}">
                @csrf
                <button class="admin-btn admin-btn-primary">Rebuild from storefront</button>
            </form>
        @endif
    </x-slot:actions>

    @if(session('status'))
        <div class="mb-4 rounded-lg border border-emerald-200 bg-emerald-50 px-4 py-3 text-sm text-emerald-900">{{ session('status') }}</div>
    @endif

    <div class="mb-5 grid gap-4 sm:grid-cols-3">
        <x-admin.card><div class="text-xs uppercase tracking-wide text-[#6d7175]">Nodes</div><div class="mt-1 text-2xl font-semibold">{{ number_format($nodeCount) }}</div></x-admin.card>
        <x-admin.card><div class="text-xs uppercase tracking-wide text-[#6d7175]">Edges</div><div class="mt-1 text-2xl font-semibold">{{ number_format($edgeCount) }}</div></x-admin.card>
        <x-admin.card><div class="text-xs uppercase tracking-wide text-[#6d7175]">Orphans</div><div class="mt-1 text-2xl font-semibold {{ $orphans->count() ? 'text-[var(--color-danger)]' : '' }}">{{ $orphans->count() }}</div></x-admin.card>
    </div>

    <div class="grid gap-5 lg:grid-cols-2">
        <x-admin.section title="Top inbound">
            <table class="admin-table w-full">
                <thead><tr><th>URL</th><th>In</th><th>Out</th></tr></thead>
                <tbody>
                    @forelse($nodes as $node)
                        <tr>
                            <td class="font-mono text-xs">{{ $node->url }}</td>
                            <td class="tabular-nums">{{ $node->inbound_count }}</td>
                            <td class="tabular-nums">{{ $node->outbound_count }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="3" class="p-8 text-center text-[#6d7175]">Graph not built yet.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </x-admin.section>

        <x-admin.section title="Orphan pages" hint="Zero inbound links.">
            <ul class="space-y-2">
                @forelse($orphans as $orphan)
                    <li class="rounded-xl border border-amber-100 bg-amber-50/50 px-3 py-2 font-mono text-xs">{{ $orphan->url }}</li>
                @empty
                    <li class="text-sm text-[#6d7175]">No orphans detected.</li>
                @endforelse
            </ul>
        </x-admin.section>
    </div>
</x-admin.page>
@endsection