@extends('layouts.admin')
@section('title', '404 dashboard')
@section('content')
<x-admin.page title="404 dashboard" subtitle="Live miss-path ingest with bot split, triage filters, and one-click redirects.">
    <x-slot:actions>
        <a href="{{ route('admin.redirects.index') }}" class="admin-btn">Redirects</a>
        @if(auth()->user()?->hasPermission('seo.edit'))
            <form method="post" action="{{ route('admin.seo-advanced.404s.seed') }}">
                @csrf
                <button class="admin-btn admin-btn-primary" type="submit">Seed sample traffic</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="order-ops-stat-rail mb-5">
        <div class="order-ops-stat"><span class="order-ops-stat-label">Tracked paths</span><span class="order-ops-stat-value">{{ number_format($rows->total()) }}</span></div>
        <div class="order-ops-stat"><span class="order-ops-stat-label">Total hits</span><span class="order-ops-stat-value">{{ number_format($totalHits) }}</span></div>
        <div class="order-ops-stat"><span class="order-ops-stat-label">Bot-heavy</span><span class="order-ops-stat-value">{{ number_format($botHeavy) }}</span></div>
        <div class="order-ops-stat"><span class="order-ops-stat-label">With suggestion</span><span class="order-ops-stat-value">{{ number_format($withSuggestion) }}</span></div>
    </div>

    <section class="rounded-2xl border border-[var(--color-admin-border)] bg-white p-5 shadow-[var(--admin-shadow)]">
        <form method="get" class="mb-4 flex flex-wrap items-end gap-3">
            <label class="block text-sm"><span class="admin-label">Search</span><input class="admin-input min-w-[14rem]" name="q" value="{{ $filters['q'] }}" placeholder="/old-path"></label>
            <label class="inline-flex items-center gap-2 text-sm"><input type="checkbox" name="bots_only" value="1" @checked($filters['bots_only'])> Bot-heavy only</label>
            <label class="inline-flex items-center gap-2 text-sm"><input type="checkbox" name="with_suggestion" value="1" @checked($filters['with_suggestion'])> With suggestion</label>
            <button class="admin-btn" type="submit">Filter</button>
        </form>

        <table class="admin-table w-full">
            <thead>
                <tr>
                    <th>Path</th>
                    <th>Hits</th>
                    <th>Last seen</th>
                    <th>Suggested</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($rows as $row)
                    <tr>
                        <td class="font-mono text-sm">
                            {{ $row->path }}
                            @if($row->is_bot_heavy)<x-admin.badge tone="warning">bot</x-admin.badge>@endif
                        </td>
                        <td class="tabular-nums font-medium">{{ number_format($row->hits) }}</td>
                        <td class="text-sm text-[#6d7175]">{{ $row->last_seen_at?->diffForHumans() ?? '—' }}</td>
                        <td class="font-mono text-xs">{{ $row->suggested_redirect ?? '—' }}</td>
                        <td class="space-y-2">
                            @if(auth()->user()?->hasPermission('seo.edit'))
                                <form method="post" action="{{ route('admin.seo-advanced.404s.redirect', $row) }}" class="flex flex-wrap gap-2">
                                    @csrf
                                    <input class="admin-input font-mono text-xs min-w-[10rem]" name="to_path" value="{{ $row->suggested_redirect }}" placeholder="/collections" required>
                                    <select class="admin-input" name="status_code">
                                        @foreach([301, 302, 307, 308] as $code)
                                            <option value="{{ $code }}">{{ $code }}</option>
                                        @endforeach
                                    </select>
                                    <button class="admin-btn admin-btn-primary" type="submit">Create redirect</button>
                                </form>
                                <form method="post" action="{{ route('admin.seo-advanced.404s.destroy', $row) }}" onsubmit="return confirm('Clear this 404 row?')">
                                    @csrf @method('DELETE')
                                    <button class="admin-btn" type="submit">Clear</button>
                                </form>
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="5" class="p-12 text-center text-[#6d7175]">No 404s recorded. Misses are ingested automatically from storefront 404s.</td></tr>
                @endforelse
            </tbody>
        </table>
        <div class="mt-4">{{ $rows->links() }}</div>
    </section>
</x-admin.page>
@endsection