<div class="c-location-map">
{{--    <img class="c-location-map__map" width="576" height="469" alt="belgium map" src="/img/map.svg" />--}}
    <img class="c-location-map__map" width="576" height="469" alt="NL/BE map" src="/img/locations/NLBEMap.svg" />

    <div class="c-location-map__interaction">
        @foreach($links->locations->items as $locationItem)
            @php
            @endphp
            @if(!empty($locationItem->lat_marker) && !empty($locationItem->lon_marker))

                <div class="c-location-map__item" style="--latitude: {{$locationItem->lat_marker}}; --longitude: {{$locationItem->lon_marker}};">

                    <div class="c-location-map__marker">
                        <img width="24" height="35" alt="map marker" src="/img/location--green.svg" />
                    </div>
                    <div class="c-location-map__tooltip">
                        {{ $locationItem->translation->name }}
                    </div>
                </div>

            @endif
        @endforeach
    </div>
</div>