@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: 100px; height: 100px;">
                        @if($list_item->thumbnail_url)
                            <img src="{{ $list_item->thumbnail_url['thumb'] }}" class="img-thumbnail"
                                    style="width:100px;height:100px;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:100px;height:100px;border-radius: 8px;">
                                <i class="mdi mdi-image-off text-muted" style="font-size: 24px;"></i>
                            </div>
                        @endif
                    </div>
                    <div class="flex-grow-1">
                        {{-- Category Breadcrumb --}}
                        @if(has_feature('categories') && $list_item->category)
                            <code class="text-info" style="font-size: 11px!important;">
                                {{ $list_item->category->breadcrumb }} >
                            </code>
                        @endif
                        <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
                        <br>
                        <small class="text-muted"><code>{{ $list_item->slug }}</code></small>
                    </div>
                    <div class="d-flex align-items-center">
                        @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>
                        @elseif ($list_item->status === 'draft')
                            <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>
                        @else
                            <span class="badge bg-danger p-1" style="font-size: 10px!important;min-width: 80px!important;border-radius: 50px!important;">
                                <i class="mdi mdi-archive"></i> Archived
                            </span>
                        @endif    
                    </div>

                </div>
                <div class="p-2">
                </div>
                <div class="d-flex gap-2">
                    <a href="{{ route('admin.courses.overview', $list_item->id) }}" 
                       class="btn btn-outline-primary p-2 d-flex align-items-center justify-content-between" 
                       style="font-size: 13px; border-radius: 10px; text-decoration: none; min-width: 180px;">
                        <div class="d-flex align-items-center gap-2">
                            <i class="mdi mdi-eye"></i>
                            <span>Course Overview</span>
                        </div>
                        <i class="mdi mdi-arrow-right"></i>
                    </a>
                    <a href="{{ route('admin.course-content.index', $list_item->id) }}" 
                        class="btn btn-outline-success p-2 d-flex align-items-center justify-content-between" 
                        style="font-size: 13px; border-radius: 10px; text-decoration: none; min-width: 200px;">
                         <div class="d-flex align-items-center gap-2">
                             <i class="mdi mdi-book-open-variant"></i>
                             <span>Manage Course Content</span>
                         </div>
                         <i class="mdi mdi-arrow-right"></i>
                     </a>
                </div>
            </td>
            @if(has_feature('programs'))
            <td>
                @if($list_item->program)
                    <a href="{{ url('admin/courses?program_id='.$list_item->program->id) }}" class="btn btn-outline-success p-1" style="min-width: 130px!important; font-size: 11px!important;">
                        <i class="mdi mdi-tag"></i> {{ $list_item->program->title }}
                    </a>
                @else
                    <span class="text-muted">No Program</span>
                @endif
            </td>
            @endif
            <td>
                <span class="text-muted"><small>Created by:</small></span>
                <br>{{ $list_item->creator ? $list_item->creator->name : 'Unknown' }} <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">
                @include('admin.crud.action-dropdown', [
                    'cloneUrl'    => url('admin/courses/'.$list_item->id.'/clone'),
                    'cloneTitle'  => 'Clone Course',
                    'editUrl'     => url('admin/courses/'.$list_item->id.'/edit'),
                    'editTitle'   => 'Update Course',
                    'deleteUrl'   => route('admin.courses.destroy', $list_item->id),
                    'redirectUrl' => route('admin.courses.index')
                ])
            </td>
        </tr>
    @endforeach
@endif