{{-- Review Card Component --}}
@props([
    'review' => null,
    'image' => null,
    'rating' => 5,
    'title' => '',
    'excerpt' => '',
    'author' => '',
    'platform' => 'Google',
    'date' => null,
])

@php
    // Se viene passato un model Review, estrai i dati
    if ($review) {
        $image = $review->image;
        $rating = $review->stars;
        $title = $review->title;
        $excerpt = $review->excerpt;
        $author = $review->author;
        $platform = $review->platform;
        $date = $review->formatted_date;
    }

    $platformColors = [
        'TheFork' => 'bg-green-100 text-green-700',
        'Google' => 'bg-blue-100 text-blue-700',
        'TripAdvisor' => 'bg-emerald-100 text-emerald-700',
    ];
    $platformColorClass = $platformColors[$platform] ?? 'bg-gray-100 text-umami-text';
@endphp

<article {{ $attributes->merge(['class' => 'bg-white rounded-2xl overflow-hidden shadow-md hover:shadow-xl transition-shadow flex flex-col']) }}>
    {{-- Food Image --}}
    @if($image)
    <div class="aspect-[4/3] overflow-hidden">
        <img
            src="{{ $image }}"
            alt="{{ $title }}"
            class="w-full h-full object-cover hover:scale-105 transition-transform duration-500"
            loading="lazy"
        />
    </div>
    @endif

    {{-- Content --}}
    <div class="p-5 flex-1 flex flex-col">
        {{-- Rating Stars --}}
        <div class="flex items-center gap-1 mb-3">
            @for($i = 0; $i < 5; $i++)
                <svg
                    class="w-5 h-5 {{ $i < $rating ? 'text-amber-400' : 'text-umami-gray' }}"
                    fill="currentColor"
                    viewBox="0 0 20 20"
                >
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
                </svg>
            @endfor

            {{-- Platform Badge --}}
            <span class="ml-auto text-xs font-medium px-2 py-1 rounded-full {{ $platformColorClass }}">
                {{ $platform }}
            </span>
        </div>

        {{-- Title --}}
        @if($title)
        <h3 class="font-semibold text-umami-dark mb-2 line-clamp-1">
            {{ $title }}
        </h3>
        @endif

        {{-- Excerpt --}}
        <p class="text-umami-text text-sm line-clamp-3 flex-1">
            "{{ $excerpt }}"
        </p>

        {{-- Footer --}}
        <div class="mt-4 pt-4 border-t border-gray-100 flex items-center justify-between">
            <span class="text-sm font-medium text-umami-text">{{ $author }}</span>
            @if($date)
                <time class="text-xs text-gray-400">{{ $date }}</time>
            @endif
        </div>
    </div>
</article>