@if(isset($vacancies))
    <div class="l-card-grid">
        <div class="l-card-grid__main">
            @foreach($vacancies as $vacancy)
                <div class="l-card-grid__item" data-kal="fade" style="--kal-delay: {{($loop->index % 4)*0.1}}s">
                    @include('components.actionCard', [
                        'modifiers' => ['is-light'],
						'actionCardImage' => $vacancy->images->first()->small_image_url ?? '/img/placeholder-card.svg',
						'actionCardTitle' => isset($vacancy->translation) ? $vacancy->translation->name : '',
						'actionCardDescription' => isset($vacancy->translation) ? $vacancy->translation->teaser : '',
						'actionCardLink' => $links->vacancies->route . '/' . $vacancy->translation->slug ?? '',
					])
                </div>
            @endforeach
        </div>
    </div>
@endif