@extends('admin.layout') @section('heading','Dashboard') @section('content')<div class="grid gap-5 sm:grid-cols-2 xl:grid-cols-4">@foreach(['Products'=>$products,'Categories'=>$categories,'Pending reservations'=>$reservations,'Low stock'=>$lowStock] as $label=>$value)<div class="rounded-2xl bg-white p-6 shadow-sm"><p class="text-sm text-slate-500">{{$label}}</p><p class="display mt-2 text-4xl font-extrabold text-violet-900">{{$value}}</p></div>@endforeach</div><section class="mt-8 rounded-2xl bg-white p-6 shadow-sm"><h2 class="display text-lg font-bold">Recent products</h2><div class="mt-4 overflow-x-auto"><table class="w-full text-left text-sm"><thead class="border-b text-slate-500"><tr><th class="pb-3">Product</th><th class="pb-3">Price</th><th class="pb-3">Stock</th></tr></thead><tbody>@forelse($recent as $product)<tr class="border-b"><td class="py-3 font-semibold">{{$product->name}}</td><td>KES {{number_format($product->price)}}</td><td>{{$product->stock}}</td></tr>@empty<tr><td class="py-4" colspan="3">No products yet.</td></tr>@endforelse</tbody></table></div></section>@endsection