@php
    $reviews = config('site.reviews');
    $rating = (float) $reviews['rating'];
    $count = (int) $reviews['count'];

    // Nombre total d'avis Google, tel que renseigné dans reviews.count.
    $link = 'Voir les '.number_format($count, 0, ',', ' ').' avis';
@endphp

<a href="{{ $reviews['url'] }}" target="_blank" rel="noopener"
   {{ $attributes->merge(['class' => 'group inline-flex items-center gap-4 rounded-sm bg-white px-5 py-3 shadow-lg transition-shadow hover:shadow-xl']) }}
   aria-label="Note {{ number_format($rating, 1, ',', ' ') }} sur 5 sur Google — {{ $link }}">

    {{-- Logo Google --}}
    <svg class="h-7 w-7 shrink-0" viewBox="0 0 24 24" aria-hidden="true">
        <path fill="#4285F4" d="M23.49 12.27c0-.79-.07-1.54-.19-2.27H12v4.51h6.47c-.29 1.48-1.14 2.73-2.4 3.58v3h3.86c2.26-2.09 3.56-5.17 3.56-8.82Z"/>
        <path fill="#34A853" d="M12 24c3.24 0 5.95-1.08 7.93-2.91l-3.86-3c-1.08.72-2.45 1.16-4.07 1.16-3.13 0-5.78-2.11-6.73-4.96H1.29v3.09C3.26 21.3 7.31 24 12 24Z"/>
        <path fill="#FBBC05" d="M5.27 14.29c-.25-.72-.38-1.49-.38-2.29s.14-1.57.38-2.29V6.62H1.29C.47 8.24 0 10.06 0 12s.47 3.76 1.29 5.38l3.98-3.09Z"/>
        <path fill="#EA4335" d="M12 4.75c1.77 0 3.35.61 4.6 1.8l3.42-3.42C17.95 1.19 15.24 0 12 0 7.31 0 3.26 2.7 1.29 6.62l3.98 3.09C6.22 6.86 8.87 4.75 12 4.75Z"/>
    </svg>

    <span class="text-left">
        <span class="flex items-baseline gap-1.5">
            <span class="text-sm font-bold text-ink-dark">Google</span>
            <span class="text-xl leading-none font-black text-ink-dark">{{ number_format($rating, 1, ',', ' ') }}</span>
            <span class="text-xs text-ink-light">/5</span>
        </span>

        <span class="mt-1 flex items-center gap-2">
            <x-site.stars :rating="$rating" class="text-ink-light" />
            <span class="text-xs font-bold text-brand-dark underline-offset-2 group-hover:underline">{{ $link }}</span>
        </span>
    </span>
</a>