{namespace neos=Neos\Neos\ViewHelpers}

<div data-toubiz-map
     data-toubiz-map-type="{properties.initialMapStyle}"
     data-toubiz-map-cluster-icon="{f:uri.resource(package: configuration.defaultCluster.package, path: configuration.defaultCluster.iconPath)}"
     data-toubiz-map-marker-icon="{f:uri.resource(package: configuration.defaultMarker.package, path: configuration.defaultMarker.iconPath)}"
     data-toubiz-map-api-key="{configuration.apiKey}">

    <f:for each="{nodes}" as="node">
        <div data-toubiz-location
             data-toubiz-location-lat="{node.properties.toubizMapLatitude}"
             data-toubiz-location-lng="{node.properties.toubizMapLongitude}">

            <div data-toubiz-location-content>
                <div class="tb-map__info-window">
                    <h4>{node.properties.title}</h4>

                    <f:if condition="{node.properties.toubizMapDescription}">
                        <p>{node.properties.toubizMapDescription -> f:format.crop(maxCharacters: '100')}</p>
                    </f:if>

                    <neos:link.node node="{node}" class="c-button">
                        {f:translate(id: 'views.map.show.moreLinkLabel', package: 'Newland.Toubiz.Map.Neos')}
                    </neos:link.node>
                </div>
            </div>
        </div>
    </f:for>
</div>