{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">
            <f:if condition="{region.season} == 's'">
                <f:then>
                    <span class="headline__subline">Urlaub im</span> Gebiet {region.name -> f:format.raw()}
                </f:then>
                <f:else>
                    <span class="headline__subline">Skiurlaub im</span> Skigebiet {region.name -> f:format.raw()}
                </f:else>
            </f:if>
        </h2>
    </f:else>
</f:if>
<div class="region-details region-details--ski-area" data-rte-content>
    {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.defaultStaticSearchPageUid}" class="button"
                               action="staticresult" controller="Search"
                               arguments="{encodedFilterSettings: '{filterSettings -> ep:filterSettingsEncoder()}'}"
                               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" data-rte-content>
        {region.skiPass -> f:format.html()}
    </div>
</f:if>
<f:if condition="{region.description}">
    <div class="region-details region-details--description" data-rte-content>
        {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" data-rte-content>
        {region.news -> f:format.html()}
    </div>
</f:if>