@if ($list_items)
    @foreach ($list_items as $list_item)
        <tr>
            <td><input type="checkbox" class="form-check-input row-checkbox" value="{{ $list_item->id }}"></td>
            <td>{{ $loop->iteration }}</td>
            <td class="p-4">
                <div class="d-flex align-items-start gap-3">
                    <div class="flex-shrink-0" style="width: 60px; height: 60px;">
                        @if($list_item->thumbnail_url)
                            <img src="{{ $list_item->thumbnail_url }}" class="img-thumbnail"
                                    style="width:60px;height:60px;border-radius: 8px; object-fit: cover;" onerror="this.style.display='none';">
                        @else
                            <div class="d-flex align-items-center justify-content-center bg-light border rounded" 
                                 style="width:60px;height:60px;border-radius: 8px;">
                                <i class="mdi {{ $list_item->type_icon }} text-muted" style="font-size: 20px;"></i>
                            </div>
                        @endif
                    </div>
                    <div class="flex-grow-1">
                        <h6 class="mt-2 mb-0" style="font-size: 16px!important;">{{ $list_item->title }}</h6>
                        @if($list_item->description)
                            <small class="text-muted">{{ Str::limit($list_item->description, 50) }}</small>
                        @endif
                    </div>
                </div>
            </td>
            <td>
                <span class="badge bg-{{ $list_item->type === 'video' ? 'danger' : ($list_item->type === 'document' ? 'info' : 'secondary') }} p-1" 
                      style="font-size: 10px!important;min-width: 80px!important;border-radius: 50px!important;">
                    <i class="mdi {{ $list_item->type_icon }}"></i> 
                    {{ $list_item->type_label }}
                </span>
            </td>
            <td>
                <span class="badge bg-{{ $list_item->access_type === 'free' ? 'success' : ($list_item->access_type === 'paid' ? 'warning' : 'danger') }} p-1" 
                      style="font-size: 10px!important;min-width: 80px!important;border-radius: 50px!important;">
                    <i class="mdi mdi-{{ $list_item->access_type === 'free' ? 'lock-open' : ($list_item->access_type === 'paid' ? 'currency-usd' : 'lock') }}"></i> 
                    {{ $list_item->access_type_label }}
                </span>
            </td>
            <td>
                @if ($list_item->status === 'published')
                    <span class="badge bg-success p-1" style="font-size: 10px!important;min-width: 80px!important;border-radius: 50px!important;">
                        <i class="mdi mdi-check"></i> Published
                    </span>
                @else
                    <span class="badge bg-warning p-1" style="font-size: 10px!important;min-width: 80px!important;border-radius: 50px!important;">
                        <i class="mdi mdi-pencil"></i> Draft
                    </span>
                @endif    
            </td>
            <td>
                @if($list_item->courseUnit)
                    <span class="text-muted">{{ $list_item->courseUnit->title }}</span>
                @else
                    <span class="text-muted">No Unit</span>
                @endif
            </td>
            <td>
                <span class="text-muted"><small>Created by:</small></span>
                <br>{{ $list_item->creator->name }} <br> <br>
                <span class="text-muted"><small>{{ $list_item->created_at->format('d-m-Y, g:i A') }}</small></span>
            </td>
            <td class="text-center">
                <div class="dropdown">
                    <button class="btn btn-sm btn-outline-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown">
                        <i class="mdi mdi-dots-vertical"></i>
                    </button>
                    <ul class="dropdown-menu">
                        <li>
                            <a class="dropdown-item" href="{{ route('admin.course-materials.edit', [$course->id, $list_item->id]) }}">
                                <i class="mdi mdi-pencil me-2"></i>Edit Material
                            </a>
                        </li>
                        <li><hr class="dropdown-divider"></li>
                        
                        @if($list_item->type === 'video')
                            @if($list_item->hasVideo())
                                <li>
                                    <a class="dropdown-item" href="{{ route('admin.course-materials.videos.index', [$course->id, $list_item->id]) }}">
                                        <i class="mdi mdi-video me-2"></i>View Video
                                    </a>
                                </li>
                                <li>
                                    <a class="dropdown-item" href="{{ route('admin.course-materials.videos.edit', [$course->id, $list_item->id]) }}">
                                        <i class="mdi mdi-pencil me-2"></i>Edit Video
                                    </a>
                                </li>
                            @else
                                <li>
                                    <a class="dropdown-item" href="{{ route('admin.course-materials.videos.create', [$course->id, $list_item->id]) }}">
                                        <i class="mdi mdi-plus me-2"></i>Add Video
                                    </a>
                                </li>
                            @endif
                        @endif
                        
                        @if($list_item->type === 'text' || $list_item->type === 'document')
                            @if($list_item->hasNote())
                                <li>
                                    <a class="dropdown-item" href="{{ route('admin.course-materials.notes.index', [$course->id, $list_item->id]) }}">
                                        <i class="mdi mdi-note-text me-2"></i>View Note
                                    </a>
                                </li>
                                <li>
                                    <a class="dropdown-item" href="{{ route('admin.course-materials.notes.edit', [$course->id, $list_item->id]) }}">
                                        <i class="mdi mdi-pencil me-2"></i>Edit Note
                                    </a>
                                </li>
                            @else
                                <li>
                                    <a class="dropdown-item" href="{{ route('admin.course-materials.notes.create', [$course->id, $list_item->id]) }}">
                                        <i class="mdi mdi-plus me-2"></i>Add Note
                                    </a>
                                </li>
                            @endif
                        @endif
                        
                        <li><hr class="dropdown-divider"></li>
                        <li>
                            <a class="dropdown-item text-danger" href="#" onclick="deleteItem('{{ route('admin.course-materials.destroy', [$course->id, $list_item->id]) }}', '{{ $list_item->title }}')">
                                <i class="mdi mdi-delete me-2"></i>Delete Material
                            </a>
                        </li>
                    </ul>
                </div>
            </td>
        </tr>
    @endforeach
@endif