@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>
                <span class="text-muted">Student ID:</span><br>
                <span class="fw-semibold text-primary">#{{ $list_item->id }}</span>
            </td>
            <td class="p-4">
                <div class="d-flex align-items-start gap-3">
                    <div class="flex-shrink-0" style="width: 50px; height: 50px;">
                        @if($list_item->profile_picture)
                            <img src="{{ $list_item->profile_picture_url }}" class="img-thumbnail rounded-circle"
                                    style="width:50px;height:50px; object-fit: cover;" onerror="this.style.display='none';">
                        @else
                            <div class="d-flex align-items-center justify-content-center bg-light border rounded-circle" 
                                 style="width:50px;height:50px;">
                                <i class="mdi mdi-account text-muted" style="font-size: 20px;"></i>
                            </div>
                        @endif
                    </div>
                    <div class="flex-grow-1">
                        <h6 class="mb-1" style="font-size: 13px!important;">
                            {{ $list_item->name }}
                        </h6>
                        <small class="text-muted mb-2 d-block">{{ $list_item->email }}</small>
                        
                        <!-- Contact Information -->
                        <div class="d-flex flex-column gap-1">
                            @if($list_item->phone)
                                <div>
                                    @if($list_item->phone_verified_at)
                                    <span class="text-success ms-1"><i class="mdi mdi-check-circle" style="font-size: 12px;"></i></span>
                                    @else
                                    <span class="text-warning ms-1"><i class="mdi mdi-alert-circle" style="font-size: 12px;"></i></span>
                                    @endif
                                    <span class="ms-1" style="font-size: 13px;">{{ $list_item->country_code }} {{ $list_item->phone }}</span>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </td>
            <td class="p-3">
                @if($list_item->enrolledCourses && $list_item->enrolledCourses->count() > 0)
                    <div class="enrolled-courses-container">
                        <!-- Course List -->
                        <div class="courses-list mb-2" style="max-height: 100px; overflow-y: auto;">
                            @foreach($list_item->enrolledCourses->take(4) as $course)
                                <div class="course-item d-flex align-items-center mb-1 p-1 rounded" 
                                     style="background-color: #f8f9fa; border-left: 3px solid rgb(112, 170, 163);">
                                    <span class="text-truncate fw-medium" 
                                          style="max-width: 180px; font-size: 12px!important;" 
                                          title="{{ $course->title }}">
                                        {{ $course->title }}
                                    </span>
                                </div>
                            @endforeach
                        </div>
                        
                        <!-- More Courses Indicator -->
                        @if($list_item->enrolledCourses->count() > 4)
                            <div class="text-center mb-2">
                                <small class="text-muted fw-medium">
                                    <i class="mdi mdi-dots-horizontal"></i>
                                    +{{ $list_item->enrolledCourses->count() - 4 }} more course{{ $list_item->enrolledCourses->count() - 4 > 1 ? 's' : '' }}
                                </small>
                            </div>
                        @endif
                        
                        <!-- View Enrollments Button -->
                        <div class="text-center">
                            <a href="{{ url('admin/enrollments?search=' . urlencode($list_item->phone)) }}" 
                               class="btn btn-outline-primary d-inline-flex align-items-center gap-1" 
                               style="font-size: 10px; padding: 2px 10px;"
                               title="View all enrollments for {{ $list_item->name }}">
                                <i class="mdi mdi-account-search" style="font-size: 14px;"></i>
                                View Enrollments
                            </a>
                        </div>
                    </div>
                @else
                    <div class="text-center py-2">
                        <small class="text-danger d-block mt-1 mb-2" style="font-size: 10px!important;">No courses enrolled</small>
                        <button onclick="showAjaxModal('{{ url('admin/enrollments/create?student_id='.$list_item->id) }}', 'Enroll Now')" class="btn btn-outline-success d-inline-flex align-items-center gap-1" style="font-size: 10px; padding: 2px 10px;" title="Enroll now">
                            <i class="mdi mdi-plus" style="font-size: 14px;"></i>
                            Enroll Now
                        </button>
                    </div>
                @endif
            </td>
            <td>
                @if($list_item->status === 'active')
                    <span class="badge border border-success text-success p-2" style="font-size: 11px!important;min-width: 80px!important;border-radius: 50px!important;background-color: transparent;">
                        <i class="mdi mdi-check"></i> Active
                    </span>
                @elseif($list_item->status === 'pending')
                    <span class="badge border border-warning text-warning p-2" style="font-size: 11px!important;min-width: 80px!important;border-radius: 50px!important;background-color: transparent;">
                        <i class="mdi mdi-clock"></i> Pending
                    </span>
                @else
                    <span class="badge border border-danger text-danger p-2" style="font-size: 11px!important;min-width: 80px!important;border-radius: 50px!important;background-color: transparent;">
                        <i class="mdi mdi-block-helper"></i> Blocked
                    </span>
                @endif
            </td>
            <td>
                <span class="text-muted"><small>Created by:</small></span>
                <br>{{ $list_item->createdBy ? $list_item->createdBy->name : 'System' }} <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/students/'.$list_item->id.'/clone'),
                    'cloneTitle'  => 'Clone Student',
                    'editUrl'     => url('admin/students/'.$list_item->id.'/edit'),
                    'editTitle'   => 'Update Student',
                    'deleteUrl'   => route('admin.students.destroy', $list_item->id),
                    'redirectUrl' => route('admin.students.index')
                ])
            </td>
        </tr>
    @endforeach
@endif