@php
    $defaultPhoto = asset('assets/images/profilefoto/default-profile.png');
    $list = $participants ?? collect();
    if ($list instanceof \Illuminate\Contracts\Pagination\Paginator || $list instanceof \Illuminate\Contracts\Pagination\LengthAwarePaginator) {
        $list = collect($list->items());
    } elseif (! $list instanceof \Illuminate\Support\Collection) {
        $list = collect(is_array($list) ? $list : []);
    }
    $disableClick = isset($disable_click) ? (bool) $disable_click : false;
@endphp

@forelse($list as $user)
    @php
        $fotoUrl = optional($user->profile)->foto_url ?? $defaultPhoto;
        $pivotStatus = (int) ($user->pivot->status ?? -1);
        $statusText = '-';
        $statusClass = 'status-unknown';
        if ($pivotStatus === \App\Models\ActivityUser::STATUS_ACTIVE) {
            $statusText = 'Aktif';
            $statusClass = 'status-active';
        } elseif ($pivotStatus === \App\Models\ActivityUser::STATUS_VERIFICATION) {
            $statusText = 'Sedang Verifikasi';
            $statusClass = 'status-pending';
        } elseif ($pivotStatus === \App\Models\ActivityUser::STATUS_REJECTED) {
            $statusText = 'Ditolak';
            $statusClass = 'status-rejected';
        }
        $provinceName = optional(optional($user->profile)->province)->name ?? (optional($user->profile)->other_province ?? '-');
        $regencyName = optional(optional($user->profile)->regency)->name ?? (optional($user->profile)->other_regency ?? '-');
    @endphp
    <li class="flex items-center justify-between p-3 rounded-xl border border-gray-200 w-full gap-3 bg-white {{ $disableClick ? '' : 'open-payment-proof cursor-pointer' }}" data-user-id="{{ $user->id }}" data-activity-id="{{ isset($activity) ? $activity->id : '' }}">
        <div class="flex items-center gap-3 flex-1 min-w-0">
            <img src="{{ $fotoUrl }}" class="flex-shrink-0 rounded-full w-9 h-9 object-cover" alt="Foto profil {{ $user->name }}" onerror="this.src='{{ $defaultPhoto }}'">
            <div class="min-w-0">
                <div class="text-gray-900 font-semibold truncate">{{ $user->name }}</div>
                <div class="text-xs text-gray-600 truncate">{{ $provinceName }} • {{ $regencyName }}</div>
            </div>
        </div>
        <span class="status-badge {{ $statusClass }} ml-3 shrink-0">
            {{ $statusText }}
        </span>
    </li>
@empty
    <li class="text-gray-500">Belum ada peserta.</li>
@endforelse