@if(count($courses))
    @foreach($courses as $course)
        <div class="col-lg-3">
            <div class="prod_item">
                <div class="img">
                    <img src="{{asset($course->image)}}" alt="">
                    <span class="sec">{{$course->category_name}}</span>
                </div>
                <div class="info">
                    <div class="author">
                        <div class="s_img">
                            <img src="{{asset($course->instructor_image)}}" alt="">
                        </div>
                        <div class="inf">
                            {{$course->instructor_name}}
                        </div>
                    </div>
                    <h3><a href="{{route('course.show', $course->id)}}">{{$course->name}}</a></h3>
                    <div class="prc">
                        <div class="str">
                            <small>
                                ( {{$course->evaluate_count}} تقييم )
                            </small>
                            <div class="stars">
                                <i class="{{abs(round($course->evaluate_average)) >=1 ? 'fas' : 'far'}} fa-star"></i>
                                <i class="{{abs(round($course->evaluate_average)) >=2 ? 'fas' : 'far'}} fa-star"></i>
                                <i class="{{abs(round($course->evaluate_average)) >=3 ? 'fas' : 'far'}} fa-star"></i>
                                <i class="{{abs(round($course->evaluate_average)) >=4 ? 'fas' : 'far'}} fa-star"></i>
                                <i class="{{abs(round($course->evaluate_average)) >=5 ? 'fas' : 'far'}} fa-star"></i>
                            </div>
                        </div>
                        @if(in_array($course->course_type, ['payed', 'record_payed']))
                            <h3> {{$course->price}} <small> SAR </small></h3>
                        @endif
                    </div>
                    @if(in_array($course->course_type, ['payed', 'record_payed']))
                        <a class="butn subb mb-3 w-100" href="{{ route('course.checkout', $course->id) }}">إلتحق الان </a>
                    @else
                    <!--<button class="butn subb mb-3 w-100"><span><a href="{{ route('joinCourse', $course->id) }}">إلتحق الان </a></span></button>-->
                        <a class="butn subb mb-3 w-100" href="{{ route('joinCourse', $course->id) }}">إلتحق الان </a>
                    @endif
                    @if(in_array($course->course_type, ['payed']))
                        <ul class="prod_fot">
                            <li><i class="far fa-calendar"></i> يبدأ من <span>  {{date('d F', strtotime($course->start_date))}} </span> وينتهى <span>{{date('d F', strtotime($course->end_date))}}</span></li>
                            <li><i class="far fa-calendar"></i> أيام الأسبوع
                                <br>

                                <span>
                                 @php

                                     /** @var TYPE_NAME $course */
                                     $allDays = explode(', ', $course->days);
                                 @endphp

                                    @foreach($allDays as $day)
                                        {{__('courses.'.$day)}}
                                    @endforeach
                                </span>

                            </li>
                        </ul>
                    @endif
                    @if(in_array($course->course_type, ['record_payed']))
                        <ul class="prod_fot">
                            <li><i class="far fa-calendar"></i><span>دورة مسجلة</span></li>
                            <li><i class="far fa-calendar"></i> ساعات الدورة<span>{{$course->hours}}</span> </li>
                        </ul>
                    @endif
                    @if(in_array($course->course_type, ['free']))
                        <ul class="prod_fot">
                            <li><i class="far fa-calendar"></i><span>دورة مجانية</span></li>
                            <li><i class="far fa-calendar"></i> ساعات الدورة<span>{{$course->hours}}</span> </li>
                        </ul>
                    @endif
                </div>
            </div>
        </div>
    @endforeach

@else
    <div class="alert alert-info text-danger text-center col-md-12">{{__('courses.no_courses')}}</div>
@endif