@extends('layouts.admin')
@section('title', 'SEO issues')
@section('content')
<x-admin.page title="SEO issues" subtitle="Triage findings by severity. Suppress false positives from the audit service.">
    <x-slot:actions>
        <a href="{{ route('admin.seo-advanced.audits.index') }}" class="admin-btn">Audits</a>
    </x-slot:actions>

    <form method="get" class="mb-5 flex flex-wrap items-end gap-3">
        <div>
            <label class="admin-label">Severity</label>
            <select name="severity" class="admin-input" onchange="this.form.submit()">
                <option value="">All</option>
                @foreach(['high','medium','low'] as $sev)
                    <option value="{{ $sev }}" @selected(request('severity')===$sev)>{{ ucfirst($sev) }}</option>
                @endforeach
            </select>
        </div>
        <div>
            <label class="admin-label">Status</label>
            <select name="status" class="admin-input" onchange="this.form.submit()">
                @foreach(['open','suppressed','resolved'] as $st)
                    <option value="{{ $st }}" @selected(request('status', 'open')===$st)>{{ ucfirst($st) }}</option>
                @endforeach
            </select>
        </div>
    </form>

    <x-admin.section title="Issue queue">
        <table class="admin-table w-full">
            <thead>
                <tr>
                    <th>Issue</th>
                    <th>URL</th>
                    <th>Severity</th>
                    <th>Audit</th>
                    <th>Owner</th>
                </tr>
            </thead>
            <tbody>
                @forelse($issues as $issue)
                    <tr>
                        <td>
                            <div class="font-medium">{{ $issue->title }}</div>
                            <div class="text-xs text-[#6d7175]">{{ $issue->code }}</div>
                        </td>
                        <td class="font-mono text-xs">{{ $issue->url }}</td>
                        <td>
                            <x-admin.badge :tone="match($issue->severity) { 'high' => 'danger', 'medium' => 'warning', default => 'muted' }">{{ $issue->severity }}</x-admin.badge>
                        </td>
                        <td class="text-sm">{{ $issue->seoAudit?->number ?? '—' }}</td>
                        <td class="text-sm">{{ $issue->assignee?->name ?? 'Unassigned' }}</td>
                    </tr>
                @empty
                    <tr><td colspan="5" class="p-12 text-center text-[#6d7175]">No issues match this filter.</td></tr>
                @endforelse
            </tbody>
        </table>
        <div class="mt-4">{{ $issues->links() }}</div>
    </x-admin.section>
</x-admin.page>
@endsection