@props([
    'title' => __('home.testimonials.title'),
    'subtitle' => __('home.testimonials.subtitle'),
    // Expect an array or collection of testimonial models/arrays
    'testimonials' => [],
])

<!-- Our Testimonials -->
<section id="our-testimonials" class="our-testimonial">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 offset-lg-3">
                <div class="main-title text-center">
                    <h2 class="color-white">{{ $title }}</h2>
                    <p class="color-white">{{ $subtitle }}</p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-6 offset-lg-3">
                @if(!empty($testimonials) && count($testimonials))
                    <div class="testimonial_grid_slider">
                        @foreach($testimonials as $testimonial)
                            <div class="item">
                                <div class="testimonial_grid">
                                    <div class="thumb">
                                        @php
                                            $image = is_array($testimonial) ? ($testimonial['picture'] ?? null) : $testimonial->picture ?? null;
                                            $name = is_array($testimonial) ? ($testimonial['name'] ?? '') : $testimonial->name ?? '';
                                            $position = is_array($testimonial) ? ($testimonial['position'] ?? '') : $testimonial->position ?? '';
                                            $quote = is_array($testimonial) ? ($testimonial['testimonial_text'] ?? '') : $testimonial->testimonial_text ?? '';
                                        @endphp
                                        @if($image)
                                            <img src="{{ asset( 'files/' . $image ) }}" alt="{{ $name }}">
                                        @endif
                                    </div>
                                    <div class="details">
                                        <h4>{{ $name }}</h4>
                                        @if($position)
                                            <p>{{ $position }}</p>
                                        @endif
                                        @if($quote)
                                            <p class="mt25">{{ $quote }}</p>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                @else
                    <p class="text-center color-white mb0">No testimonials available at the moment.</p>
                @endif
            </div>
        </div>
    </div>
</section>