@extends('layouts.admin')
@section('title', 'Dashboard')
@section('content')
<h1 class="text-2xl font-bold mb-6">Dashboard</h1>
<div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-8">
    @foreach([
        'Total Products' => $stats['total_products'],
        'Total Orders' => $stats['total_orders'],
        'Categories' => $stats['total_categories'],
        'Revenue (delivered)' => '৳'.number_format($stats['total_revenue'], 2),
        'Pending Orders' => $stats['pending_orders'],
        'Incomplete Orders' => $stats['incomplete_orders'],
        'Unread Contacts' => $stats['unread_contacts'],
    ] as $label => $value)
    <div class="bg-white rounded-xl p-4 shadow-sm">
        <div class="text-xs text-gray-500">{{ $label }}</div>
        <div class="text-2xl font-bold mt-1">{{ $value }}</div>
    </div>
    @endforeach
</div>

<div class="bg-white rounded-xl p-4 shadow-sm">
    <h2 class="font-semibold mb-3">Recent Orders</h2>
    <table class="w-full text-sm">
        <thead><tr class="text-left text-gray-500 border-b"><th class="py-2">Order #</th><th>Customer</th><th>Total</th><th>Status</th></tr></thead>
        <tbody>
        @foreach($recentOrders as $order)
        <tr class="border-b">
            <td class="py-2"><a href="{{ route('admin.orders.show', $order) }}" class="text-brand">{{ $order->order_number }}</a></td>
            <td>{{ $order->customer_name }}</td>
            <td>৳{{ number_format($order->total, 2) }}</td>
            <td><span class="text-xs px-2 py-1 rounded-full bg-gray-100">{{ $order->status }}</span></td>
        </tr>
        @endforeach
        </tbody>
    </table>
</div>
@endsection