{{-- Penilaian Indikator Testimoni --}}
@if (isset($indikators) && $indikators->count() > 0)
    <div class="card-body pt-0">
        <p class="text-uppercase text-sm">Penilaian Indikator Testimoni</p>
        <hr class="horizontal dark mt-0">
        <div class="row">
            @php
                $ratingSum = 0;
                $ratingCount = 0;
            @endphp
            @foreach ($indikators as $ind)
                @php
                    $r = isset($testi_ratings[$ind->id]) ? $testi_ratings[$ind->id] : null;
                    $val = $r ? $r->rating : null;
                    if ($val) { $ratingSum += $val; $ratingCount++; }
                @endphp
                <div class="col-md-4 mb-3">
                    <div class="form-group mb-0">
                        <label class="form-control-label text-xs">{{ $ind->indikator }}</label>
                        <div>
                            @if ($val)
                                @for ($s = 1; $s <= 5; $s++)
                                    <i class="fas fa-star" style="font-size: 1rem; color: {{ $s <= $val ? '#ffd600' : '#dee2e6' }};"></i>
                                @endfor
                                <span class="ms-2 text-sm font-weight-bold">{{ $val }}</span>
                            @else
                                <span class="text-muted text-sm">Belum dinilai</span>
                            @endif
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
        @if ($ratingCount > 0)
            <div class="row mt-2">
                <div class="col-md-12">
                    <div class="d-flex align-items-center">
                        <span class="text-sm font-weight-bold me-2">Rata-rata:</span>
                        <span class="badge" style="background-color: #028284; color: #fff; font-size: 0.85rem; padding: 6px 12px;">
                            {{ number_format($ratingSum / $ratingCount, 1) }} <i class="fas fa-star" style="font-size: 0.7rem;"></i>
                        </span>
                    </div>
                </div>
            </div>
        @endif
    </div>
@endif