@extends('layouts.admin')
@section('title', 'پایش جاب‌ها')
@section('content')
<x-ui.page-header title="پایش جاب‌ها" subtitle="وضعیت صف‌ها و پردازش‌های پس‌زمینه">
    <x-slot:actions>
        @if(($stats['failed_jobs'] ?? 0) > 0)
            <form method="POST" action="{{ route('admin.jobs.failed.retry-all') }}" onsubmit="return confirm('همه جاب‌های ناموفق دوباره اجرا شوند؟')">
                @csrf
                <x-ui.button type="submit" variant="muted">اجرای مجدد همه ناموفق‌ها</x-ui.button>
            </form>
        @endif
    </x-slot:actions>
</x-ui.page-header>

<div class="grid gap-4 md:grid-cols-2 xl:grid-cols-3">
    <x-ui.card>
        <p class="text-sm text-slate-500">وب‌هوک‌های در انتظار</p>
        <p class="mt-2 text-2xl font-extrabold">{{ number_format((int) ($stats['pending_events'] ?? 0)) }}</p>
    </x-ui.card>
    <x-ui.card>
        <p class="text-sm text-slate-500">آپلودهای در انتظار</p>
        <p class="mt-2 text-2xl font-extrabold">{{ number_format((int) ($stats['pending_uploads'] ?? 0)) }}</p>
    </x-ui.card>
    <x-ui.card>
        <p class="text-sm text-slate-500">اعلان‌های در انتظار</p>
        <p class="mt-2 text-2xl font-extrabold">{{ number_format((int) ($stats['pending_notifications'] ?? 0)) }}</p>
    </x-ui.card>
    <x-ui.card>
        <p class="text-sm text-slate-500">درخواست‌های هوش مصنوعی در انتظار</p>
        <p class="mt-2 text-2xl font-extrabold">{{ number_format((int) ($stats['pending_ai_requests'] ?? 0)) }}</p>
    </x-ui.card>
    <x-ui.card>
        <p class="text-sm text-slate-500">تعداد رکوردهای جدول جاب</p>
        <p class="mt-2 text-2xl font-extrabold">{{ $stats['queue_jobs'] !== null ? number_format((int) $stats['queue_jobs']) : 'نامشخص' }}</p>
    </x-ui.card>
    <x-ui.card>
        <p class="text-sm text-slate-500">تعداد جاب‌های ناموفق</p>
        <p class="mt-2 text-2xl font-extrabold {{ (int) ($stats['failed_jobs'] ?? 0) > 0 ? 'text-rose-600' : '' }}">{{ $stats['failed_jobs'] !== null ? number_format((int) $stats['failed_jobs']) : 'نامشخص' }}</p>
    </x-ui.card>
</div>

<x-ui.card class="mt-5">
    <form method="GET" action="{{ route('admin.jobs.index') }}" class="mb-4 flex flex-wrap items-end gap-2">
        <div>
            <label class="cb-label" for="queue">فیلتر صف</label>
            <input id="queue" class="cb-input" name="queue" value="{{ $queueFilter }}" placeholder="inventory, bot-heavy, ...">
        </div>
        <button class="cb-btn-primary" type="submit">اعمال فیلتر</button>
        <a href="{{ route('admin.jobs.index') }}" class="cb-btn-muted">پاک کردن</a>
    </form>

    <div class="overflow-x-auto">
        <table class="min-w-full text-sm">
            <thead>
                <tr class="border-b border-slate-200 text-right text-slate-500">
                    <th class="px-3 py-2">زمان خطا</th>
                    <th class="px-3 py-2">صف</th>
                    <th class="px-3 py-2">کلاس جاب</th>
                    <th class="px-3 py-2">خطا</th>
                    <th class="px-3 py-2">عملیات</th>
                </tr>
            </thead>
            <tbody>
                @forelse($failedJobs as $job)
                    @php
                        $payload = json_decode($job->payload ?? '{}', true);
                        $jobName = $payload['displayName'] ?? class_basename($payload['job'] ?? 'Unknown');
                    @endphp
                    <tr class="border-b border-slate-100">
                        <td class="px-3 py-2">{{ \Illuminate\Support\Carbon::parse($job->failed_at)->format('Y-m-d H:i') }}</td>
                        <td class="px-3 py-2">{{ $job->queue }}</td>
                        <td class="px-3 py-2 font-mono text-xs">{{ $jobName }}</td>
                        <td class="px-3 py-2 text-xs text-rose-700">{{ \Illuminate\Support\Str::limit($job->exception, 120) }}</td>
                        <td class="px-3 py-2">
                            <form method="POST" action="{{ route('admin.jobs.failed.retry', $job->uuid) }}">
                                @csrf
                                <x-ui.button type="submit" variant="muted">اجرای مجدد</x-ui.button>
                            </form>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td class="px-3 py-6 text-center text-slate-500" colspan="5">جاب ناموفقی یافت نشد.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</x-ui.card>
@endsection