@php($reviews = app(\App\Services\GoogleReviewsService::class)->get(6))

@if(!empty($reviews))
<section id="avis" class="bg-gray-50 py-14">
    <div class="max-w-6xl mx-auto px-4">
        <h2 class="font-display text-3xl md:text-4xl font-bold text-[var(--color-brand)] mb-2 text-center">Avis de nos voyageurs</h2>
        <p class="text-center text-gray-600 mb-10">Ce que disent nos clients de leur séjour au Moulleau.</p>

        <div class="grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
            @foreach($reviews as $r)
                <div class="bg-white rounded-2xl shadow-sm border border-gray-100 p-6 flex flex-col">
                    <div class="flex items-center gap-3 mb-3">
                        @if(!empty($r['profile_photo_url']))
                            <img src="{{ $r['profile_photo_url'] }}" alt="{{ $r['author_name'] }}" class="w-10 h-10 rounded-full" referrerpolicy="no-referrer">
                        @else
                            <div class="w-10 h-10 rounded-full bg-[var(--color-brand)] text-white flex items-center justify-center font-bold">{{ mb_substr($r['author_name'], 0, 1) }}</div>
                        @endif
                        <div>
                            <div class="font-semibold text-gray-800">{{ $r['author_name'] }}</div>
                            <div class="text-[var(--color-gold)] text-sm">{!! str_repeat('★', (int) $r['rating']) . str_repeat('☆', 5 - (int) $r['rating']) !!}</div>
                        </div>
                    </div>
                    <p class="text-gray-600 text-sm leading-relaxed line-clamp-6">{{ $r['text'] }}</p>
                </div>
            @endforeach
        </div>
    </div>
</section>
@endif