{% if address is not empty %}
{% set addressForMap = address.getAddressLine1() ~ ', ' ~ address.getZipcode() ~ " " ~ address.getTown() ~ " " ~ address.getCity() ~ " " ~ address.getCountry() ~ " " ~ accommodation.getName() %}
{% endif %}
{% if addressForMap is defined %}
<div>
{% if demi_core_configuration("getUseStaticImageForMap",[]) %}
{% if demi_getStaticImageMap(acco) is not null %}
<a href="{{ googleMapLink }}" target="_blank">
{{ demi_getStaticImageMap(acco).getThumbnail('demi-static-map').getHTML({'imgAttributes': {'class': 'img-fluid' }})|raw }}
</a>
{% endif %}
{% else %}
<div class="embed-responsive embed-responsive-detail-map bg-light-gray mb-3">
<iframe frameborder="0" style="border:0"
src="https://www.google.com/maps/embed/v1/place?q={{ accommodation.getProperty('google_place_id') ? "place_id:" ~ accommodation.getProperty('google_place_id') : addressForMap|url_encode }}&key={{ googleMapsKey }}" data-cookieconsent="ignore"
allowfullscreen></iframe>
</div>
{% endif %}
</div>
{% endif %}
<div class="mt-2">
<a href="{{ googleMapLink }}"
target="_blank"
class="text-primary js-tracking js-tracking--click"
data-tracking-category="button"
data-tracking-action="google maps"
data-tracking-label="{{ trackingLabel|escape }}">
<span class="icon-in-text demi-icon demi-icon-navigation" aria-hidden="true"></span>
<span class="text-underline">{{ 'demi.detail.show-on-map'|trans }}</span>
</a>
</div>
<div class="mt-4 mb-4">
<div class="mb-1 distance-info small mr-2">
{% if distance is not null %}
<span class="badge distance-info__badge">{{ distance['value'] }}</span>
{% if accommodationItem is not null and accommodationItem.getDistanceMinutesToPoi() %}
<span>{{ demi_fillTranslation({"[MIN]": accommodationItem.getDistanceMinutesToPoi()|round(1)}, "demi.list.nearby-search.distance-in-min") }}</span>
{% endif %}
<span>{{ distance['from'] }}</span>
{% endif %}
</div>
</div>