@extends('layouts.dashboard')
@section('title','Admin Panel')
@section('page-title','📊 الإحصائيات')

@section('content')
<div class="stats-grid">
  <div class="stat-card"><div class="stat-icon">👥</div><div class="stat-label">المستخدمون</div><div class="stat-val">{{ $stats['users']??0 }}</div></div>
  <div class="stat-card"><div class="stat-icon">💳</div><div class="stat-label">اشتراكات نشطة</div><div class="stat-val">{{ $stats['subs_active']??0 }}</div></div>
  <div class="stat-card"><div class="stat-icon">💰</div><div class="stat-label">الإيرادات</div><div class="stat-val">${{ $stats['revenue']??0 }}</div></div>
  <div class="stat-card"><div class="stat-icon">🌐</div><div class="stat-label">مواقع مفعّلة</div><div class="stat-val">{{ $stats['activations']??0 }}</div></div>
  <div class="stat-card"><div class="stat-icon">💬</div><div class="stat-label">تذاكر مفتوحة</div><div class="stat-val">{{ $stats['tickets_open']??0 }}</div></div>
</div>
<div class="card" style="background:#fff;border-radius:10px;padding:24px;border:1px solid #e2e8f0;margin-top:20px">
  <h3 style="font-weight:700;margin-bottom:16px">إجراءات سريعة</h3>
  <div style="display:flex;gap:8px;flex-wrap:wrap">
    <a href="{{ route('admin.subs') }}"   class="btn btn-primary">+ إضافة اشتراك</a>
    <a href="{{ route('admin.users') }}"  class="btn btn-outline">المستخدمون</a>
    <a href="{{ route('admin.tickets') }}" class="btn btn-outline">التذاكر</a>
  </div>
</div>
@endsection