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

<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-3xl font-extrabold text-slate-900">{{ number_format((int) ($stats['codes'] ?? 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['exports'] ?? 0)) }}</p>
    </x-ui.card>

    <x-ui.card>
        <p class="text-sm text-slate-500">وضعیت دریافت پیام ربات</p>
        <p class="mt-2 text-lg font-bold {{ auth('panel')->user()->bot_enabled ? 'text-emerald-600' : 'text-slate-600' }}">
            {{ auth('panel')->user()->bot_enabled ? 'فعال' : 'غیرفعال' }}
        </p>
        <form method="POST" action="{{ route('panel.bot-status.toggle') }}" class="mt-3">
            @csrf
            <x-ui.button type="submit" variant="muted">تغییر وضعیت</x-ui.button>
        </form>
    </x-ui.card>
</div>
@endsection