<script>
_config.showDetail = true;
</script>
<address>
<h4 class="mb-0">{{ headlineText | raw }}</h4>
<div>
{% if address is not empty %}
{% set addressInfos = address.getAddressLine1() %}
{% if address.getAddressLine2() is not empty %}
{% set addressInfos = addressInfos ~ " " ~ address.getAddressLine2() %}
{% endif %}
{% set addressInfos = addressInfos ~ ", <br>" ~ address.getZipcode() ~ " " ~ address.getTown() ~ " " ~ address.getCity() ~ " " ~ address.getCountry() %}
{{ addressInfos|raw }}
{% endif %}
</div>
<div class="mt-5 mb-3">
{% if address is not empty %}
{% if address.getPhone() is not empty %}
<div class="js-show-detail" aria-expanded="false">
<span class="demi-icon demi-icon-tel icon-in-text-width"></span>
<span class="js-show-detail__hide"
id="accommodation-phone-nr">{{ address.getPhone()|slice(0,-6) }}
...</span>
<a class="text-primary js-show-detail__show"
href="tel:{{ address.getPhone()|replace({' ': ''}) }}"
hidden>{{ address.getPhone() }}</a>
<button class="js-show-detail__show-btn btn-no-styling btn-link text-primary js-tracking js-tracking--click"
type="button"
data-tracking-category="button"
data-tracking-action="anrufen"
data-tracking-label="{{ accommodation.getName()|escape }}"
data-counting-click-type="SPPhone"
>{{ 'demi.detail.show'|trans }}</button>
</div>
{% endif %}
{% if address.getMobile() is not empty %}
<div class="js-show-detail" aria-expanded="false">
<span class="demi-icon demi-icon-mobile-phone-2 icon-in-text-width"></span>
<span class="js-show-detail__hide"
id="accommodation-phone-nr">{{ address.getMobile()|slice(0,-6) }}
...</span>
<a class="text-primary js-show-detail__show"
href="tel:{{ address.getMobile()|replace({' ': ''}) }}"
hidden>{{ address.getMobile() }}</a>
<button class="js-show-detail__show-btn btn-no-styling btn-link text-primary js-tracking js-tracking--click"
type="button"
data-tracking-category="button"
data-tracking-action="anrufen"
data-tracking-label="{{ accommodation.getName()|escape }}"
data-counting-click-type="SPPhone"
>{{ 'demi.detail.show'|trans }}</button>
</div>
{% endif %}
{% if address.getEmail() is not empty %}
<div class="js-show-detail" aria-expanded="false">
<span class="demi-icon demi-icon-email icon-in-text-width"></span>
<span class="js-show-detail__hide"
id="accommodation-mail">{{ address.getEmail()|slice(0,-6) }}
...</span>
<a class="text-primary js-show-detail__show" hidden
href="mailto:{{ address.getEmail() }}"
data-ga-event="unterkunft_email">{{ address.getEmail() }}</a>
<button class="js-show-detail__show-btn btn-no-styling btn-link text-primary js-tracking js-tracking--click"
type="button"
data-tracking-category="button"
data-tracking-action="e-mail"
data-tracking-label="{{ accommodation.getName()|escape }}">{{ 'demi.detail.show'|trans }}</button>
</div>
{% endif %}
{% if address.getUrl() is not empty %}
{% set url = demi_findNiceUrl(address.getUrl()) %}
{% if url is not empty %}
<div>
<span class="demi-icon demi-icon-link icon-in-text-width"></span>
<a href="{{ url }}"
target="_blank"
class="text-primary js-tracking js-tracking--click"
data-tracking-category="button"
data-tracking-action="website"
data-tracking-label="{{ trackingLabel|escape }}"
data-counting-click-type="SPURL"
>{{ address.getUrl() }}</a>
</div>
{% endif %}
{% endif %}
{% endif %}
</address>
{% if accommodation.getLicenseNumber() is not empty %}
<div class="mb-3">
{{ "demi.detail.license-number" | trans }}: {{ accommodation.getlicenseNumber() }}
</div>
{% endif %}