<section class="container content-block js-fade-in {{ include('Layout/includes/editmode-box-classes.html.twig') }} {{ styleModifier | default(null) }} {{ not pimcore_input('anchorTitle').empty ? 'js-anchor-nav__item' : '' }}" {% if not pimcore_input('anchorTitle').empty %}data-anchor-nav-title="{{ pimcore_input('anchorTitle').frontend }}"{% endif %}>
{% embed 'Includes/editmode-settings.html.twig' %}
{% block additionalInfo %}
<div>
<label>
Supports: DemiInfrastructure, Package, DemiAccommodation, DemiAdditionalService, DemiEvent, BlogArticle, AlpsteinTour, Image Teaser Snippet, Young Styria Accomondation
</label>
</div>
<div>
Fallbackteaser (Image Teaser Snippet): {{ pimcore_relation("fallbackSnippet",{
"types": ["document"],
"subtypes": {
"document": ["snippet"],
},
}) }}
</div>
<div>
Teaser left sided: {{ pimcore_checkbox('left-sided', {reload: true}) }}
</div>
<div>
FallbackText (used if no teaser is visible): {{ pimcore_input('fallbacktext')}}
</div>
{% endblock %}
{% endembed %}
{{ include('Includes/title-block-splitted-editable.html.twig') }}
{% set leftsided = pimcore_checkbox('left-sided').checked %}
{% set fallback = pimcore_relation('fallbackSnippet').empty ? null : pimcore_relation('fallbackSnippet').element.id %}
{% set falllbacktext = not pimcore_input('fallbacktext').empty ? pimcore_input('fallbacktext').data : null %}
{% for i in pimcore_iterate_block(pimcore_block('offer-teaser-row', {'default': 1})) %}
<div class="">
{# offer-teaser-row should only contain 4 teasers
teasers are displayed with scrollbar mobile
#}
<div class="{{ leftsided ? '' : 'justify-content-md-center ' }}row scrolling-row">
{% if not editmode and falllbacktext and checkIfNoRenderletIsValid([pimcore_renderlet('teaser1'), pimcore_renderlet('teaser2'), pimcore_renderlet('teaser3'), pimcore_renderlet('teaser4')]) %}
<div class="alert alert-danger">{{ falllbacktext }}</div>
{% else %}
{% for i in 1..4 %}
{% if editmode or not pimcore_renderlet('teaser' ~ i).empty %}
<div class="col-md-2 col-5 scrolling-row__item">
{{ pimcore_renderlet('teaser' ~ i, {
'controller': 'App\\Controller\\RenderletController::imgTeaserAction',
height: 250,
hasShadow: true,
editmode: editmode,
fallback: fallback
}) }}
</div>
{% endif %}
{% endfor %}
{% endif %}
</div>
</div>
{% endfor %}
</section>