@php
    $showNameColumn = empty($allUsers);
@endphp

<div class="table-responsive">
    <table class="table align-middle mb-0">
        <thead class="table-light">
            <tr>
                <th class="px-4 py-3 small text-muted text-uppercase">Sr no.</th>
                <th class="px-4 py-3 small text-muted text-uppercase">Date</th>
                @if ($showNameColumn)
                    <th class="px-4 py-3 small text-muted text-uppercase">Name</th>
                @endif
                <th class="px-4 py-3 small text-muted text-uppercase">Total Orders</th>
                <th class="px-4 py-3 small text-muted text-uppercase">Amount</th>
            </tr>
        </thead>
        <tbody>
            @forelse ($rows as $index => $row)
                <tr>
                    <td class="px-4 py-3">{{ $index + 1 }}</td>
                    <td class="px-4 py-3">{{ $row->report_date }}</td>
                    @if ($showNameColumn)
                        <td class="px-4 py-3">
                            <div class="fw-semibold">{{ $row->user_name }}</div>
                            <div class="small text-muted">{{ $row->user_meta ?: 'No extra user info' }}</div>
                        </td>
                    @endif
                    <td class="px-4 py-3">{{ $row->total_orders }}</td>
                    <td class="px-4 py-3">{{ number_format((float) $row->total_amount, 2) }} PKR</td>
                </tr>
            @empty
                <tr>
                    <td colspan="{{ $showNameColumn ? 5 : 4 }}" class="text-center text-muted py-5">No report data found for the selected filters.</td>
                </tr>
            @endforelse
        </tbody>
    </table>
</div>