{namespace ep=EP\EpTheme\ViewHelpers}
<f:if condition="{bars}">
    <f:then><div class="ep-headbar">{region.name -> f:format.raw()}</div></f:then>
    <f:else><h2 class="headline headline--secondary headline--has-subline"><span class="headline__subline">Skiurlaub im</span><br>Skigebiet {region.name -> f:format.raw()}</h2></f:else>
</f:if>
<div class="region-details region-details--ski-area">
    {region.skiArea -> f:format.html()}
    <f:if condition="{teasers}">
        <a id="teasers" class="anchor"></a>
        <div class="slider slider--teasers in-column">
            <div class="row slider__items">
                <f:for each="{teasers}" as="teaser">
                    <div class="col-md-4">
                        <f:render partial="Product/Teaser" section="Teaser" arguments="{teaser: teaser}"/>
                    </div>
                </f:for>
            </div>
        </div>
        <f:if condition="{settings.showMoreLink}">
            <p class="text-right"><f:link.action pageUid="{settings.defaultSearchPageUid}"
                           class="button"
                           action="searchresult"
                           controller="Search"
                           arguments="{filterSettings: '{filterSettings -> ep:filterSettingsEncoder()}'}"
                           noCacheHash="true"
                           additionalAttributes="{rel: 'nofollow'}">Alle anzeigen</f:link.action></p>
        </f:if>
    </f:if>
    <f:if condition="{region.skiAreaExtended}">{region.skiAreaExtended -> f:format.html()}</f:if>
</div>
<f:if condition="{region.images -> f:count()} > 0">
    <f:render partial="ContentSlider" arguments="{images: region.images, id: 'region-{region.uid}', thumbnails: 1}"/>
</f:if>
<f:if condition="{bars}">
    <f:then><div class="ep-headbar">{f:if(condition: '{region.season} == "w"', then: 'Skipass', else: 'Highlights')}</div></f:then>
    <f:else><h2>{f:if(condition: '{region.season} == "w"', then: 'Skipass', else: 'Highlights')}</h2></f:else>
</f:if>
<f:if condition="{region.skiPass}">
    <div class="region-details region-details--skipass">
        {region.skiPass -> f:format.html()}
    </div>
</f:if>
<f:if condition="{region.description}">
    <div class="region-details region-details--description">
        {region.description -> f:format.html()}
    </div>
</f:if>
<f:if condition="{region.news}">
    <f:if condition="{bars}">
        <f:then><div class="ep-headbar">Aktuell</div></f:then>
        <f:else><h2>Aktuell</h2></f:else>
    </f:if>
    <div class="region-details region-details--news">
        {region.news -> f:format.html()}
    </div>
</f:if>