<div class="rating">
    <div class="rating-stars">
        <span class="fa fa-star {{ $averageRating >= 1 ? 'checked' : '' }}"></span>
        <span class="fa fa-star {{ $averageRating >= 2 ? 'checked' : '' }}"></span>
        <span class="fa fa-star {{ $averageRating >= 3 ? 'checked' : '' }}"></span>
        <span class="fa fa-star {{ $averageRating >= 4 ? 'checked' : '' }}"></span>
        <span class="fa fa-star {{ $averageRating >= 5 ? 'checked' : '' }}"></span>
    </div>
    <div class="rating-text">
        <span class="rating-text-value">{{ $averageRatingText }}&nbsp;</span>
        <span class="rating-text-count">({{$averageRating}}/5)</span>
    </div>
</div>
<div class="total-reviews">
    <span class="total-reviews-value">{{ $noOfReviews }}&nbsp;</span>
    <span class="total-reviews-label">{{ $noOfReviews > 1 ? 'Reviews' : 'Review' }}</span>
</div>
