@php
    $testimonialContent = getContent('testimonial.content', true);
    // Sri Lankan testimonials
    $sriLankanTestimonials = [
        [
            'name' => 'Ram Kumar',
            'designation' => 'Tourist from India',
            'client_image' => '67d683e8a3d4b1742111720.png',
            'description' => 'Amazing trip to Sri Lanka! The Cultural Triangle tour was incredible. Sigiriya Rock Fortress and Dambulla Cave Temple exceeded my expectations. The guide was very knowledgeable and the arrangements were perfect.',
            'star_count' => 5
        ],
        [
            'name' => 'Prasath Fernando',
            'designation' => 'Local Traveler',
            'client_image' => '67d68405282f21742111749.png',
            'description' => 'Best travel experience in Sri Lanka! The Kandy city tour and Tea Plantation visit was breathtaking. Temple of the Tooth was spiritual and the scenery was amazing. Highly recommend!',
            'star_count' => 5
        ],
        [
            'name' => 'Wahid Khan',
            'designation' => 'Photographer from Pakistan',
            'client_image' => '67d6843415b1b1742111796.png',
            'description' => 'Yala National Park safari was unforgettable! Saw leopards, elephants, and many birds. Ella\'s Nine Arch Bridge and Little Adam\'s Peak offered stunning views for photography. Perfect trip!',
            'star_count' => 5
        ],
        [
            'name' => 'Sarah Johnson',
            'designation' => 'Travel Blogger from UK',
            'client_image' => '67d6845b8e5a81742111835.png',
            'description' => 'Sri Lanka is paradise! The beaches in Mirissa and whale watching was spectacular. Galle Fort has so much history. The people are friendly and the food is delicious. Can\'t wait to come back!',
            'star_count' => 5
        ]
    ];
@endphp
<section class="testimonial-section py-100 position-relative">
    <div class="bg--element position-absolute">
        <img src="{{ asset($activeTemplateTrue . 'images/shape/element-9.png') }}" alt="image">
    </div>

    <div class="bg--element-two position-absolute">
        <img src="{{ asset($activeTemplateTrue . 'images/shape/element-10.png') }}" alt="image">
    </div>

    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-6">
                <div class="section-content mb-50">
                    <div class="title-wrap">
                        <h6 class="heading third--font text-center fs--32 fw--700 text--base mb-0 scroll-animate">
                            What Our Travelers Say</h6>
                        <h2 class="title text-center mb-3 fs--40 fw--800 splite-text scroll-animate"
                            data-splitting>Sri Lanka Travel Reviews</h2>
                        <p class="subtitle text-center fs-16 fw--400 scroll-animate">Real experiences from travelers who explored the beauty of Sri Lanka</p>
                    </div>
                </div>
            </div>
        </div>

        <div class="row justify-content-center">
            <div class="col-lg-12">
                <div class="row testimonial-slider">
                    @foreach ($sriLankanTestimonials as $item)
                        <div
                            class="testimonial-card position-relative section--bg radius--20 d-flex justify-content-center">
                            <div
                                class="item--wrap d-flex flex-column justify-content-center align-items-center position-relative">
                                <div class="quote--icon mb-3">
                                    <img src="{{ asset($activeTemplateTrue . 'images/shape/quote1.png') }}"
                                        alt="image">
                                </div>
                                <div class="content-wrap">
                                    <p class="description text-center fw--500">
                                        {{ $item['description'] }}
                                    </p>
                                </div>
                                <div class="d-flex justify-content-center align-items-center w--100">
                                    <div class="d-flex flex-column justify-content-center align-items-center gap--12">
                                        <div class="user--thumb position-relative d-flex">
                                            <img class="fit--img"
                                                src="{{ asset('assets/images/frontend/testimonial/' . $item['client_image']) }}?v={{ time() }}"
                                                alt="{{ $item['name'] }}">
                                        </div>
                                        <div
                                            class="user--info d-flex flex-column justify-content-center align-items-center">
                                            <h6 class="fs--22 text-center fw--600 mb-0">
                                                {{ $item['name'] }}</h6>
                                            <p class="mb-1 text-center fs--14">
                                                {{ $item['designation'] }}</p>
                                            <div class="d-flex gap--8 align-items-center">
                                                <ul class="star--wrap d-flex ">
                                                    <li>
                                                        @php echo showRatings($item['star_count']); @endphp
                                                    </li>
                                                </ul>
                                                <p class="avg">{{ $item['star_count'] }}</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
</section>