@extends('layouts.admin')

@section('title', 'Dashboard')

@section('content')
<h1 class="text-2xl font-bold mb-6">Dashboard</h1>

<!-- Stats -->
<div class="grid grid-cols-1 md:grid-cols-4 gap-4 mb-8">
    <div class="bg-white rounded-lg shadow p-6">
        <p class="text-gray-600 text-sm">Total Users</p>
        <p class="text-2xl font-bold">{{ $stats['total_users'] }}</p>
    </div>
    <div class="bg-white rounded-lg shadow p-6">
        <p class="text-gray-600 text-sm">Total Orders</p>
        <p class="text-2xl font-bold">{{ $stats['total_orders'] }}</p>
    </div>
    <div class="bg-white rounded-lg shadow p-6">
        <p class="text-gray-600 text-sm">Total Products</p>
        <p class="text-2xl font-bold">{{ $stats['total_products'] }}</p>
    </div>
    <div class="bg-white rounded-lg shadow p-6">
        <p class="text-gray-600 text-sm">Revenue</p>
        <p class="text-2xl font-bold">Rp {{ number_format($stats['total_revenue']) }}</p>
    </div>
</div>

<!-- Recent Orders -->
<div class="bg-white rounded-lg shadow">
    <div class="p-6 border-b">
        <h2 class="text-lg font-semibold">Recent Orders</h2>
    </div>
    <div class="table-responsive">
    <table class="w-full">
        <thead class="bg-gray-50">
            <tr>
                <th class="px-6 py-3 text-left">Order #</th>
                <th class="px-6 py-3 text-left">Customer</th>
                <th class="px-6 py-3 text-left">Total</th>
                <th class="px-6 py-3 text-left">Status</th>
                <th class="px-6 py-3"></th>
            </tr>
        </thead>
        <tbody>
            @foreach($stats['recent_orders'] as $order)
            <tr class="border-t">
                <td class="px-6 py-4">{{ $order->order_number }}</td>
                <td class="px-6 py-4">{{ $order->user->username ?? 'Guest' }}</td>
                <td class="px-6 py-4">Rp {{ number_format($order->total) }}</td>
                <td class="px-6 py-4">
                    <span class="px-2 py-1 text-xs rounded 
                        @if($order->status == 'delivered') bg-green-100 text-green-800
                        @elseif($order->status == 'paid') bg-blue-100 text-blue-800
                        @elseif($order->status == 'pending') bg-yellow-100 text-yellow-800
                        @else bg-gray-100 text-gray-800 @endif">
                        {{ $order->status }}
                    </span>
                </td>
                <td class="px-6 py-4">
                    <a href="/admin/orders/{{ $order->id }}" class="text-blue-600">View</a>
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
    </div>
</div>
@endsection