@if (current_user() && current_user()->hasRole('recruiter'))
    <div class="starability-growRotate d-flex justify-content-end align-items-center"
        data-myid="{{ $id }}" data-url="/position-matches/{{ $id }}/update-stars" style="min-width: 150px;"
    >
        <input class="star" type="radio" id="no-rate" class="input-no-rate" name="{{ $id }}rating" value="0" {{ ($num == 0) ? 'checked' : '' }} aria-label="No rating." />

        <input class="star" type="radio" id="{{ $id }}rate1" name="{{ $id }}rating" value="1" {{ ($num == 1) ? 'checked' : '' }} />
        <label for="{{ $id }}rate1">{{-- 1 star. --}}</label>

        <input class="star" type="radio" id="{{ $id }}rate2" name="{{ $id }}rating" value="2" {{ ($num == 2) ? 'checked' : '' }} />
        <label for="{{ $id }}rate2">{{-- 2 stars. --}}</label>

        <input class="star" type="radio" id="{{ $id }}rate3" name="{{ $id }}rating" value="3" {{ ($num == 3) ? 'checked' : '' }} />
        <label for="{{ $id }}rate3">{{-- 3 stars. --}}</label>

        {{-- <input class="star" type="radio" id="{{ $id }}rate4" name="{{ $id }}rating" value="4" {{ ($num == 4) ? 'checked' : '' }} /> --}}
        {{-- <label for="{{ $id }}rate4"></label> --}}

        {{-- <input class="star" type="radio" id="{{ $id }}rate5" name="{{ $id }}rating" value="5" {{ ($num == 5) ? 'checked' : '' }} /> --}}
        {{-- <label for="{{ $id }}rate5"></label> --}}

        <span class="starability-focus-ring"></span>
    </div>
@else
    <p class="starability-result mb-0" data-rating="{{ $num }}" style="width: 90px;">
        Rated: {{ $num }} stars
    </p>
@endif