@foreach($groupedEvaluations as $group)
            <tr class="hover:bg-base-300 transition-colors">
                <td class="px-4 py-2">
                    {{ optional($group->group->first()->evaluatedProfessional)->name }}
                    {{ optional($group->group->first()->evaluatedProfessional)->surname1 }}
                    {{ optional($group->group->first()->evaluatedProfessional)->surname2 }}
                </td>

                <td class="px-4 py-2">
                    {{ optional($group->group->first()->evaluatorProfessional)->name }}
                    {{ optional($group->group->first()->evaluatorProfessional)->surname1 }}
                    {{ optional($group->group->first()->evaluatorProfessional)->surname2 }}
                </td>

                <td class="px-4 py-2">
                    {{ $group->group->first()->created_at->toDateTimeString() }}
                </td>

               <td class="px-4 py-2 text-right font-semibold text-base-content">
                    @if (($group->averagePercentage ?? 0) <= 25)
                        Gens d'acord
                    @elseif (($group->averagePercentage ?? 0) <= 50)
                        Poc d'acord
                    @elseif (($group->averagePercentage ?? 0) <= 75)
                        Bastant d'acord
                    @else
                        Molt d'acord
                    @endif
                </td>

                <td class="px-4 py-2 text-right">
                    <div class="flex justify-end gap-2">
                        <a href="{{ route('professional_evaluation_quiz_show', [
                            $group->group->first()->evaluated_professional_id,
                            $group->group->first()->evaluator_professional_id,
                            $group->group->first()->evaluation_uuid
                        ]) }}" class="btn btn-xs btn-info">Veure</a>
                    </div>
                </td>
            </tr>
        @endforeach