@extends('admin::layouts.master')

@section('title', 'Dashboard')

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

    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 mb-8">
        <div class="bg-white rounded-lg shadow p-6">
            <h3 class="text-gray-500 text-sm">Users</h3>
            <p class="text-3xl font-bold">{{ $stats['users'] }}</p>
        </div>
        <div class="bg-white rounded-lg shadow p-6">
            <h3 class="text-gray-500 text-sm">Products</h3>
            <p class="text-3xl font-bold">{{ $stats['products'] }}</p>
        </div>
        <div class="bg-white rounded-lg shadow p-6">
            <h3 class="text-gray-500 text-sm">Categories</h3>
            <p class="text-3xl font-bold">{{ $stats['categories'] }}</p>
        </div>
        <div class="bg-white rounded-lg shadow p-6">
            <h3 class="text-gray-500 text-sm">Total Orders</h3>
            <p class="text-3xl font-bold">{{ $stats['orders'] }}</p>
        </div>
        <div class="bg-white rounded-lg shadow p-6">
            <h3 class="text-gray-500 text-sm">Pending Orders</h3>
            <p class="text-3xl font-bold text-yellow-600">{{ $stats['pending_orders'] }}</p>
        </div>
        <div class="bg-white rounded-lg shadow p-6">
            <h3 class="text-gray-500 text-sm">Paid Orders</h3>
            <p class="text-3xl font-bold text-green-600">{{ $stats['paid_orders'] }}</p>
        </div>
        <div class="bg-white rounded-lg shadow p-6">
            <h3 class="text-gray-500 text-sm">Revenue</h3>
            <p class="text-3xl font-bold text-green-600">&euro;{{ number_format($stats['revenue'], 2) }}</p>
        </div>
        <div class="bg-white rounded-lg shadow p-6">
            <h3 class="text-gray-500 text-sm">Cart / Basket Items</h3>
            <p class="text-3xl font-bold">{{ $stats['cart_items'] }} / {{ $stats['basket_items'] }}</p>
        </div>
        <div class="bg-white rounded-lg shadow p-6">
            <h3 class="text-gray-500 text-sm">Payment Methods</h3>
            <p class="text-3xl font-bold">{{ $stats['payment_methods'] }}</p>
        </div>
        <div class="bg-white rounded-lg shadow p-6">
            <h3 class="text-gray-500 text-sm">Save The Food</h3>
            <p class="text-3xl font-bold">{{ $stats['save_the_food'] }}</p>
        </div>
        <div class="bg-white rounded-lg shadow p-6">
            <h3 class="text-gray-500 text-sm">Weekly Specials</h3>
            <p class="text-3xl font-bold">{{ $stats['weekly_specials'] }}</p>
        </div>
    </div>

    <div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
        <div class="bg-white rounded-lg shadow p-6">
            <h3 class="font-bold text-lg mb-4">Quick Actions</h3>
            <div class="space-y-2">
                <a href="{{ route('admin.products.create') }}" class="block px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700 text-center">Add Product</a>
                <a href="{{ route('admin.categories.create') }}" class="block px-4 py-2 bg-green-600 text-white rounded hover:bg-green-700 text-center">Add Category</a>
                <a href="{{ route('admin.users.create') }}" class="block px-4 py-2 bg-purple-600 text-white rounded hover:bg-purple-700 text-center">Add User</a>
            </div>
        </div>
    </div>
@endsection