@php
    /** @var array{ratings?: list<array{user_name: string, role_label: string, rating: int, rated_at: ?string}>, average?: float|null, count?: int} $ratingsSummary */
    $ratingsSummary = $ratingsSummary ?? ['ratings' => [], 'average' => null, 'count' => 0];
    $ratingRows = $ratingsSummary['ratings'] ?? [];
    $ratingAvg = $ratingsSummary['average'] ?? null;
    $heading = $heading ?? __('Reviewer ratings');
@endphp

@if ($ratingRows !== [])
    <div class="mec-workflow-ratings-summary">
        <p class="small font-weight-bold text-uppercase text-muted mb-2" style="letter-spacing: 0.04em;">{{ $heading }}</p>
        <ul class="list-unstyled mb-2">
            @foreach ($ratingRows as $row)
                <li class="mb-1 d-flex align-items-center flex-wrap">
                    <span class="font-weight-bold mr-2">{{ $row['user_name'] }}</span>
                    @if (! empty($row['role_label']))
                        <span class="text-muted small mr-2">({{ $row['role_label'] }})</span>
                    @endif
                    <span class="mec-workflow-ratings-summary__stars" aria-label="{{ __(':n of 5 stars', ['n' => $row['rating']]) }}">
                        @for ($s = 1; $s <= 5; $s++)
                            <i class="{{ $s <= (int) $row['rating'] ? 'fas' : 'far' }} fa-star" style="color: {{ $s <= (int) $row['rating'] ? '#f0b429' : '#c5cdd8' }};"></i>
                        @endfor
                    </span>
                </li>
            @endforeach
        </ul>
        @if ($ratingAvg !== null)
            <p class="mb-0 small">
                <span class="text-muted">{{ __('Average rating') }}:</span>
                <strong>{{ number_format((float) $ratingAvg, 1) }}</strong>
                <span class="text-muted">/ 5</span>
                <span class="text-muted">({{ trans_choice(':count rating|:count ratings', (int) ($ratingsSummary['count'] ?? 0), ['count' => (int) ($ratingsSummary['count'] ?? 0)]) }})</span>
            </p>
        @endif
    </div>
@endif