@if ($batches->isEmpty())
    <p class="empty-state">No batches yet.</p>
@else
    <ul class="divide-y divide-slate-100">
        @foreach ($batches as $batch)
            <li class="px-5 py-3">
                <div class="flex items-center justify-between gap-3">
                    <div class="min-w-0">
                        <a href="{{ route('batches.show', $batch) }}" class="font-mono text-sm text-slate-900 hover:underline">
                            {{ $batch->batch_no }}
                        </a>
                        <p class="mt-0.5 truncate text-xs text-slate-500">
                            {{ $batch->type->label() }} &middot;
                            {{ $batch->success_rows }}/{{ $batch->total_rows }} rows
                            @if ($batch->creator) &middot; {{ $batch->creator->name }} @endif
                        </p>
                    </div>
                    <div class="flex shrink-0 items-center gap-2">
                        <x-badge :variant="$batch->status->badgeClass()">{{ $batch->status->label() }}</x-badge>
                        <span class="hidden text-xs text-slate-400 sm:inline">{{ $batch->created_at->diffForHumans(short: true) }}</span>
                    </div>
                </div>
            </li>
        @endforeach
    </ul>
@endif