@if (isset($testimonials) && count($testimonials) > 0)
    <section class="section testimonials-section">
        <div class="container">
            <div class="row">
                <div class="items col-sm-12 col-md-8 col-8 offset-md-2 wow animate__animated animate__fadeIn"
                    data-wow-delay="0.5s">
                    <div class="titles section-title text-center">Testimonials</div>
                </div>
            </div>
        </div>

        <div class="container">
            <div class="service-box wow animate__animated animate__fadeIn" data-wow-delay="0.5s">
                <div class="row testimonial-slider">
                    @foreach ($testimonials as $testimonial)
                        <div class="slick-slide items col">
                            <div class="text-center story-boundary">
                                <div class="media">
                                    <figure class="article-img">
                                        <img src="{{ $testimonial->image_link }}" alt="{{ $testimonial->title }}">
                                    </figure>
                                    <span class="media-body">
                                        <span class="titles title-6 story-title">
                                            {{ $testimonial->title }}
                                        </span>
                                        <span class="address-title">
                                            {{ $testimonial->address }}
                                        </span>
                                    </span>
                                </div>
                                <span
                                    class="description">{{ Illuminate\Support\Str::limit($testimonial->summary, 200, '...') }}
                                </span>

                                <a href="javascript:void(0)" data-bs-toggle="modal"
                                    data-bs-target="#testimonial-{{ $testimonial->id }}" title="More">
                                    <span class="btn rounded-btn outline-btn">
                                        More
                                    </span>
                                </a>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </section>
@endif

@push('testimonial-modal')
    @foreach ($testimonials as $testimonial)
        <div class="modal fade quick-pop" id="testimonial-{{ $testimonial->id }}" tabindex="-1"
            aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <span class="cat-title">Testimonials</span>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        @include(themeView('partials.testimonial-info'))
                    </div>
                </div>
            </div>
        </div>
    @endforeach
@endpush