@extends('admin.layout')

@section('title', 'Dashboard')

@section('content')
    <div class="mb-4 d-flex justify-content-between align-items-center">
        <h1>Dashboard</h1>
        <span class="text-muted">{{ now()->format('d M Y') }}</span>
    </div>

    <div class="mb-4 row">
        <div class="mb-3 col-md-6 col-lg-3">
            <div class="text-center card">
                <div class="card-body">
                    <i class="mb-3 fas fa-cookie fa-3x text-primary"></i>
                    <h3 class="card-title">{{ $totalProducts }}</h3>
                    <p class="card-text text-muted">Total Products</p>
                </div>
            </div>
        </div>
        <div class="mb-3 col-md-6 col-lg-3">
            <div class="text-center card">
                <div class="card-body">
                    <i class="mb-3 fas fa-users fa-3x text-success"></i>
                    <h3 class="card-title">{{ $totalUsers }}</h3>
                    <p class="card-text text-muted">Total Users</p>
                </div>
            </div>
        </div>
        <div class="mb-3 col-md-6 col-lg-3">
            <div class="text-center card">
                <div class="card-body">
                    <i class="mb-3 fas fa-shopping-cart fa-3x text-danger"></i>
                    <h3 class="card-title">{{ $totalOrder }}</h3>
                    <p class="card-text text-muted">Total Pesanan</p>
                </div>
            </div>
        </div>

    </div>

    <div class="card">
        <div class="card-header">
            <h5 class="mb-0">Recent Products</h5>
        </div>
        <div class="card-body">
            @if ($recentProducts->count() > 0)
                <div class="table-responsive">
                    <table class="table">
                        <thead>
                            <tr>
                                <th>Image</th>
                                <th>Name</th>
                                <th>Price</th>
                                <th>Stock</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($recentProducts as $product)
                                <tr>
                                    <td>
                                        <img src="{{ $product->image_url }}" alt="{{ $product->name }}"
                                            class="img-thumbnail" style="width: 50px; height: 50px; object-fit: cover;">
                                    </td>
                                    <td>{{ $product->name }}</td>
                                    <td>Rp {{ number_format($product->price, 0, ',', '.') }}</td>
                                    <td>{{ $product->stock }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @else
                <p class="text-muted">No products found.</p>
            @endif
        </div>
    </div>
@endsection