<section class="courses-one">
        <div class="container">
            <div class="section-title text-center sec-title-animation animation-style1">
                <div class="section-title__tagline-box">
                    <div class="section-title__tagline-shape"></div>
                    <span class="section-title__tagline">Language & Entrance Exams</span>
                </div>
                <h2 class="section-title__title title-animation">Prepare with the <span>Right Exams <img src="{{ asset('images/shapes/section-title-shape-1.png') }}" alt=""></span></h2>
            </div>
            <div class="courses-one__carousel owl-theme owl-carousel">
                @foreach($featuredExams as $exam)
                    <div class="item">
                        <div class="courses-one__single">
                            <div class="courses-one__img-box">
                                <div class="courses-one__img">
                                    <img src="{{ $exam->image_path ? asset('storage/'.$exam->image_path) : asset('images/resources/courses-1-1.jpg') }}" alt="{{ $exam->name }}">
                                </div>
                            </div>
                            <div class="courses-one__content">
                                <div class="courses-one__tag-and-meta">
                                    <div class="courses-one__tag">
                                        <span>{{ $exam->type }}</span>
                                    </div>
                                    <ul class="courses-one__meta list-unstyled">
                                        <li>
                                            <div class="icon"><span class="icon-clock"></span></div>
                                            <p>{{ $exam->duration }} min</p>
                                        </li>
                                        <li>
                                            <div class="icon"><span class="icon-book"></span></div>
                                            <p>Score: {{ $exam->total_score }}</p>
                                        </li>
                                    </ul>
                                </div>
                                <h3 class="courses-one__title"><a href="{{ route('exams.show', $exam->slug) }}">{{ $exam->name }}</a></h3>
                                <p class="courses-one__text">{{ Str::limit($exam->short_description, 70) }}</p>
                                <div class="courses-one__btn-and-doller-box">
                                    <div class="courses-one__btn-box">
                                        <a href="{{ route('exams.show', $exam->slug) }}" class="courses-one__btn thm-btn"><span class="icon-angles-right"></span>Details</a>
                                    </div>
                                    @if($exam->fee)
                                        <span>${{ number_format($exam->fee) }}</span>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>