<div class="c-photo-grid">
    <div class="c-photo-grid__scaler">
        <div class="c-photo-grid__placeholder">
            <div class="c-photo-grid__grid">
                @foreach($photoGridItems as $photoGridItem)
                    <a href="{{ $links->countries->route }}/{{ $photoGridItem->slug }}" class="c-photo-grid__item" data-position="{{ $loop->iteration }}">
                        <div class="c-photo-grid__image" @if(isset($photoGridItem->images) && $photoGridItem->images->isNotEmpty()) style="background-image: url('{{ in_array($loop->iteration, [1,4]) ? $photoGridItem->images->first()->medium_image_url : $photoGridItem->images->first()->small_image_url }}');" @endif></div>
                        <div class="c-photo-grid__text">
                            <h4 class="c-photo-grid__name">{{ $photoGridItem->name }}</h4>
                            <span class="c-photo-grid__button">Bekijk bestemming</span>
                        </div>
                    </a>
                @endforeach
            </div>
        </div>
    </div>
</div>