@extends('layouts.admin')
@section('content')
<div class="grid grid-cols-4 gap-4">
    <div class="bg-white p-4 rounded shadow">Revenue Today: ${{ $revenueToday }}</div>
    <div class="bg-white p-4 rounded shadow">Pending Orders: {{ $pendingOrders }}</div>
    <div class="bg-white p-4 rounded shadow">Active Providers: {{ $activeProviders }}</div>
    <div class="bg-white p-4 rounded shadow">Users Online: {{ $usersOnline }}</div>
</div>
<canvas id="orderChart" height="100"></canvas>
<script>
    new Chart(document.getElementById('orderChart'), {
        type: 'line',
        data: { labels: @json($chartLabels), datasets: [{ label: 'Orders', data: @json($chartData) }] }
    });
</script>
@endsection