@extends('layouts.admin')

@section('title', 'Top Products Report')

@section('content')
<div class="admin-page-header">
    <h1>Top Products Report</h1>
</div>

<div class="admin-card">
    <div class="card-body">
        @if($topProducts->count() > 0)
            <div class="table-responsive">
                <table class="admin-table table table-hover">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Product Name</th>
                            <th>Total Sold</th>
                            <th>Total Revenue</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($topProducts as $index => $product)
                            <tr>
                                <td>{{ $index + 1 }}</td>
                                <td>{{ $product->name }}</td>
                                <td>{{ $product->total_sold }}</td>
                                <td>₹{{ number_format($product->total_revenue, 2) }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @else
            <div class="admin-empty-state">
                <i class="bi bi-star"></i>
                <h3>No Products Found</h3>
                <p>No product sales data available for the selected period.</p>
            </div>
        @endif
    </div>
</div>
@endsection