@if ($latest_courses && $latest_courses->count() > 0)
<section class="pt-0">
    <div class="container">
        <div class="row justify-content-between mb-3 mb-sm-5">
            <div class="col-auto">
                <h2><span class="text-primary">Latest</span> Course</h2>
            </div>
            <div class="col-auto">
                <a href="{{route('fe.market-place.index')}}" class="btn btn-outline-danger">More About 
                    <img src="{{asset('themes/default/images/arrow-red.svg')}}"
                        alt="images" class="img-fluid ml-2">
                </a>
            </div>
        </div>
        <div class="row justify-content-center">
            <div class="col-12">
                <div class="owl-carousel course-carousel owl-theme">
                    @foreach ($latest_courses as $latest_course)
                    <div class="items article-items">
                        <div class="card recruiters-card seller-card equal">
                            <img src="{{path_image($latest_course->image)}}" alt="images" class="img-fluid card-img-top">
                            <div class="card-body mb-5">
                                <h5 class="mb-3">{{$latest_course->title}}</h5>
                                <p class="mb-4">{{ words_limit($latest_course->description, 20) }}</p>
                                <div class="d-grid button-bottom">
                                    <a href="{{route('fe.market-place.detail', [
                                        $latest_course->id, $latest_course->model
                                    ])}}" class="btn btn-outline-primary mb-2">More About</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
</section>
@endif