@foreach($list_items as $index => $demo_video)
<tr>
    <td>
        <input type="checkbox" name="bulk_ids[]" value="{{ $demo_video->id }}" class="form-check-input bulk-checkbox">
    </td>
    <td>{{ $loop->iteration }}</td>
    <td>
        <div class="d-flex align-items-center">
            @if(is_array($demo_video->thumbnail))
                <img src="{{ $demo_video->thumbnail_url['thumb'] }}" alt="{{ $demo_video->title }}" 
                     class="rounded me-3" style="width: 60px; height: 40px; object-fit: cover;">
            @else
                <div class="bg-light rounded me-3 d-flex align-items-center justify-content-center" 
                     style="width: 60px; height: 40px;">
                    <i class="mdi mdi-video text-muted"></i>
                </div>
            @endif
            <div>
                <h6 class="mb-1">{{ $demo_video->title }}</h6>
                @if($demo_video->description)
                    <small class="text-muted">{{ Str::limit($demo_video->description, 100) }}</small>
                @endif
            </div>
        </div>
    </td>
    <td>
        <span class="badge bg-{{ $demo_video->provider === 'vimeo' ? 'primary' : ($demo_video->provider === 'youtube' ? 'danger' : 'secondary') }}">
            {{ ucfirst($demo_video->provider) }}
        </span>
        @if($demo_video->provider_id)
            <br><small class="text-muted">{{ Str::limit($demo_video->provider_id, 30) }}</small>
        @endif
    </td>
    <td>
        @if($demo_video->course)
            <div>
                <strong>Course:</strong> {{ $demo_video->course->title }}
            </div>
        @endif
        @if($demo_video->unit)
            <div>
                <strong>Unit:</strong> {{ $demo_video->unit->title }}
            </div>
        @endif
        @if(!$demo_video->course && !$demo_video->unit)
            <span class="text-muted">No course/unit assigned</span>
        @endif
    </td>
    <td>
        <span class="badge bg-{{ $demo_video->status ? 'success' : 'danger' }}">
            {{ $demo_video->status ? 'Active' : 'Inactive' }}
        </span>
    </td>
    <td>
        <small class="text-muted">{{ $demo_video->created_at->format('M d, Y') }}</small>
    </td>
    <td>
        @include('admin.crud.action-dropdown', [
            'item' => $demo_video,
            'editUrl' => route('admin.demo-videos.edit', $demo_video->id),
            'showUrl' => route('admin.demo-videos.show', $demo_video->id),
            'deleteUrl' => route('admin.demo-videos.destroy', $demo_video->id),
            'cloneUrl' => route('admin.demo-videos.clone', $demo_video->id),
            'customActions' => [
                [
                    'label' => 'Sync Video Links',
                    'url' => route('admin.demo-videos.sync-links', $demo_video->id),
                    'class' => 'text-info',
                    'icon' => 'mdi mdi-sync',
                    'enabled' => $demo_video->provider === 'vimeo' && !empty($demo_video->provider_id)
                ]
            ]
        ])
    </td>
</tr>
@endforeach