@extends('layouts.admin')
@section('title', 'Dashboard')
@section('content')
<h1 class="text-2xl font-semibold mb-6">Dashboard</h1>
<div class="grid grid-cols-2 md:grid-cols-4 gap-4">
    <div class="bg-white rounded-xl p-5 shadow-sm"><p class="text-sm text-gray-500">Productos</p><p class="text-3xl font-semibold text-olive">{{ $stats['products'] }}</p></div>
    <div class="bg-white rounded-xl p-5 shadow-sm"><p class="text-sm text-gray-500">Pedidos</p><p class="text-3xl font-semibold text-olive">{{ $stats['orders'] }}</p></div>
    <div class="bg-white rounded-xl p-5 shadow-sm"><p class="text-sm text-gray-500">Pagados</p><p class="text-3xl font-semibold text-olive">{{ $stats['paid'] }}</p></div>
    <div class="bg-white rounded-xl p-5 shadow-sm"><p class="text-sm text-gray-500">Ingresos</p><p class="text-3xl font-semibold text-olive">S/ {{ number_format($stats['revenue'], 2) }}</p></div>
</div>
@endsection
