@foreach($list_items as $index => $item)
    <tr>
        <td>
            <input type="checkbox" name="bulk_ids[]" value="{{ $item->id }}" class="form-check-input bulk-checkbox">
        </td>
        <td>{{ $index + 1 }}</td>
        <td>
            <div class="d-flex align-items-center">
                <div class="flex-shrink-0 position-relative">
                    @if($item->material->thumbnail)
                        <div class="position-relative" style="width: 80px; height: 60px; cursor: pointer;"
                            onclick="showFileModal('Document File', ['{{ $item->file_url }}'])">
                            <img src="{{ $item->material->thumbnail_url }}" alt="Document thumbnail" class="rounded w-100 h-100"
                                style="object-fit: cover;">
                        </div>
                    @else
                        <div class="bg-light rounded d-flex align-items-center justify-content-center position-relative"
                            style="width: 80px; height: 60px; cursor: pointer;"
                            onclick="showFileModal('Document File', ['{{ $item->file_url }}'])">
                            <i class="{{ $item->provider_icon }} text-muted"></i>
                            
                        </div>
                    @endif
                </div>
            </div>
        </td>
        <td>{{ $item->type }}</td>
        <td>{{ $item->size }}</td>
        <td>
            @include('admin.crud.action-dropdown', [
                'editUrl' => route('admin.documents.edit', $item->id),
                'deleteUrl' => route('admin.documents.destroy', $item->id),
                'redirectUrl' => route('admin.documents.index')
            ])
                </td>
            </tr>
@endforeach