@extends('buyer.adminlayout')
@section('title')
<title>Admin Dashboard</title>
@endsection
@section('frontend-content')
<!-- Main Content -->
<div class="container mx-auto my-5">
    <section>
        <div class="categories">
            <h3>Admin Dashboard</h3>
            <br>
            <div class="container my-4">
                <div class="row row-cols-1 row-cols-md-3 g-4">
                    <!-- Buyer Count -->
                    <div class="col">
                        <div class="card h-100 shadow-sm">
                            <div class="card-body d-flex flex-column justify-content-between">
                                <div class="d-flex align-items-center mb-3">
                                    <div class="bg-primary p-3 rounded me-3">
                                        <i class="fas fa-users fa-2x text-white"></i>
                                    </div>
                                    <div>
                                        <h5 class="card-title">Buyer Count</h5>
                                        <p class="card-text">{{ $buyerCount ?? '128' }}</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Merchandiser Count -->
                    <div class="col">
                        <div class="card h-100 shadow-sm">
                            <div class="card-body d-flex flex-column justify-content-between">
                                <div class="d-flex align-items-center mb-3">
                                    <div class="bg-secondary p-3 rounded me-3">
                                        <i class="fas fa-user-tie fa-2x text-white"></i>
                                    </div>
                                    <div>
                                        <h5 class="card-title">Merchandiser Count</h5>
                                        <p class="card-text">{{ $merchandiserCount ?? '62' }}</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Category Count -->
                    <div class="col">
                        <a href="{{ route('buyer.category') }}" style="text-decoration: none;">
                            <div class="card h-100 shadow-sm">
                                <div class="card-body d-flex flex-column justify-content-between">
                                    <div class="d-flex align-items-center mb-3">
                                        <div class="bg-warning p-3 rounded me-3">
                                            <i class="fas fa-list fa-2x text-white"></i>
                                        </div>
                                        <div>
                                            <h5 class="card-title">Category Count</h5>
                                            <p class="card-text">{{ $categoryCount ?? '18' }}</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>

                    <!-- Product Count -->
                    <div class="col">
                        <a href="{{ route('admin.products.index') }}" style="text-decoration: none;">
                            <div class="card h-100 shadow-sm">
                                <div class="card-body d-flex flex-column justify-content-between">
                                    <div class="d-flex align-items-center mb-3">
                                        <div class="bg-success p-3 rounded me-3">
                                            <i class="fas fa-box fa-2x text-white"></i>
                                        </div>
                                        <div>
                                            <h5 class="card-title">Product Count</h5>
                                            <p class="card-text">{{ $productCount ?? '203' }}</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>

                    <!-- Total Order Count -->
                    <div class="col">
                        <div class="card h-100 shadow-sm">
                            <div class="card-body d-flex flex-column justify-content-between">
                                <div class="d-flex align-items-center mb-3">
                                    <div class="bg-info p-3 rounded me-3">
                                        <i class="fas fa-clipboard-list fa-2x text-white"></i>
                                    </div>
                                    <div>
                                        <h5 class="card-title">Total Order Count</h5>
                                        <p class="card-text">{{ $orderCount ?? '57' }}</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <div class="table-responsive my-3">
                <h4>Recent Orders</h4>
                <table class="table table-bordered table-striped">
                    <thead class="table-dark text-center">
                        <tr>
                            <th>Sl No</th>
                            <th>Order</th>
                            <th>Style</th>
                            <th>Delivery Time</th>
                        </tr>
                    </thead>
                    <tbody class="text-center">
                        <tr>
                            <td>1</td>
                            <td>ORD-20240501</td>
                            <td>Casual T-Shirt</td>
                            <td>2025-06-10</td>
                        </tr>
                        <tr>
                            <td>2</td>
                            <td>ORD-20240502</td>
                            <td>Denim Jacket</td>
                            <td>2025-06-15</td>
                        </tr>
                        <tr>
                            <td>3</td>
                            <td>ORD-20240503</td>
                            <td>Formal Shirt</td>
                            <td>2025-06-20</td>
                        </tr>
                        <tr>
                            <td>4</td>
                            <td>ORD-20240504</td>
                            <td>Chino Pants</td>
                            <td>2025-06-25</td>
                        </tr>
                        <tr>
                            <td>5</td>
                            <td>ORD-20240505</td>
                            <td>Hooded Sweatshirt</td>
                            <td>2025-06-30</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </section>
</div>
@endsection