<div>
    @if (!empty($calls))
        <div class="flex flex-col gap-6 m-6">
            @foreach (collect($calls)->chunk(2) as $row)
                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                    @foreach ($row as $index => $call)
                        <x-call-card
                            :result="$call"
                            :index="$index"
                            :show-score="$showScore"
                            :show-callable="true"
                            :show-reactions="$showReactions ?? true"
                            :photo-blur="$guestPhotoBlur ?? 0"
                            :photo-contrast="$guestPhotoContrast ?? 100"
                            :photo-saturate="$guestPhotoSaturate ?? 100"
                            :photo-brightness="$guestPhotoBrightness ?? 100"
                            height-class="h-[430px] md:h-[550px] lg:h-[430px]"
                            :truncate-excerpt="true"
                        />
                    @endforeach
                </div>
            @endforeach
        </div>
    @endif
</div>
