@extends('layouts.admin')
@section('title', 'Job #' . $job->id . ' — Admin')

@section('content')
    <div class="flex items-center justify-between mb-8">
        <div>
            <h1 class="text-2xl font-bold">Job #{{ $job->id }}</h1>
            <p class="text-gray-500">{{ $job->site->domain ?? 'N/A' }}</p>
        </div>
        <div class="flex gap-3 flex-wrap">
            @if($job->status === 'done')
                {{-- Descargar PDF --}}
                @if($job->report)
                    <a href="{{ route('admin.job.download', $job->id) }}"
                        class="px-4 py-2 bg-green-600/20 text-green-400 rounded-lg text-sm hover:bg-green-600/30 transition">
                        <i class="fas fa-download mr-1"></i> Descargar PDF
                    </a>
                @endif

                {{-- Re-generar PDF --}}
                <form action="{{ route('admin.job.regenerate', $job->id) }}" method="POST">
                    @csrf
                    <button
                        class="px-4 py-2 bg-purple-600/20 text-purple-400 rounded-lg text-sm hover:bg-purple-600/30 transition">
                        <i class="fas fa-redo mr-1"></i> Re-generar PDF
                    </button>
                </form>

                {{-- Re-escanear --}}
                <form action="{{ route('admin.job.rescan', $job->id) }}" method="POST"
                    onsubmit="return confirm('¿Iniciar un nuevo escaneo de {{ $job->site->domain ?? 'este sitio' }}? Se creará un nuevo job.')">
                    @csrf
                    <button
                        class="px-4 py-2 bg-blue-600/20 text-blue-400 rounded-lg text-sm hover:bg-blue-600/30 transition">
                        <i class="fas fa-sync-alt mr-1"></i> Re-escanear
                    </button>
                </form>
            @endif

            {{-- Eliminar Job --}}
            <form action="{{ route('admin.job.destroy', $job->id) }}" method="POST"
                onsubmit="return confirm('¿Eliminar job #{{ $job->id }} y todos sus hallazgos?')">
                @csrf
                @method('DELETE')
                <button
                    class="px-4 py-2 bg-red-600/20 text-red-400 rounded-lg text-sm hover:bg-red-600/30 transition">
                    <i class="fas fa-trash mr-1"></i> Eliminar
                </button>
            </form>

            <a href="{{ route('admin.jobs') }}"
                class="px-4 py-2 bg-gray-800 text-gray-400 rounded-lg text-sm hover:bg-gray-700 transition">← Volver</a>
        </div>
    </div>

    <!-- Job info -->
    <div class="grid lg:grid-cols-3 gap-6 mb-8">
        <div class="bg-gray-900 rounded-xl border border-gray-800 p-5">
            <p class="text-sm text-gray-500 mb-1">Estado</p>
            <span
                class="px-3 py-1 rounded text-sm {{ $job->status === 'done' ? 'bg-green-500/20 text-green-400' : ($job->status === 'failed' ? 'bg-red-500/20 text-red-400' : 'bg-yellow-500/20 text-yellow-400') }}">{{ $job->status }}</span>
        </div>
        <div class="bg-gray-900 rounded-xl border border-gray-800 p-5">
            <p class="text-sm text-gray-500 mb-1">Progreso</p>
            <p class="text-2xl font-bold">{{ $job->progress }}%</p>
        </div>
        <div class="bg-gray-900 rounded-xl border border-gray-800 p-5">
            <p class="text-sm text-gray-500 mb-1">Duración</p>
            <p class="text-lg font-medium">
                @if($job->started_at && $job->finished_at)
                    {{ $job->started_at->diffInSeconds($job->finished_at) }}s
                @else - @endif
            </p>
        </div>
    </div>

    @if($scores)
        <div class="grid lg:grid-cols-3 gap-6 mb-8">
            <div class="bg-gray-900 rounded-xl border border-gray-800 p-5 text-center">
                <p class="text-sm text-gray-500 mb-2">Score General</p>
                <p class="text-4xl font-black text-blue-400">{{ $scores['overall'] }}</p>
            </div>
            <div class="bg-gray-900 rounded-xl border border-gray-800 p-5 text-center">
                <p class="text-sm text-gray-500 mb-2">Seguridad</p>
                <p class="text-3xl font-bold text-blue-400">{{ $scores['security'] }}</p>
            </div>
            <div class="bg-gray-900 rounded-xl border border-gray-800 p-5 text-center">
                <p class="text-sm text-gray-500 mb-2">SEO</p>
                <p class="text-3xl font-bold text-purple-400">{{ $scores['seo'] }}</p>
            </div>
        </div>
    @endif

    <!-- Findings -->
    <div class="bg-gray-900 rounded-xl border border-gray-800 overflow-hidden">
        <div class="p-5 border-b border-gray-800">
            <h2 class="font-semibold">Hallazgos ({{ $job->findings->count() }})</h2>
        </div>
        <table class="w-full text-sm">
            <thead class="bg-gray-800/50">
                <tr>
                    <th class="text-left px-4 py-3 text-gray-400 font-medium">Categoría</th>
                    <th class="text-left px-4 py-3 text-gray-400 font-medium">Severidad</th>
                    <th class="text-left px-4 py-3 text-gray-400 font-medium">Rule ID</th>
                    <th class="text-left px-4 py-3 text-gray-400 font-medium">Título</th>
                    <th class="text-left px-4 py-3 text-gray-400 font-medium">Recomendación</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-gray-800">
                @forelse($job->findings->sortBy(fn($f) => $f->severityOrder()) as $finding)
                    <tr class="hover:bg-gray-800/50 transition">
                        <td class="px-4 py-3">
                            <span
                                class="px-2 py-0.5 rounded text-xs {{ $finding->category === 'security' ? 'bg-blue-500/20 text-blue-400' : 'bg-purple-500/20 text-purple-400' }}">{{ $finding->category }}</span>
                        </td>
                        <td class="px-4 py-3">
                            @php $sevColors = ['critical' => 'red', 'high' => 'orange', 'medium' => 'yellow', 'low' => 'blue', 'info' => 'gray'];
                            $sc = $sevColors[$finding->severity] ?? 'gray'; @endphp
                            <span
                                class="px-2 py-0.5 rounded text-xs bg-{{ $sc }}-500/20 text-{{ $sc }}-400">{{ $finding->severity }}</span>
                        </td>
                        <td class="px-4 py-3 text-gray-500 font-mono text-xs">{{ $finding->rule_id }}</td>
                        <td class="px-4 py-3 font-medium">{{ $finding->title }}</td>
                        <td class="px-4 py-3 text-gray-400 text-xs max-w-xs truncate">{{ $finding->recommendation ?? '-' }}</td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="5" class="px-4 py-8 text-center text-gray-600">Sin hallazgos</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    @if($job->error_detail)
        <div class="mt-6 p-4 bg-red-500/10 border border-red-500/30 rounded-xl">
            <p class="text-sm text-red-400"><strong>Error:</strong> {{ $job->error_code }} — {{ $job->error_detail }}</p>
        </div>
    @endif
@endsection