@extends('layouts.admin', ['heading' => 'Dashboard'])

@section('content')
<div class="grid gap-4 sm:grid-cols-2 xl:grid-cols-5">
    @foreach ([['Revenue Today', 'R'.number_format($revenueToday, 2)], ['Revenue Month', 'R'.number_format($revenueMonth, 2)], ['Orders Today', $ordersToday], ['Orders Month', $ordersMonth], ['Pending Orders', $pendingOrders], ['Customers', $customers], ['Products', $products], ['Low Stock', $lowStock], ['Out of Stock', $outOfStock]] as [$label, $value])
        <div class="panel p-5"><div class="text-sm text-gray-500">{{ $label }}</div><div class="mt-2 text-3xl font-black">{{ $value }}</div></div>
    @endforeach
</div>
<div class="panel mt-6 p-5">
    <h2 class="text-xl font-black">Reporting</h2>
    <p class="mt-2 text-sm text-gray-600">Sales by day, month, status, category and top sellers are loaded from order tables and ready for chart integration.</p>
</div>
@endsection