<div class="o-card-grid">
    @if(!empty($cardGridTitle))
        <h2 class="c-heading">{{$cardGridTitle}}</h2>
    @endif

    @if(isset($cardItems))
        <div class="o-card-grid__main">
            @foreach($cardItems as $item)
                <div class="o-card-grid__item">

                    @include('components.card', [
                        'cardImage' => $item->images->first()->medium_image_url ?? '/img/placeholder-card.svg',
                        'cardLabel' => isset($item->translation) ? $item->translation->name : '',
                        'cardLink' => isset($item->translation) ? $indexRoute . '/' . $item->translation->slug : $indexRoute,
                        'cardButtonText' => '',
                        'isCardClickable' => true
                    ])
                </div>
            @endforeach
        </div>
    @endif
</div>