@props(['rows' => collect(), 'asOf' => now()->toDateString(), 'compact' => false])

<section class="mt-4">
    <div class="mb-2 flex flex-wrap items-center justify-between gap-2">
        <h2 class="text-sm font-semibold text-slate-800">Collectors</h2>
    </div>

    <div class="mobile-table-scroll overflow-x-auto rounded-xl border bg-white shadow-sm">
        <table class="min-w-full text-xs ws-table--no-sticky-actions">
            <thead class="sticky top-0 bg-slate-50 text-left text-slate-600">
                <tr>
                    <th class="px-3 py-2 tabular-nums">#</th>
                    <th class="px-3 py-2">Collector</th>
                    <th class="px-3 py-2 text-right">Assigned Clients</th>
                    <th class="px-3 py-2 text-right">Due Today</th>
                    <th class="px-3 py-2 text-right">Collected Today</th>
                    <th class="px-3 py-2 text-right">Outstanding Today</th>
                    <th class="px-3 py-2 text-right">Past Due</th>
                    @unless ($compact)
                        <th class="px-3 py-2 text-right">Cases</th>
                        <th class="px-3 py-2 text-right">Broken PTP</th>
                        <th class="px-3 py-2 text-right">Money Collected (MTD)</th>
                    @endunless
                    <th class="px-3 py-2 text-right">Recovery Rate</th>
                </tr>
            </thead>
            <tbody>
                @forelse ($rows as $row)
                    @php
                        $collectorId = (int) $row->employee->id;
                        $dueTodayUrl = route('loan.book.collections.due_today', ['date' => $asOf, 'collector_id' => $collectorId]);
                        $pastDueUrl = route('loan.book.collections.past_due', ['date' => $asOf, 'collector_id' => $collectorId]);
                        $registerUrl = route('loan.book.collections.register', ['from' => $asOf, 'to' => $asOf]);
                        $casesUrl = route('loan.book.collections.workflow.index');
                        $ptpUrl = route('loan.book.collections.ptp.index', ['filter' => 'broken', 'collector_id' => $collectorId]);
                    @endphp
                    <tr class="border-t hover:bg-slate-50">
                        <td class="px-3 py-2 tabular-nums text-slate-500">{{ $loop->iteration }}</td>
                        <td class="px-3 py-2 font-medium">
                            <a href="{{ $dueTodayUrl }}" class="text-blue-600 hover:underline">{{ trim($row->employee->first_name.' '.$row->employee->last_name) }}</a>
                        </td>
                        <td class="px-3 py-2 text-right">{{ $row->assigned_clients }}</td>
                        <td class="px-3 py-2 text-right">
                            <a href="{{ $dueTodayUrl }}" class="text-blue-600 hover:underline">{{ number_format($row->due_today, 0) }}</a>
                        </td>
                        <td class="px-3 py-2 text-right">
                            <a href="{{ $registerUrl }}" class="text-blue-600 hover:underline">{{ number_format($row->collected_today, 0) }}</a>
                        </td>
                        <td class="px-3 py-2 text-right">{{ number_format($row->outstanding_today, 0) }}</td>
                        <td class="px-3 py-2 text-right">
                            <a href="{{ $pastDueUrl }}" class="text-blue-600 hover:underline">{{ number_format($row->past_due, 0) }}</a>
                        </td>
                        @unless ($compact)
                            <td class="px-3 py-2 text-right">
                                @if ($row->cases > 0)
                                    <a href="{{ $casesUrl }}" class="text-blue-600 hover:underline">{{ $row->cases }}</a>
                                @else
                                    {{ $row->cases }}
                                @endif
                            </td>
                            <td class="px-3 py-2 text-right">
                                @if ($row->broken_ptp > 0)
                                    <a href="{{ $ptpUrl }}" class="text-rose-600 hover:underline">{{ $row->broken_ptp }}</a>
                                @else
                                    {{ $row->broken_ptp }}
                                @endif
                            </td>
                            <td class="px-3 py-2 text-right">{{ number_format($row->money_collected, 0) }}</td>
                        @endunless
                        <td class="px-3 py-2 text-right font-semibold">{{ number_format($row->recovery_rate, 1) }}%</td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="{{ $compact ? 8 : 11 }}" class="px-3 py-8 text-center text-slate-500">No collectors with assigned portfolio.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</section>