@extends('layouts.panel', ['area' => 'admin'])
@section('title', 'داشبورد مدیریت')
@section('content')
<div class="grid sm:grid-cols-2 xl:grid-cols-4 gap-4 mb-4">
  @include('partials.stat', ['icon' => 'users', 'label' => 'کاربران', 'value' => number_format($users), 'sub' => 'امروز: '.$newUsers, 'color' => 'indigo'])
  @include('partials.stat', ['icon' => 'link', 'label' => 'لینک‌ها', 'value' => number_format($links), 'color' => 'sky'])
  @include('partials.stat', ['icon' => 'mouse-pointer-click', 'label' => 'کل کلیک‌ها', 'value' => number_format($clicks), 'sub' => 'امروز: '.number_format($todayClicks), 'color' => 'violet'])
  @include('partials.stat', ['icon' => 'banknote', 'label' => 'فروش این ماه', 'value' => toman($revenueMonth), 'sub' => 'کل: '.toman($revenueAll), 'color' => 'emerald'])
</div>

<div class="grid sm:grid-cols-2 xl:grid-cols-4 gap-4 mb-6">
  @foreach([['admin.orders.index', 'receipt', 'رسید در انتظار تایید', $pendingReview, 'amber'], ['admin.tickets.index', 'life-buoy', 'تیکت باز', $openTickets, 'rose'], ['admin.withdrawals.index', 'wallet', 'برداشت در انتظار', $withdrawals, 'sky'], ['admin.reports.index', 'flag', 'گزارش تخلف جدید', $reports, 'rose']] as [$r, $i, $l, $v, $c])
    <a href="{{ route($r) }}" class="block hover:-translate-y-0.5 transition">@include('partials.stat', ['icon' => $i, 'label' => $l, 'value' => number_format($v), 'color' => $c])</a>
  @endforeach
</div>

<div class="card mb-6">
  <div class="font-bold mb-3">کلیک و فروش ۱۴ روز اخیر</div>
  @include('partials.chart', ['id' => 'adminChart', 'labels' => collect($chart)->pluck('label'), 'datasets' => [['label' => 'کلیک', 'data' => collect($chart)->pluck('clicks'), 'color' => '#6366f1'], ['label' => 'فروش (تومان)', 'data' => collect($chart)->pluck('sales'), 'color' => '#10b981']]])
</div>

<div class="grid lg:grid-cols-2 gap-4">
  <div class="card !p-0 overflow-x-auto"><div class="px-5 pt-4 font-bold">آخرین سفارش‌ها</div>
    <table class="w-full mt-2"><tbody>@forelse($recentOrders as $o)
      <tr class="border-b border-slate-50 dark:border-slate-700/50"><td class="td">{{ $o->user?->email }}</td><td class="td">{{ $o->typeLabel() }}</td><td class="td font-medium">{{ toman($o->final_amount) }}</td><td class="td text-xs">{{ $o->statusLabel() }}</td></tr>
    @empty<tr><td class="td text-center text-slate-400 py-6">سفارشی نیست.</td></tr>@endforelse</tbody></table></div>
  <div class="card !p-0 overflow-x-auto"><div class="px-5 pt-4 font-bold">پربازدیدترین لینک‌ها</div>
    <table class="w-full mt-2"><tbody>@forelse($topLinks as $l)
      <tr class="border-b border-slate-50 dark:border-slate-700/50"><td class="td font-mono text-xs" dir="ltr">{{ $l->domain->host }}/{{ $l->code }}</td><td class="td text-slate-500 max-w-[12rem] truncate" dir="ltr">{{ $l->long_url }}</td><td class="td font-bold">{{ number_format($l->clicks) }}</td></tr>
    @empty<tr><td class="td text-center text-slate-400 py-6">لینکی نیست.</td></tr>@endforelse</tbody></table></div>
</div>
@endsection