@php
    $testimonialSettings = App\Models\TestimonialSetting::where('status', 1)->get();
    $testimonialImage = App\Models\TestimonialImage::first();
@endphp
<section class="testimonial v2 pt-50 pb-50 pt-md-70 pb-md-70 pt-xl-100 pb-xl-100">
    <div class="container">
        <div class="title-left-right align-xl-end">
            <div class="w-lg-50-0">
                <div class="section-title v1">
                    <h6 class="text-para-1 text-xl-6 text-medium text-upper">Testimonial</h6>
                    <h2 class="text-5 text-xl-3 text-bold">Our Clients Say</h2>
                </div>
            </div>
            <ul class="slider-btns">
                <li>
                    <button class="prev-btn"><i class="my-icon icon-angle-left"></i>
                    </button>
                </li>
                <li>
                    <button class="next-btn"><i class="my-icon icon-angle-right"></i>
                    </button>
                </li>
            </ul>
        </div>
        <div class="row align-items-center mt-60">
            <div class="col-xl-5 d-none d-xl-block">
                <div class="testimonial-bg">
                    <div class="testimonial-pagination"></div>
                    <img src="{{ asset('uploads/testimonials/' . $testimonialImage->image) }}" alt="background-img">
                </div>
            </div>
            <div class="col-xl-7">
                <div class="slider">
                    <div class="swiper-wrapper">
                        @foreach ($testimonialSettings as $testimonialSetting)
                            <div class="swiper-slide">
                                <div class="testimonial-card">
                                    <div class="testimonial-profile">
                                        <div class="profile-header">
                                            <div class="profile-img">
                                                <img src="{{ asset('uploads/site/testimonial/' . $testimonialSetting->image) }}"
                                                    alt="profile">
                                            </div>
                                            <div class="profile-content">
                                                <h5 class="text-5 text-bold">{{ $testimonialSetting->name }}</h5>
                                                <p class="text-para-2 text-para-xl-1">
                                                    {!! $testimonialSetting->message !!}</p>
                                            </div>
                                        </div><i class="my-icon icon-quotation-left"></i>
                                    </div>
                                    <div class="testimonial-content">
                                        <p class="text-para-2 text-para-xl-1">{{ $testimonialSetting->content }}</p>
                                        <div class="star-retting">
                                            <ul class="star-mark star-5">
                                                <li><i class="my-icon icon-star-solid"></i>
                                                </li>
                                                <li><i class="my-icon icon-star-solid"></i>
                                                </li>
                                                <li><i class="my-icon icon-star-solid"></i>
                                                </li>
                                                <li><i class="my-icon icon-star-solid"></i>
                                                </li>
                                                <li><i class="my-icon icon-star-solid"></i>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>