@extends('layouts.platform')
@section('title', 'Failed Jobs')
@section('header', 'Failed Jobs')

@section('content')
    <div class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 p-6">
        <div class="mb-4 flex items-center justify-between">
            <h2 class="text-base font-semibold text-gray-900">Queue failures</h2>
            <span class="inline-flex rounded-full bg-red-100 px-2.5 py-0.5 text-xs font-medium text-red-700">{{ $jobs->total() }} failed</span>
        </div>

        <div class="space-y-3">
            @forelse($jobs as $job)
                @php
                    $payload = json_decode($job->payload ?? '{}', true);
                    $displayName = data_get($payload, 'displayName', 'Unknown job');
                @endphp
                <div class="rounded-lg border border-gray-100 p-4">
                    <div class="flex flex-wrap items-center justify-between gap-3">
                        <div class="min-w-0">
                            <p class="text-sm font-medium text-gray-900">{{ $displayName }}</p>
                            <p class="text-xs text-gray-500">
                                {{ $job->connection }} / {{ $job->queue }} · #{{ $job->id }}
                                · failed {{ \Illuminate\Support\Carbon::parse($job->failed_at)->diffForHumans() }}
                            </p>
                        </div>
                        <div class="flex items-center gap-2">
                            <form method="POST" action="{{ route('platform.system.failed-jobs.retry', $job->id) }}">
                                @csrf
                                <button type="submit" class="rounded-lg bg-primary-600 px-3 py-1.5 text-xs font-semibold text-white shadow-sm hover:bg-primary-700 transition-colors">
                                    Retry
                                </button>
                            </form>
                            <form method="POST" action="{{ route('platform.system.failed-jobs.forget', $job->id) }}">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="rounded-lg border border-red-200 bg-red-50 px-3 py-1.5 text-xs font-semibold text-red-700 hover:bg-red-100 transition-colors">
                                    Forget
                                </button>
                            </form>
                        </div>
                    </div>
                    @if($job->exception)
                        <pre class="mt-3 max-h-40 overflow-auto rounded-lg bg-gray-50 p-3 text-xs text-gray-700">{{ \Illuminate\Support\Str::limit($job->exception, 1200) }}</pre>
                    @endif
                </div>
            @empty
                <p class="py-10 text-center text-sm text-gray-500">No failed jobs — the queue is healthy.</p>
            @endforelse
        </div>

        <div class="mt-4">
            {{ $jobs->links() }}
        </div>
    </div>
@endsection