{{-- Testimonials Block --}}
@props(['block'])

@php
    $settings = $block->settings ?? [];
    $featuredOnly = $settings['featured_only'] ?? false;
    $maxTestimonials = $settings['max_testimonials'] ?? 6;
    $testimonials = App\Helpers\TestimonialHelper::getApprovedTestimonials($featuredOnly)->take($maxTestimonials);
@endphp

<div class="my-12" data-block-id="{{ $block->id }}" data-block-type="testimonials">
    <div class="text-center mb-8">
        <h2 class="text-3xl font-bold text-gray-900 dark:text-white">{{ __('store.Customer Reviews') }}</h2>
    </div>
    
    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
        @foreach($testimonials as $testimonial)
            <div class="bg-white dark:bg-gray-800 rounded-lg shadow-lg p-6">
                <div class="flex items-center mb-4">
                    @if($testimonial->customer_image)
                        <img src="{{ Storage::url($testimonial->customer_image) }}" alt="{{ $testimonial->customer_name }}" class="w-12 h-12 rounded-full mr-4">
                    @endif
                    <div>
                        <h4 class="font-bold text-gray-900 dark:text-white">{{ $testimonial->customer_name }}</h4>
                        <div class="flex text-yellow-400">
                            @for($i = 0; $i < 5; $i++)
                                @if($i < $testimonial->rating)
                                    <svg class="w-4 h-4 fill-current" viewBox="0 0 20 20"><path d="M10 15l-5.878 3.09 1.123-6.545L.489 6.91l6.572-.955L10 0l2.939 5.955 6.572.955-4.756 4.635 1.123 6.545z"/></svg>
                                @else
                                    <svg class="w-4 h-4 fill-current text-gray-300" viewBox="0 0 20 20"><path d="M10 15l-5.878 3.09 1.123-6.545L.489 6.91l6.572-.955L10 0l2.939 5.955 6.572.955-4.756 4.635 1.123 6.545z"/></svg>
                                @endif
                            @endfor
                        </div>
                    </div>
                </div>
                <p class="text-gray-600 dark:text-gray-300">{{ App\Helpers\TestimonialHelper::getComment($testimonial) }}</p>
            </div>
        @endforeach
    </div>
</div>