@php
    $isTrainingCourse = ($course->course_type ?? null) === \App\Enums\CourseTypeEnum::Training->value;
    $coursePublicUrl = route('course', $course);
    $courseLearningUrl = route('course-details.show', $course->id);
    $courseHref = $isTrainingCourse && !$course->is_auth_user_subscribe ? $coursePublicUrl : $courseLearningUrl;
@endphp
<div class="{{ isset($col) ? $col :  'col-xl-4 col-lg-6'  }}" id="container-box-course-{{ $course->id }}">
    <div class="course-card card">
        <div class="card-img position-relative">
            <img src="{{ asset($course->image) }}" class="img-fluid">
            {{-- <span class="card-label">تفاعلي</span> --}}
            <a href="{{ $courseHref }}" class="overlay">
                <span title="{{ $course->title }}" class="course-name position-absolute top-50 start-50 translate-middle">

                    {{ \Illuminate\Support\Str::limit($course->title, 15, '...') }}</span>

            </a>
            <div class="like-check">
                <form action="{{ route('add_or_remove_favorite.course', $course->id) }}">
                    @csrf
                    <input type="checkbox" class="btn-check " id="like-course{{ $course->id }}" autocomplete="off" @checked($course->is_favorite(auth()->id()))>
                    @auth
                    <label class="btn like-btn" data-id="{{ $course->id }}" for="like-course{{ $course->id }}">
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M12.765 4.70229L12 5.52422L11.235 4.70229C9.12233 2.43257 5.69709 2.43257 3.58447 4.70229C1.47184 6.972 1.47184 10.6519 3.58447 12.9217L10.4699 20.3191C11.315 21.227 12.685 21.227 13.5301 20.3191L20.4155 12.9217C22.5282 10.6519 22.5282 6.972 20.4155 4.70229C18.3029 2.43257 14.8777 2.43257 12.765 4.70229Z" stroke="#530F0F" stroke-width="1.5" stroke-linejoin="round"/>
                        </svg>
                        <i class="icon-heart"></i>
                    </label>
                    @endauth
                </form>
            </div>
        </div>
        <div class="card-body">
            <a href="{{ $courseHref }}">
                <h5 title="{{ $course->short_description  }}" class="card-title mb-3">
                    {{ \Illuminate\Support\Str::limit($course->short_description, 100 , '...') }}


                </h5>
            </a>
            <div class="course-info d-flex justify-content-between align-items-center">
                <div class="d-flex align-items-center gap-1">
                    <a href="{{$course->user->type->value == 'teacher' ?   route('teacher', $course->user->id) : '#'}}">
                    <img src="{{ $course->user->image_path }}" width="40" height="40" alt="">
                    <span>{{ optional($course->user)->name }}</span>
                    </a>
                </div>
                <div>
                    <i class="icon-hourglass-end"><span class="path1"></span><span class="path2"></span></i>
                    <span class="duration">{{ __('website_301.course.CourseTime') }} {{ $course->hours }} {{ __("website_301.course.Hours") }}</span>
                </div>
            </div>
        </div>
        @if ($course->is_auth_user_subscribe)
            <div class="card-footer d-flex">
                <a href="{{ $courseLearningUrl }}" class="main-btn">
                    {{ __("messages_301.Show") }}
                    <i class="icon-subscribe"></i>
                </a>
            </div>
        @else
        <div class="card-footer d-flex">
            <form class="add-to-cart" method="POST" action="{{ route('cart.add_course', $course->id) }}">
                @csrf
                <button class="test" type="submit">
                    {{ $course->is_auth_user_cart ?   __("website_301.course.RemoveCart")  : __("website_301.course.AddCart") }}
                    <i class="icon-cart1">
                        <span class="path1"></span><span class="path2"></span><span class="path3"></span>
                        <span class="path4"></span><span class="path5"></span>
                    </i>
                </button>
            </form>
            @if ($course->price == '0')
                <form action="{{ route('course.subscribe', $course->id) }}" method="POST" class="flex-grow-1">
                    @csrf
                    <button type="submit" class="price main-btn btn w-100 text-center">{{ __("website_301.course.Free") }}</button>
                </form>
            @else
                <a type="submit"
                   href="{{ $course->is_cart_item ? route('cart.index') : route('course.payment.create', $course->id) }}"
                   class="price btn">JOD {{ $course->total }}</a>
            @endif
        </div>
        @endif
    </div>
</div>