@extends('layouts.admin')
@section('title', 'داشبورد ادمین')
@section('content')
<x-ui.page-header title="داشبورد سیستم" subtitle="نمای کلی شاخص‌های اصلی مدیریت ربات‌ها" />

<div class="grid gap-4 md:grid-cols-2 xl:grid-cols-4">
    <x-ui.card>
        <p class="text-sm text-slate-500">ادمین‌های ثبت‌شده</p>
        <p class="mt-2 text-3xl font-extrabold text-slate-900">{{ number_format((int) ($stats['admins'] ?? 0)) }}</p>
    </x-ui.card>

    <x-ui.card>
        <p class="text-sm text-slate-500">کاربران نهایی</p>
        <p class="mt-2 text-3xl font-extrabold text-slate-900">{{ number_format((int) ($stats['users'] ?? 0)) }}</p>
    </x-ui.card>

    <x-ui.card>
        <p class="text-sm text-slate-500">ربات‌های متصل</p>
        <p class="mt-2 text-3xl font-extrabold text-slate-900">{{ number_format((int) ($stats['bots'] ?? 0)) }}</p>
    </x-ui.card>

    <x-ui.card>
        <p class="text-sm text-slate-500">رویدادهای معلق</p>
        <p class="mt-2 text-3xl font-extrabold {{ (int) ($stats['pending_events'] ?? 0) > 0 ? 'text-amber-600' : 'text-emerald-600' }}">
            {{ number_format((int) ($stats['pending_events'] ?? 0)) }}
        </p>
    </x-ui.card>
</div>

<x-ui.card class="mt-5">
    <h3 class="text-base font-bold text-slate-900">میانبرهای عملیاتی</h3>
    <div class="mt-4 flex flex-wrap gap-2">
        <a class="cb-btn-primary" href="{{ route('admin.manual-runs.index') }}">اجرای دستی پردازش‌ها</a>
        <a class="cb-btn-muted" href="{{ route('admin.bots.index') }}">مدیریت ربات‌ها</a>
        <a class="cb-btn-muted" href="{{ route('admin.ai-providers.index') }}">ارائه‌دهنده‌های هوش مصنوعی</a>
        <a class="cb-btn-muted" href="{{ route('admin.audit-logs.index') }}">لاگ‌های ممیزی</a>
    </div>
</x-ui.card>

<x-ui.card class="mt-5">
    <h3 class="text-base font-bold text-slate-900">کدهای پرتکرار سیستم</h3>
    <div class="mt-4 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>
                </tr>
            </thead>
            <tbody>
                @forelse(($top_codes ?? []) as $row)
                    <tr class="border-b border-slate-100">
                        <td class="px-3 py-2 font-mono text-slate-800">{{ $row['code_norm'] }}</td>
                        <td class="px-3 py-2">{{ number_format((int) $row['usages']) }}</td>
                    </tr>
                @empty
                    <tr><td class="px-3 py-6 text-center text-slate-500" colspan="2">هنوز داده‌ای برای گزارش وجود ندارد.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</x-ui.card>
@endsection