@extends('layouts.app')

@push('pageTitle')
    {{ __('labels.expert_categories') }}
@endpush
@push('css')
@endpush
@push('js')
@endpush
@section('content')
    <div class="row">
        <div class="col-xl-12">
            <div class="row">
                @include('components.datatable.custom-search', [
                    'tableId' => 'datatable-main',
                    'actionButton' => Auth::user()->can('create',\App\Models\ExpertCategory::class) ? [
                    'icon' => '<i class="fas fa-plus me-2"></i>',
                    'text' => __('labels.create_category'),
                    'url' => route('expert-categories.create'),
                    ] : null,
                ])
                @include('components.common.flush-message')
                <div class="col-xl-12 wow fadeInUp" data-wow-delay="1.5s">
                    <div class="table-responsive full-data">
                        <table class="table-responsive-lg table display dataTablesCard student-tab dataTable no-footer" id="datatable-main">
                            <thead>
                                <tr>
                                    <th class="text-center" style="width: 60px;">#</th>
                                    <th width="60px">{{ __('labels.icon') }}</th>
                                    <th>{{ __('labels.name') }}</th>
                                    <th>{{ __('labels.description') }}</th>
                                    <th>{{ __('labels.experts') }}</th>
                                    <th>{{ __('labels.questions') }}</th>
                                    <th>{{ __('labels.status') }}</th>
                                    <th>{{ __('labels.order') }}</th>
                                    <th width="120px">{{ __('labels.actions') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($listresults as $index => $item)
                                <tr class="@if($item->trashed()) table-row-deleted @endif" data-id="{{ $item->id }}">
                                    <td class="text-center">
                                        <span class="table-index">
                                            {{ $index + 1 }}
                                        </span>
                                    </td>
                                        <td>
                                            <div class="item-name-cell">
                                                <div class="item-avatar">
                                                    <div class="item-avatar-default" style="background: {{ $item->color ?? '#3b82f6' }};">
                                                        <i class="fas {{ $item->icon ?? 'fa-folder' }} text-white"></i>
                                                    </div>
                                                </div>
                                            </div>
                                        </td>
                                    <td>
                                        <a href="{{ route('expert-categories.show', $item->slug) }}" class="fw-semibold text-dark">
                                            {{ $item->name }}
                                        </a>
                                    </td>
                                    <td>
                                        <span class="text-muted small">
                                            {{ Str::limit($item->description, 50) }}
                                        </span>
                                    </td>
                                    <td>
                                        <span class="badge bg-info">
                                            {{ $item->verified_experts_count }}
                                        </span>
                                    </td>
                                    <td>
                                        <span class="badge bg-secondary">
                                            {{ $item->questions_count }}
                                        </span>
                                    </td>
                                    <td>
                                        @if($item->trashed())
                                        <span class="badge bg-danger">{{ __('labels.deleted') }}</span>
                                        @else
                                            @if($item->is_active)
                                                <span class="status-badge status-active text-white"><i class="fas fa-check-circle me-1"></i> {{ __('labels.active') }}</span>
                                            @else
                                                <span class="status-badge status-inactive text-white"><i class="fas fa-times-circle me-1"></i> {{ __('labels.inactive') }}</span>
                                            @endif
                                        @endif
                                    </td>
                                    <td>
                                        {{-- <input type="number" class="form-control form-control-sm w-75 order-input"
                                            value="{{ $item->sort_order }}" min="0" step="1" data-category-id="{{ $item->id }}" {{
                                                Auth::user()->can('manage-experts') ? '' : 'disabled' }}> --}}
                                        @if($item->sort_order)
                                            <span class="badge bg-primary">
                                                {{ $item->sort_order }}
                                            </span>
                                        @endif
                                    </td>
                                    <td>
                                        <div class="d-flex justify-content-end">
                                        <div class="action-group">
                                            @if($item->trashed())
                                                @can('restore', $item)
                                                <a href="javascript:void(0);" class="btn-action btn-restore" data-bs-toggle="tooltip" title="{{ __('labels.restore') }}"
                                                    onclick="restoreRecord('{{ route('expert-categories.restore', $item->id) }}')">
                                                    <i class="fas fa-undo"></i>
                                                </a>
                                                @endcan
                                                @can('forceDelete', $item)
                                                <a href="javascript:void(0);" class="btn-action btn-delete" data-bs-toggle="tooltip"
                                                    title="{{ __('labels.hard_delete') }}"
                                                    onclick="hardDeleteRecord('{{ route('expert-categories.force-delete', $item->id) }}')">
                                                    <i class="fas fa-trash-alt"></i>
                                                </a>
                                                @endcan
                                            @else
                                                @can('view', $item)
                                                    <a href="{{ route('expert-categories.show', $item) }}" class="btn-action btn-view" data-bs-toggle="tooltip"
                                                        title="{{ __('labels.details') }}">
                                                        <i class="fas fa-eye"></i>
                                                    </a>
                                                @endcan
                                                @can('update', $item)
                                                <a href="{{ route('expert-categories.edit', $item) }}" class="btn-action btn-edit" data-bs-toggle="tooltip"
                                                    title="{{ __('labels.edit') }}">
                                                    <i class="fas fa-pencil-alt"></i>
                                                </a>
                                                @endcan
                                                @can('delete', $item)
                                                <a href="javascript:void(0);" onclick="deleteRecord('{{ route('expert-categories.destroy', $item) }}')"
                                                    class="btn-action btn-delete" data-bs-toggle="tooltip" title="{{ __('labels.delete') }}">
                                                    <i class="fas fa-trash"></i>
                                                </a>
                                                @endcan
                                            @endif
                                        </div>
                                    </td>
                                </tr>
                                @empty
                                <tr>
                                    <td colspan="{{ Auth::user()->can('manage-experts') ? 9 : 7 }}" class="text-center py-5">
                                        <div class="text-muted">
                                            <i class="fas fa-folder-open fa-3x mb-3"></i>
                                            <p>{{ __('messages.no_categories_found') }}</p>
                                        </div>
                                        @if(Auth::user()->can('manage-experts'))
                                        <a href="{{ route('expert-categories.create') }}" class="btn btn-primary mt-2">
                                            <i class="fas fa-plus me-1"></i>{{ __('labels.add_new_category') }}
                                        </a>
                                        @endif
                                    </td>
                                </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection