@php
    $editRoute = 'course.edit';
    $deleteRoute = 'course.destroy';
    $restoreRoute = 'course.restore';

    $isAdmin = isAdmin();
    $title = translate('Do you want to move to Trash');
    $text = translate('If you move to Trash, the course and all related data will be trashed.');

@endphp

@if ($courses->count() > 0)

    <div class="overflow-x-auto scrollbar-table">
        <table
            class="table-auto w-full whitespace-nowrap text-left text-gray-500 dark:text-dark-text font-medium leading-none">
            <thead class="text-primary-500">
                <tr>
                    <th
                        class="px-3.5 py-4 bg-[#F2F4F9] dark:bg-dark-card-two first:rounded-l-lg last:rounded-r-lg first:dk-theme-card-square-left last:dk-theme-card-square-right">
                        {{ translate('Course title') }}
                    </th>
                    <th
                        class="px-3.5 py-4 bg-[#F2F4F9] dark:bg-dark-card-two first:rounded-l-lg last:rounded-r-lg first:dk-theme-card-square-left last:dk-theme-card-square-right">
                        {{ translate('Price') }}
                    </th>
                    <th
                        class="px-3.5 py-4 bg-[#F2F4F9] dark:bg-dark-card-two first:rounded-l-lg last:rounded-r-lg first:dk-theme-card-square-left last:dk-theme-card-square-right">
                        {{ translate('Sales') }}
                    </th>
                    <th
                        class="px-3.5 py-4 bg-[#F2F4F9] dark:bg-dark-card-two first:rounded-l-lg last:rounded-r-lg first:dk-theme-card-square-left last:dk-theme-card-square-right">
                        {{ translate('Enrollment') }}
                    </th>
                    <th
                        class="px-3.5 py-4 bg-[#F2F4F9] dark:bg-dark-card-two first:rounded-l-lg last:rounded-r-lg first:dk-theme-card-square-left last:dk-theme-card-square-right">
                        {{ translate('Course Level') }}
                    </th>
                    <th
                        class="px-3.5 py-4 bg-[#F2F4F9] dark:bg-dark-card-two first:rounded-l-lg last:rounded-r-lg first:dk-theme-card-square-left last:dk-theme-card-square-right">
                        {{ translate('Status') }}
                    </th>
                    @if (isAdmin())
                        <th
                            class="px-3.5 py-4 bg-[#F2F4F9] dark:bg-dark-card-two first:rounded-l-lg last:rounded-r-lg first:dk-theme-card-square-left last:dk-theme-card-square-right">
                            {{ translate('Course Status') }}
                        </th>
                    @endif
                    <th
                        class="px-3.5 py-4 bg-[#F2F4F9] dark:bg-dark-card-two first:rounded-l-lg last:rounded-r-lg first:dk-theme-card-square-left last:dk-theme-card-square-right w-10">
                        {{ translate('Action') }}
                    </th>
                </tr>
            </thead>
            <tbody class="divide-y divide-gray-200 dark:divide-dark-border-three">
                @foreach ($courses as $course)
                    @php
                        $translations = parse_translation($course);
                        $title = $translations['title'] ?? ($course->title ?? '');
                        $instructors = $course->instructors ?? [];
                        $thumbnail =
                            fileExists($folder = 'lms/courses/thumbnails', $fileName = $course->thumbnail) == true
                                ? asset("storage/lms/courses/thumbnails/{$course->thumbnail}")
                                : asset('lms/assets/images/placeholder/thumbnail612.jpg');

                        if ($course->trashed()) {
                            $title = translate('Are you sure you want to delete this permanently');
                            $text = translate(
                                'If You delete it,course and course related all data will be deleted permanently.',
                            );
                        }
                    @endphp
                    <tr>
                        <td class="px-3.5 py-4">
                            <div class="flex items-center gap-2">
                                <a href="#" class="size-[70px] rounded-50 overflow-hidden dk-theme-card-square">
                                    <img src="{{ $thumbnail }}" alt="thumb" class="size-full object-cover">
                                </a>
                                <div>
                                    <p class="text-xs text-gray-500 dark:text-dark-text mb-1.5">
                                        {{ customDateFormate($course->created_at, $format = 'd M Y') }}</p>
                                    <h6 class="text-lg leading-none text-heading dark:text-white font-bold mb-1.5 line-clamp-1"
                                        title="{{ $title }}">
                                        <a href="#">{{ substr($title, 0, 30) . '...' }}</a>
                                    </h6>
                                    @if (count($instructors) > 0)
                                        <div class="flex items-center gap-2">
                                            <p class="font-normal text-xs text-gray-900">{{ translate('Instructors') }}
                                                -
                                                @foreach ($instructors as $instructor)
                                                    @php
                                                        $userInfo = $instructor->userable ?? null;
                                                        $userTranslations = parse_translation($userInfo);
                                                    @endphp
                                                    {{ $userTranslations['first_name'] ?? $userInfo?->first_name }}
                                                    {{ $userTranslations['last_name'] ?? $userInfo?->last_name }}
                                                @endforeach
                                            </p>
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </td>
                        <td class="px-3.5 py-4">
                            @if (isset($course?->courseSetting?->is_free) && !empty($course?->courseSetting))
                                @if ($course?->courseSetting?->is_free)
                                    {{ translate('Free') }}
                                @else
                                    ${{ $course?->coursePrice?->price }}
                                @endif
                            @else
                                {{ translate('Free') }}
                            @endif
                        </td>
                        <td class="px-3.5 py-4">
                            <p> <b>{{ translate('Sales') }}</b>:
                                {{ $course?->courseSetting?->sale_count_number ?? 0 }}</p>
                        </td>
                        <td class="px-3.5 py-4">
                            {{ $course?->enrollments?->count() }}
                        </td>
                        <td class="px-3.5 py-4">
                            @if ($course?->levels?->count() > 0)
                                @foreach ($course?->levels as $level)
                                    @php
                                        $levelTranslations = parse_translation($level);
                                    @endphp
                                    {{ $levelTranslations['name'] ?? $level->name }}
                                    @if (!$loop->last)
                                        ,
                                    @endif
                                @endforeach
                            @endif
                        </td>
                        <td class="px-3.5 py-4">
                            @if ($course->status == Modules\LMS\Enums\CourseStatus::PENDING)
                                <div class="badge b-solid badge-primary-solid"> {{ translate('Pending') }}</div>
                            @elseif ($course->status == Modules\LMS\Enums\CourseStatus::APPROVED)
                                <div class="badge b-solid badge-secondary-solid"> {{ translate('Approved') }}</div>
                            @else
                                <div class="badge b-solid badge-danger-solid"> {{ translate('Rejected') }}</div>
                            @endif
                        </td>
                        @if ($isAdmin)
                            <td class="px-3.5 py-4">
                                <select name="status" class="select-status-change form-input form-select"
                                    data-action="{{ route('course.status', $course->id) }}">
                                    <option value="Pending"
                                        {{ $course->status == Modules\LMS\Enums\CourseStatus::PENDING ? 'selected' : '' }}>
                                        {{ translate('Pending') }}</option>
                                    <option value="Rejected"
                                        {{ $course->status == Modules\LMS\Enums\CourseStatus::REJECTED ? 'selected' : '' }}>
                                        {{ translate('Rejected') }}</option>
                                    <option value="Approved"
                                        {{ $course->status == Modules\LMS\Enums\CourseStatus::APPROVED ? 'selected' : '' }}>
                                        {{ translate('Approved') }}</option>
                                </select>
                            </td>
                        @endif
                        <td class="px-3.5 py-4">
                            <div class="flex items-center gap-1">
                                <a href="{{ route('course.translate', ['id' => $course->id, 'locale' => app()->getLocale()]) }}"
                                    class="btn-icon btn-primary-icon-light size-8">
                                    <i class="ri-translate text-inherit text-base"></i>
                                </a>
                                @if ($course->trashed())
                                    <button data-action="{{ route($restoreRoute, $course->id) }}"
                                        class="btn-icon btn-primary-icon-light size-8 trash-restore-btn-cs"
                                        title="{{ translate('Restore') }}"
                                        data-title="{{ translate('Do you want to restore it') }}">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                            viewBox="0 0 512 512">
                                            <path fill="currentColor" fill-rule="evenodd"
                                                d="M160 168.296c64.802 0 117.334 29.715 117.334 66.37q0 1.34-.093 2.665l.028-.294h.065v165.926c0 36.655-52.532 66.37-117.334 66.37c-63.361 0-114.992-28.409-117.256-63.937l-.077-2.433V237.037h.073a38 38 0 0 1-.073-2.37c0-36.656 52.532-66.37 117.333-66.37m0 218.074c-28.365 0-54.38-5.693-74.667-15.17v22.316l.018 1.197c.684 12.202 32.466 31.954 74.657 31.954c23.075 0 44.362-5.79 59.26-15.367c10.256-6.594 14.782-12.874 15.34-16.01l.059-.623V371.2c-20.286 9.478-46.3 15.171-74.667 15.171m0-85.333c-28.361 0-54.373-5.692-74.658-15.167l-.002 35.906l1.446-.009c1.73 1.73 5.179 4.59 11.254 8.027c15.143 8.566 37.48 13.91 61.96 13.91s46.818-5.344 61.96-13.91c7.501-4.243 11-7.609 12.2-9.05l.507-.004l.003-34.875c-20.287 9.478-46.303 15.172-74.67 15.172m0-90.074c-41.237 0-74.666 10.984-74.666 24.533S118.764 260.03 160 260.03c41.238 0 74.667-10.984 74.667-24.534s-33.43-24.533-74.667-24.533m248.775 144.288l-29.779-30.563C401.874 301.564 416 269.765 416 234.667c0-42.82-21.025-80.729-53.316-103.966l-.017 82.632H320V64h149.334v42.667l-68.447-.002c35.432 31.273 57.78 77.027 57.78 128.002c0 47.08-19.063 89.707-49.892 120.584" />
                                        </svg>
                                    </button>
                                    @if ($isAdmin)
                                        <button class="btn-icon btn-danger-icon-light size-8 delete-btn-cs"
                                            data-action="{{ route($deleteRoute, $course->id) }}"
                                            data-title="{{ $title }}" data-text="Be care!" data-type="admin">
                                            <i class="ri-delete-bin-line text-inherit text-base"></i>
                                        </button>
                                    @endif
                                @else
                                    <a href="{{ route($editRoute, $course->id) }}"
                                        class="btn-icon btn-primary-icon-light size-8">
                                        <i class="ri-edit-2-line text-inherit text-base"></i>
                                    </a>
                                    <button class="btn-icon btn-danger-icon-light size-8 delete-btn-cs"
                                        data-action="{{ route($deleteRoute, $course->id) }}"
                                        data-title="{{ $title }}" data-text="{{ $text }}">
                                        <i class="ri-delete-bin-line text-inherit text-base"></i>
                                    </button>
                                @endif
                            </div>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
        <!-- Start Pagination -->
        {{ $courses->links('portal::admin.pagination.paginate') }}
    </div>
@else
    <div class="card flex-center">
        <h2 class="card-title">{{ translate('You have no Course') }}.</h2>
    </div>
@endif
