<div class="tb-header">
    <div class="tb-header__topline">
        <f:if condition="{article.flatAttributes.labels.top}">
            <span class="tb-badge">
                <f:translate
                    id="property.attribute.labels.top"
                    package="Newland.Toubiz.Poi.Neos"
                    source="Views/Teaser" />

            </span>
        </f:if>
        <span class="uppercase font-bold">{article.categories.0.title}</span>

        <f:if condition="{article.flatAttributes.gastronomyStyle}">
            <span>|&nbsp;
                <f:for each="{article.flatAttributes.gastronomyStyle}" as="gastronomyStyle" iteration="iterator">
                    {gastronomyStyle}{f:if(condition: '!{iterator.isLast}', then: ' • ')}
                </f:for>
            </span>
        </f:if>
    </div>

    <h1 itemprop="name">{article.name}</h1>
    <f:if condition="{article.mainAddress || article.openingTimes}">
        <div class="tb-header__subline">
            <f:if condition="{article.mainAddress} && !{article.mainAddress.empty}">
                <p class="tb-header__location">
                    <svg class="c-icon text-primary" aria-hidden="true">
                        <use xlink:href="#icon-location" />
                    </svg>

                    <span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
                        <f:if condition="{article.mainAddress.street}">
                            <span itemprop="streetAddress">{article.mainAddress.street},</span>
                        </f:if>
                        <span itemprop="postalCode">{article.mainAddress.zip}</span> <span itemprop="addressLocality">{article.mainAddress.city}</span>
                    </span>
                </p>
            </f:if>

            <f:if condition="{article.openingTimes}">
                <f:render partial="PointOfInterests/OpeningTimes"
                          arguments="{ article: article, displayTable: 1 }" />
            </f:if>
        </div>
    </f:if>
</div>
