@foreach($requisitions as $index => $req)
    @php
        $progress = $req->disbursementProgress();
        $dept = $req->department;
    @endphp
    <tr>
        <td class="text-muted">{{ $requisitions->firstItem() + $index }}</td>
        <td>
            <a href="{{ route('planning.requisitions.show', $req) }}" class="fw-semibold text-decoration-none">
                {{ $req->reference }}
            </a>
            @if($req->is_emergency ?? false)
                <span class="badge bg-danger-subtle text-danger border ms-1">Emergency</span>
            @endif
        </td>
        <td class="text-nowrap">
            <div>{{ $req->requisition_date?->format('d M Y') ?? $req->created_at?->format('d M Y') }}</div>
            <small class="text-muted">{{ $req->created_at?->diffForHumans() }}</small>
        </td>
        <td>
            <span class="d-inline-block text-truncate" style="max-width:160px;" title="{{ $dept?->name }}">
                {{ $dept?->name ?? '—' }}
            </span>
        </td>
        <td>
            <div class="d-flex align-items-center gap-2">
                <img src="{{ $req->requester?->avatarUrl() }}" alt="" class="chm-avatar">
                <span class="d-inline-block text-truncate" style="max-width:130px;">{{ $req->requester?->name ?? '—' }}</span>
            </div>
        </td>
        <td class="text-center">
            <span class="badge bg-light text-dark border">{{ $req->lines_count ?? 0 }}</span>
        </td>
        <td>
            <x-chm.status-badge :status="$req->status->badgeVariant()" :label="$req->status->label()" />
        </td>
        <td class="text-end font-monospace">{{ number_format($req->total_requested, 0) }}</td>
        <td class="text-end font-monospace">{{ number_format($req->total_approved, 0) }}</td>
        <td>
            @if($req->total_approved > 0 || $req->isDisbursed())
                <x-chm.progress :value="$progress" :max="100" :show-label="false" class="mb-1" />
                <small class="text-muted">{{ $progress }}%</small>
            @else
                <span class="text-muted">—</span>
            @endif
        </td>
        <td class="text-end chm-col-actions">
            <a href="{{ route('planning.requisitions.show', $req) }}" class="btn btn-sm btn-outline-primary">
                <i class="bx bx-show"></i>
                <span class="d-none d-xl-inline ms-1">View</span>
            </a>
        </td>
    </tr>
@endforeach