{% set detailUrl = offeritem.class.getLinkgenerator().generate(offeritem, {reset:true, language: app.request.locale}) %}
<section class="demi-additionalservice-teaser isClickable">
<div class="demi-additionalservice-teaser__img">
{% set teaserImage = offeritem.getFirstImage() %}
{% if not teaserImage %}
{% set teaserImage = demi_core_configuration("getAdditionalServiceTeaserFallbackImage",{}) %}
{% endif %}
{% if not teaserImage %}
{% set teaserImage = demi_core_configuration("getTeaserFallbackImage",{}) %}
{% endif %}
{% if teaserImage is instanceof ("\\Pimcore\\Model\\Asset\\Image") %}
<div class="embed-responsive embed-responsive-1by1">
{{ teaserImage.getThumbnail('demi-additionalservice-teaser').getHTML({'imgAttributes': {"class" : "embed-responsive-item"}}) | raw }}
</div>
{% endif %}
</div>
<div class="demi-additionalservice-teaser__body">
<h3 class="demi-additionalservice-teaser__title">
<a href="{{ detailUrl }}" target="_self">{{ offeritem.getName() }}</a>
</h3>
<div class="row align-items-end row--gutter-width-10 mt-auto">
{% if offeritem.getAdditionalProducts() and offeritem.getAdditionalProducts()[0] is defined %}
{% if offeritem.getAdditionalProducts()[0].getPriceTemplates() is iterable and demi_additionalGetCheapestPrice(offeritem) != 0 %}
<span class="col demi-additionalservice-teaser__price-label">
{{ "demi.additionalservice.teaser.per-unit" | trans }}
</span>
<div class="col-auto demi-additionalservice-teaser__price">
{{ 'demi.additionalservice.price-from'|trans }} {{ demi_paymentGetPriceObject(demi_additionalGetCheapestPrice(offeritem) ?: 0) }}
</div>
{% else %}
<span class="col demi-additionalservice-teaser__price-label"></span>
<div class="col-auto demi-additionalservice-teaser__price">
{{ 'demi.additionalservice.price-free'|trans }}
</div>
{% endif %}
{% endif %}
</div>
</div>
</section>