{namespace vh=Newland\NeosViewHelpers\ViewHelpers}

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

        <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.0}" 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.isCity}">
                <f:then>
                    <f:if condition="{article.cityData.claim}">
                        <p><strong>{article.cityData.claim}</strong></p>
                    </f:if>
                </f:then>
                <f:else>
                    <f:if condition="{article.mainAddress} && !{article.mainAddress.empty}">
                        <p class="tb-header__location"
                           itemprop="{f:if(condition: article.isTour, then: 'location', else: 'address')}"
                           itemscope
                           itemtype="http://schema.org/PostalAddress">

                            <svg class="c-icon text-primary" aria-hidden="true">
                                <use xlink:href="#icon-location"/>
                            </svg>

                            <f:if condition="{article.mainAddress.street}">
                                <span itemprop="streetAddress">{article.mainAddress.street}</span>,
                            </f:if>
                            <span itemprop="postalCode">{article.mainAddress.zip}</span>
                            <span temprop="addressLocality">{article.mainAddress.city}</span>
                        </p>
                    </f:if>
                </f:else>
            </f:if>

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

            <f:if condition="{article.flatAttributes.labels.isClosed}">
                <p>
                    <strong class="text-negative">
                        <vh:translate id="heading.closed" package="Newland.Toubiz.Poi.Neos" source="Views/OpeningTimes"/>
                    </strong>
                </p>
            </f:if>
        </div>
    </f:if>
</div>