@php($stars = round($rating / 0.5) * 0.5)

<div class="d-flex" data-toggle="tooltip" data-placement="right" title="{{ $title ??= number_format($rating, 1) }}">
    @switch($stars)
        @case(1)
            <i class="fas fa-star text-yellow"></i>
            <i class="far fa-star text-yellow"></i>
            <i class="far fa-star text-yellow"></i>
            <i class="far fa-star text-yellow"></i>
            <i class="far fa-star text-yellow"></i>
            @break

        @case(1.5)
            <i class="fas fa-star text-yellow"></i>
            <i class="fas fa-star-half-alt text-yellow"></i>
            <i class="far fa-star text-yellow"></i>
            <i class="far fa-star text-yellow"></i>
            <i class="far fa-star text-yellow"></i>
            @break

        @case(2)
            <i class="fas fa-star text-yellow"></i>
            <i class="fas fa-star text-yellow"></i>
            <i class="far fa-star text-yellow"></i>
            <i class="far fa-star text-yellow"></i>
            <i class="far fa-star text-yellow"></i>
            @break

        @case(2.5)
            <i class="fas fa-star text-yellow"></i>
            <i class="fas fa-star text-yellow"></i>
            <i class="fas fa-star-half-alt text-yellow"></i>
            <i class="far fa-star text-yellow"></i>
            <i class="far fa-star text-yellow"></i>
            @break

        @case(3)
            <i class="fas fa-star text-yellow"></i>
            <i class="fas fa-star text-yellow"></i>
            <i class="fas fa-star text-yellow"></i>
            <i class="far fa-star text-yellow"></i>
            <i class="far fa-star text-yellow"></i>
            @break

        @case(3.5)
            <i class="fas fa-star text-yellow"></i>
            <i class="fas fa-star text-yellow"></i>
            <i class="fas fa-star text-yellow"></i>
            <i class="fas fa-star-half-alt text-yellow"></i>
            <i class="far fa-star text-yellow"></i>
            @break

        @case(4)
            <i class="fas fa-star text-yellow"></i>
            <i class="fas fa-star text-yellow"></i>
            <i class="fas fa-star text-yellow"></i>
            <i class="fas fa-star text-yellow"></i>
            <i class="far fa-star text-yellow"></i>
            @break

        @case(4.5)
            <i class="fas fa-star text-yellow"></i>
            <i class="fas fa-star text-yellow"></i>
            <i class="fas fa-star text-yellow"></i>
            <i class="fas fa-star text-yellow"></i>
            <i class="fas fa-star-half-alt text-yellow"></i>
            @break

        @case(5)
            <i class="fas fa-star text-yellow"></i>
            <i class="fas fa-star text-yellow"></i>
            <i class="fas fa-star text-yellow"></i>
            <i class="fas fa-star text-yellow"></i>
            <i class="fas fa-star text-yellow"></i>
            @break

        @default
            <i class="far fa-star text-yellow"></i>
            <i class="far fa-star text-yellow"></i>
            <i class="far fa-star text-yellow"></i>
            <i class="far fa-star text-yellow"></i>
            <i class="far fa-star text-yellow"></i>
    @endswitch
</div>
