@props(['rating', 'count'])

<div class="flex items-center gap-1 text-xs mb-3">
  @php
    $fullStars = floor($rating / 2);
    $halfStar = $rating % 2 >= 1;
    $emptyStars = 5 - $fullStars - ($halfStar ? 1 : 0);
  @endphp

  @for ($i = 0; $i < $fullStars; $i++)
    <i class="fas fa-star text-orange-600"></i>
  @endfor

  @if ($halfStar)
    <i class="fas fa-star-half-alt text-orange-600"></i>
  @endif

  @for ($i = 0; $i < $emptyStars; $i++)
    <i class="far fa-star text-orange-600"></i>
  @endfor

  <span class="text-gray-400 ml-1">({{ number_format($rating, 1) }})</span>
  <span class="text-gray-400">({{ $count }})</span>
</div>