@php
    $rows = $rows ?? [];
    $panel = $panel ?? '';
    $title = $title ?? '';
@endphp

@if (count($rows) > 0)
    <div x-show="openPanel === '{{ $panel }}'" x-cloak x-transition class="due-today-no-print mt-2 overflow-x-auto rounded-lg border border-slate-200 bg-white shadow-sm">
        <p class="border-b border-slate-100 px-3 py-2 text-[11px] font-semibold uppercase tracking-wide text-slate-500">
            {{ $title }}
            <span class="font-medium normal-case tracking-normal text-slate-400">({{ count($rows) }}{{ count($rows) >= 250 ? '+' : '' }})</span>
        </p>
        <table class="min-w-full text-[11px]">
            <thead class="bg-slate-50 text-left text-slate-500">
                <tr>
                    <th class="px-3 py-1.5 font-medium">Client</th>
                    <th class="px-3 py-1.5 font-medium">Mobile</th>
                    <th class="px-3 py-1.5 font-medium">Due</th>
                    <th class="px-3 py-1.5 text-right font-medium">Expected</th>
                    <th class="px-3 py-1.5 text-right font-medium">Collected</th>
                    <th class="px-3 py-1.5 text-right font-medium">Remaining</th>
                    <th class="px-3 py-1.5 text-right font-medium">Arrears</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($rows as $row)
                    <tr class="border-t border-slate-100">
                        <td class="px-3 py-1.5 text-slate-800">{{ $row['name'] }}</td>
                        <td class="px-3 py-1.5 text-slate-600">{{ $row['phone'] !== '' ? $row['phone'] : '—' }}</td>
                        <td class="px-3 py-1.5 tabular-nums text-slate-600">{{ $row['due_date'] }}</td>
                        <td class="px-3 py-1.5 text-right tabular-nums">{{ number_format((float) $row['expected'], 0) }}</td>
                        <td class="px-3 py-1.5 text-right tabular-nums">{{ number_format((float) $row['collected'], 0) }}</td>
                        <td class="px-3 py-1.5 text-right tabular-nums">{{ number_format((float) $row['remaining'], 0) }}</td>
                        <td class="px-3 py-1.5 text-right tabular-nums">{{ number_format((float) $row['arrears'], 0) }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
@endif