@if ($list_items)
    @foreach ($list_items as $list_item)
    @if(!$list_item->parent)
        <tr style="background-color:rgb(230, 234, 241);border-left: 14px solid #007bff!important;">
    @else
        <tr>
    @endif
            <td><input type="checkbox" class="form-check-input row-checkbox" value="{{ $list_item->id }}"></td>
            <td>{{ $loop->iteration }}</td>
            <td>
                <div class="d-flex align-items-start gap-3">
                    <div class="flex-shrink-0" style="width: 70px; height: 70px;">
                        @if($list_item->thumbnail_url)
                            <img src="{{ $list_item->thumbnail_url['thumb'] }}" class="img-thumbnail"
                                    style="width:70px;height:70px;border-radius: 150px!important; 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:70px;height:70px;border-radius: 150px!important;">
                                <i class="mdi mdi-image-off text-muted" style="font-size: 24px;"></i>
                            </div>
                        @endif
                    </div>
                    <div class="flex-grow-1">
                        @if($list_item->parent)
                        <span class="text-muted" style="font-size: 11px!important;padding-bottom: 5px!important;">
                            {{ $list_item->parent->breadcrumb}} >
                        </span>
                        @endif
                        <h6 class="mb-2 mt-1" style="font-size: 15px!important;">{{ $list_item->indented_title ?? $list_item->title }}</h6>
                        <code>{{ $list_item->slug }}</code>
                        @if($list_item->description)
                            <small class="text-muted">{{ Str::limit($list_item->description, 50) }}</small>
                        @endif
                    </div>
                </div>
            </td>
            <td>
                @if($list_item->parent)
                    <a href="{{ url('admin/programs?parent_id='.$list_item->parent->id) }}" class="btn btn-outline-info p-1" style="min-width: 130px!important; font-size: 12px!important;">
                        <i class="mdi mdi-tag"></i> {{ $list_item->parent->title }}
                    </a>
                @else
                    <span class="text-muted">Root Program</span>
                @endif
            </td>
            <td>
                @if ($list_item->status === 'active')
                    <span class="badge bg-success p-2" style="font-size: 11px!important;min-width: 100px!important;border-radius: 50px!important;">
                        <i class="mdi mdi-check"></i> Active
                    </span>
                @else
                    <span class="badge bg-danger p-2" style="font-size: 11px!important;min-width: 100px!important;border-radius: 50px!important;">
                        <i class="mdi mdi-close"></i> Inactive
                    </span>
                @endif
            </td>
            <td>
                <span class="text-muted"><small>Created by:</small></span>
                <br>{{ $list_item->creator->name }} <br>
                <span class="text-muted mt-1"><small>{{ $list_item->created_at->format('d-m-Y, g:i A') }}</small></span>
            </td>
            <td>
                @include('admin.crud.action-dropdown', [
                    'cloneUrl'    => url('admin/programs/'.$list_item->id.'/clone'),
                    'cloneTitle'  => 'Clone Program',
                    'editUrl'     => url('admin/programs/'.$list_item->id.'/edit'),
                    'editTitle'   => 'Update Program',
                    'deleteUrl'   => route('admin.programs.destroy', $list_item->id),
                    'redirectUrl' => route('admin.programs.index')
                ])
            </td>
        </tr>
    @endforeach
@endif