@props([
    'testimonials',
    'service',
])

@if(isset($testimonials) && count($testimonials) > 0)
<section id="reviews" class="svc-section svc-section--soft scroll-mt-24" aria-labelledby="svc-reviews-heading">
    <div class="site-container">
        <x-service-detail.section-intro
            :eyebrow="__('messages.service_detail.client_reviews_section_label')"
            :title="__('messages.service_detail.client_reviews', ['service' => $service['name']])"
            :description="__('messages.service_detail.client_reviews_desc', ['service' => strtolower($service['name']), 'rating' => '5'])"
            heading-id="svc-reviews-heading"
        />

        <div class="svc-quotes__grid">
            @foreach($testimonials as $i => $testimonial)
            <blockquote class="svc-quote svc-reveal {{ $i > 0 ? 'svc-reveal--delay-' . min($i, 3) : '' }}" itemscope itemtype="https://schema.org/Review">
                <p class="svc-quote__text" itemprop="reviewBody">"{{ $testimonial['content'] ?? $testimonial['quote'] ?? '' }}"</p>
                <footer itemprop="author" itemscope itemtype="https://schema.org/Person">
                    <p class="svc-quote__author" itemprop="name">{{ $testimonial['name'] ?? $testimonial['author'] ?? '' }}</p>
                    @if(!empty($testimonial['company']))
                    <p class="svc-quote__company">{{ $testimonial['company'] }}</p>
                    @endif
                </footer>
            </blockquote>
            @endforeach
        </div>
    </div>
</section>
@endif