@extends('admin.layouts.admin')

@section('title', 'الرئيسية')

@section('content')
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
    <div class="md:col-span-3 bg-white p-6 rounded-lg shadow-sm border-r-4 border-blue-600">
        <h2 class="text-2xl font-bold text-gray-800">أهلاً بك يا {{ Auth::guard('admin')->user()->username }} 👋</h2>
        <p class="text-gray-600 mt-2">أنت الآن في لوحة التحكم الخاصة بنظام es_exp.</p>
    </div>

    <div class="bg-white p-6 rounded-lg shadow-sm border border-gray-100 flex items-center space-x-4 space-x-reverse">
        <div class="p-3 bg-blue-100 rounded-full text-blue-600 text-2xl">📊</div>
        <div>
            <p class="text-sm text-gray-500">الزيارات اليوم</p>
            <p class="text-xl font-bold">1,250</p>
        </div>
    </div>

    <div class="bg-white p-6 rounded-lg shadow-sm border border-gray-100 flex items-center space-x-4 space-x-reverse">
        <div class="p-3 bg-green-100 rounded-full text-green-600 text-2xl">👥</div>
        <div>
            <p class="text-sm text-gray-500">المستخدمين</p>
            <p class="text-xl font-bold">45</p>
        </div>
    </div>

    <div class="bg-white p-6 rounded-lg shadow-sm border border-gray-100 flex items-center space-x-4 space-x-reverse">
        <div class="p-3 bg-purple-100 rounded-full text-purple-600 text-2xl">⚙️</div>
        <div>
            <p class="text-sm text-gray-500">حالة النظام</p>
            <p class="text-xl font-bold text-green-500">مستقر</p>
        </div>
    </div>
</div>
@endsection