@forelse($listresults as $index => $expert)
    <tr class="@if ($expert->trashed()) table-row-deleted @endif">
        <td class="text-center">
            <span class="table-index">
                {{ $index + 1 }}
            </span>
        </td>

        <td>
            <div class="d-flex align-items-center gap-3">

                <img src="{{ $expert->user?->profile_image ?? asset('assets/images/no-img-avatar.png') }}"
                    alt="{{ $expert->user?->name }}" class="rounded-circle avatar avatar-sm me-3">
                <div>
                    <a href="{{ route('experts.show', $expert) }}" class="fw-semibold text-dark text-decoration-none">
                        {{ $expert->user->name }}
                    </a>
                    <div class="small text-muted">
                        @if ($expert->designation)
                            {{ $expert->designation }}
                            @if ($expert->company)
                                , {{ $expert->company }}
                            @endif
                        @else
                            {{ __('labels.expert') }}
                        @endif
                    </div>
                    @if ($expert->is_verified)
                        <span class="badge bg-success expert-badge mt-1">
                            <i class="fas fa-check-circle me-1"></i>{{ __('labels.verified') }}
                        </span>
                    @else
                        <span class="badge bg-danger expert-badge mt-1">
                            <i class="fas fa-question-circle me-1"></i>{{ __('labels.unverified') }}
                        </span>
                    @endif
                </div>
            </div>
        </td>
        <td>
            <div>
                <div><i class="fas fa-envelope text-muted me-1"></i> {{ $expert->user->email }}</div>
                @if ($expert->linkedin_url)
                    <a href="{{ $expert->linkedin_url }}" target="_blank" class="small text-decoration-none">
                        <i class="fab fa-linkedin text-primary me-1"></i> LinkedIn
                    </a>
                @endif
            </div>
        </td>
        <td>
            <div class="experts categories-list">
                @foreach ($expert->categories->take(4) as $category)
                    <div class="experts category-item">
                        <i class="fas fa-tag text-primary me-1"></i>
                        <span>{{ $category->name }}</span>
                    </div>
                @endforeach

                @if ($expert->categories->count() > 4)
                    <div class="experts category-item category-more" data-bs-toggle="tooltip" data-bs-placement="top"
                        title="{{ $expert->categories->pluck('name')->implode(', ') }}">
                        <i class="fas fa-ellipsis-h me-1"></i>
                        <span>+{{ $expert->categories->count() - 4 }} {{ __('labels.more') }}</span>
                    </div>
                @endif
            </div>
        </td>
        <td class="text-center">
            <div class="d-flex justify-content-center gap-3">
                <div>
                    <span class="fw-bold">{{ $expert->total_answers }}</span>
                    <small class="text-muted d-block">{{ __('labels.answers') }}</small>
                </div>
                <div>
                    <span class="fw-bold">{{ $expert->helpful_votes }}</span>
                    <small class="text-muted d-block">
                        <i class="fas fa-thumbs-up text-success"></i>
                    </small>
                </div>
                @if ($expert->total_answers > 0)
                    <div>
                        <span class="fw-bold">
                            {{ round(($expert->helpful_votes / $expert->total_answers) * 100) }}%
                        </span>
                        <small class="text-muted d-block">{{ __('labels.helpful') }}</small>
                    </div>
                @endif
            </div>
        </td>
        <td>
            @if ($expert->trashed())
                <span class="badge bg-danger">{{ __('labels.deleted') }}</span>
            @else
                @if($expert->is_active)
                    <span class="status-badge status-active text-white">{{ __('labels.active') }}</span>
                @else
                    <span class="status-badge status-inactive text-white">{{ __('labels.inactive') }}</span>
                @endif
            @endif
        </td>
        <td>
            <div class="d-flex gap-2">

                @if ($expert->trashed())
                    @can('restore', $expert)
                        <a href="javascript:void(0);" class="btn-action btn-restore" data-bs-toggle="tooltip"
                            title="{{ __('labels.restore') }}"
                            onclick="restoreRecord('{{ route('experts.restore', $expert->id) }}')">
                            <i class="fas fa-trash-restore"></i>
                        </a>
                    @endcan
                    @can('forceDelete', $expert)
                        <a href="javascript:void(0);" class="btn-action btn-delete" data-bs-toggle="tooltip"
                            title="{{ __('labels.hard_delete') }}"
                            onclick="hardDeleteRecord('{{ route('experts.force-delete', $expert->id) }}')">
                            <i class="fas fa-eraser"></i>
                        </a>
                    @endcan
                @else
                    @can('view', $expert)
                        <a href="{{ route('experts.show', $expert) }}" class="btn-action btn-view" data-bs-toggle="tooltip"
                            title="{{ __('labels.view') }}">
                            <i class="fas fa-eye"></i>
                        </a>
                    @endcan

                    @can('update', $expert)
                        <a href="{{ route('experts.edit', $expert) }}" class="btn-action btn-edit"
                            data-bs-toggle="tooltip" title="{{ __('labels.edit') }}">
                            <i class="fas fa-edit"></i>
                        </a>
                    @endcan

                    @can('updateVerify', $expert)
                        <button onclick="toggleVerificationStatus({{ $expert->id }}, {{ $expert->is_verified ? 'true' : 'false' }})"
                            class="btn btn-sm {{ $expert->is_verified ? 'btn-outline-warning' : 'btn-outline-success' }}"
                            data-bs-toggle="tooltip"
                            title="{{ $expert->is_verified ? __('labels.unverify') : __('labels.verify') }}">
                            <i class="fas {{ $expert->is_verified ? 'fa-times-circle' : 'fa-check-circle' }}"></i>
                            {{ $expert->is_verified ? __('labels.unverify') : __('labels.verify') }}
                        </button>
                    @endcan

                    @can('updateStatus', $expert)
                        <button onclick="toggleActiveStatus({{ $expert->id }}, {{ $expert->is_active ? 'true' : 'false' }})"
                            class="btn btn-sm {{ $expert->is_active ? 'btn-outline-warning' : 'btn-outline-success' }}"
                            data-bs-toggle="tooltip"
                            title="{{ $expert->is_active ? __('labels.deactivate') : __('labels.activate') }}">
                            <i class="fas {{ $expert->is_active ? 'fa-pause-circle' : 'fa-play-circle' }}"></i>
                            {{ $expert->is_active ? __('labels.deactivate') : __('labels.activate') }}
                        </button>
                    @endcan

                    @can('delete', $expert)
                        <a href="javascript:void(0);" onclick="deleteRecord('{{ route('experts.destroy', $expert) }}')"
                            class="btn-action btn-delete" data-bs-toggle="tooltip" title="{{ __('labels.delete') }}">
                            <i class="fas fa-trash"></i>
                        </a>
                    @endcan

                    {{-- @if (Auth::user()->id != $expert->user_id)
                    <a href="{{ route('expert-questions.create', ['expert_id' => $expert->id]) }}"
                        class="btn btn-sm btn-primary">
                        <i class="fas fa-question me-1"></i>{{ __('labels.ask') }}
                    </a>
                    @endif --}}
                @endif
            </div>
        </td>
    </tr>
@empty
    <tr>
        <td colspan="{{ Auth::user()->can('manage-experts') ? 6 : 5 }}" class="text-center py-5">
            <div class="text-muted">
                <i class="fas fa-user-tie fa-3x mb-3"></i>
                <p>{{ __('messages.no_experts_found') }}</p>
            </div>
            @can('create', \App\Models\Expert::class)
                <a href="{{ route('experts.create') }}" class="btn btn-primary mt-2">
                    <i class="fas fa-plus me-1"></i>{{ __('labels.add_expert') }}
                </a>
            @endcan
        </td>
    </tr>
@endforelse