@extends('layouts.app')
@section('title', 'لوحة المدير')
@section('sidebar') @include('admin._sidebar') @endsection
@section('content')
<h1 class="text-xl font-bold mb-4">نظرة عامة</h1>
<div class="grid grid-cols-2 md:grid-cols-5 gap-4 mb-6">
    @foreach([['العملاء', $stats['total_customers']], ['الموظفون', $stats['total_staff']], ['تذاكر مفتوحة', $stats['open_tickets']], ['تذاكر مغلقة', $stats['closed_tickets']], ['إيرادات الشهر', '$'.number_format($stats['revenue_this_month'], 0)]] as [$label, $value])
    <div class="bg-white rounded-xl border border-gray-200 p-4">
        <p class="text-xs text-gray-500 mb-1">{{ $label }}</p>
        <p class="text-2xl font-bold text-indigo-600">{{ $value }}</p>
    </div>
    @endforeach
</div>

<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
    <div class="bg-white rounded-xl border border-gray-200">
        <div class="px-4 py-3 border-b border-gray-100 font-medium text-sm">آخر التذاكر</div>
        <table class="w-full text-sm text-right">
            <tbody class="divide-y divide-gray-100">
                @foreach($recentTickets as $t)
                <tr class="hover:bg-gray-50 cursor-pointer" onclick="location.href='{{ route('admin.tickets.show', $t) }}'">
                    <td class="px-4 py-3 text-gray-400">{{ $t->ticket_number }}</td>
                    <td class="px-4 py-3 font-medium">{{ $t->subject }}</td>
                    <td class="px-4 py-3"><span class="px-2 py-0.5 rounded text-xs status-{{ $t->status }}">{{ $t->status }}</span></td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    <div class="bg-white rounded-xl border border-gray-200">
        <div class="px-4 py-3 border-b border-gray-100 font-medium text-sm">آخر المشتريات</div>
        <table class="w-full text-sm text-right">
            <tbody class="divide-y divide-gray-100">
                @foreach($recentPurchases as $p)
                <tr>
                    <td class="px-4 py-3">{{ $p->user->name }}</td>
                    <td class="px-4 py-3">{{ $p->package->name_ar }}</td>
                    <td class="px-4 py-3 text-indigo-600 font-medium">${{ number_format($p->amount_paid, 0) }}</td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@endsection