@extends('admin.layout')

@section('content')
    <div class="text-2xl font-semibold">Dashboard</div>

    <div class="mt-6 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 gap-4">
        <div class="bg-white border border-gray-200 rounded-xl p-5">
            <div class="text-xs text-gray-500">Categories</div>
            <div class="mt-1 text-2xl font-semibold">{{ $stats['categories'] }}</div>
        </div>
        <div class="bg-white border border-gray-200 rounded-xl p-5">
            <div class="text-xs text-gray-500">Services</div>
            <div class="mt-1 text-2xl font-semibold">{{ $stats['services'] }}</div>
        </div>
        <div class="bg-white border border-gray-200 rounded-xl p-5">
            <div class="text-xs text-gray-500">Blog posts</div>
            <div class="mt-1 text-2xl font-semibold">{{ $stats['posts'] }}</div>
        </div>
        <div class="bg-white border border-gray-200 rounded-xl p-5">
            <div class="text-xs text-gray-500">Orders</div>
            <div class="mt-1 text-2xl font-semibold">{{ $stats['orders'] }}</div>
        </div>
        <div class="bg-white border border-gray-200 rounded-xl p-5">
            <div class="text-xs text-gray-500">Pending</div>
            <div class="mt-1 text-2xl font-semibold">{{ $stats['pending_orders'] }}</div>
        </div>
    </div>

    <div class="mt-8 grid grid-cols-1 sm:grid-cols-3 gap-4">
        <div class="bg-white border border-gray-200 rounded-xl p-5">
            <div class="text-xs text-gray-500">Tickets • Open</div>
            <div class="mt-1 text-2xl font-semibold">{{ $stats['tickets_open'] }}</div>
        </div>
        <div class="bg-white border border-gray-200 rounded-xl p-5">
            <div class="text-xs text-gray-500">Tickets • In progress</div>
            <div class="mt-1 text-2xl font-semibold">{{ $stats['tickets_in_progress'] }}</div>
        </div>
        <div class="bg-white border border-gray-200 rounded-xl p-5">
            <div class="text-xs text-gray-500">Tickets • Closed</div>
            <div class="mt-1 text-2xl font-semibold">{{ $stats['tickets_closed'] }}</div>
        </div>
    </div>
@endsection