@if (count($testimonials) > 0)
    <section class="testimonial-section-two">
        <div class="bg-layer"></div>

        <div class="auto-container">
            <div class="sec-title text-center">
                <span class="sub-title">Our testimonials</span>
                <h2>
                    @php
                        $testimonialTitle = getDataBySlug('Widget', 'testimonial-section-title', 'content');
                    @endphp

                    @if ($testimonialTitle)
                        {!! $testimonialTitle->content ?? '-' !!}
                    @endif
                </h2>
            </div>
            <div class="carousel-outer">

                <div class="testimonial-carousel-two owl-carousel owl-theme">

                    @forelse ($testimonials as $testimonial)
                        <!-- Testimonial Block -->
                        <div class="testimonial-block-two">
                            <div class="inner-box">
                                <div class="image-box">
                                    <figure class="image">
                                        @if ($testimonial->avatar)
                                            <img src="{{ asset('uploads/testimonials/' . $testimonial->avatar) }}"
                                                alt="{{ $testimonial->author ?? '-' }}"
                                                title="{{ $testimonial->author ?? '-' }}">
                                        @else
                                            <img src="https://via.placeholder.com/145x145" alt="">
                                        @endif
                                    </figure>
                                </div>
                                <div class="content-box">
                                    <div class="rating"><i class="fa fa-star"></i><i class="fa fa-star"></i><i
                                            class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i>
                                    </div>
                                    <div class="text">
                                        {{ $testimonial->content ?? '-' }}
                                    </div>
                                    <div class="info-box">
                                        <h5 class="name">{{ $testimonial->author ?? '-' }}</h5>
                                        <span class="designation">{{ $testimonial->designation ?? '-' }}</span>
                                        <span class="icon icon-quote-2"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @empty
                        <!-- Testimonial Block -->
                        <div class="testimonial-block-two">
                            <div class="inner-box">
                                <div class="image-box">
                                    <figure class="image"><img src="https://via.placeholder.com/145x145"
                                            alt="">
                                    </figure>
                                </div>
                                <div class="content-box">
                                    <div class="rating"><i class="fa fa-star"></i><i class="fa fa-star"></i><i
                                            class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i>
                                    </div>
                                    <div class="text">To review means to look back over something for evaluation or
                                        memory. It’s
                                        always a joy to hear that the work I do has positively impacted our clients.
                                    </div>
                                    <div class="info-box">
                                        <h5 class="name">Name</h5>
                                        <span class="designation">Designation</span>
                                        <span class="icon icon-quote-2"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforelse
                </div>

            </div>
        </div>
    </section>
@endif