@extends('layouts.admin')

@section('title', 'لوحة التحكم | Help Numo')
@section('page-title', 'نظرة عامة')

@section('admin_content')
    <div class="grid dashboard-grid">
        <div class="card dashboard-stat-card">
            <div class="dashboard-stat-card__head">
                <span class="dashboard-stat-card__icon" aria-hidden="true">📝</span>
                <span class="dashboard-stat-card__title">عدد المقالات</span>
            </div>
            <p class="dashboard-stat-card__value">{{ number_format($stats['articles']) }}</p>
        </div>

        <div class="card dashboard-stat-card">
            <div class="dashboard-stat-card__head">
                <span class="dashboard-stat-card__icon" aria-hidden="true">🗂️</span>
                <span class="dashboard-stat-card__title">التصنيفات الفعّالة</span>
            </div>
            <p class="dashboard-stat-card__value">{{ number_format($stats['active_categories']) }}</p>
        </div>

        <div class="card dashboard-stat-card">
            <div class="dashboard-stat-card__head">
                <span class="dashboard-stat-card__icon" aria-hidden="true">🏷️</span>
                <span class="dashboard-stat-card__title">الوسوم</span>
            </div>
            <p class="dashboard-stat-card__value">{{ number_format($stats['tags']) }}</p>
        </div>
    </div>

    <div class="card mt-4">
        <h3 class="heading-m">✨ مرحباً بك في نظام إدارة مكتبة الشروحات</h3>
        <p class="body-m mt-2">
            من هنا ستتمكن من إدارة المقالات، التصنيفات، الوسوم، متابعة تقييمات المقالات وضبط إعدادات النظام 
        </p>
        <div class="quick-actions mt-3">
            <a class="chip-btn" href="{{ route('admin.articles.create') }}">➕ مقالة جديدة</a>
            <a class="chip-btn chip-btn--ghost" href="{{ route('admin.categories.create') }}">📂 تصنيف جديد</a>
            <a class="chip-btn chip-btn--ghost" href="{{ route('admin.tags.create') }}">🏷️ وسم جديد</a>
        </div>
    </div>
@endsection