{namespace poi=Newland\Toubiz\Poi\Neos\ViewHelpers}
{namespace vh=Newland\NeosViewHelpers\ViewHelpers}
{namespace components=Newland\NeosCommon\ViewHelpers}

<f:if condition="{article.cityData.news}">
    <span itemprop="additionalProperty" itemscope itemtype="http://schema.org/PropertyValue">
        <h2 class="mt-0 mb-2 text-xl">
            {vh:translate(id: 'news.header', package: 'Newland.Toubiz.Poi.Neos', source: 'Views/Cities')}
        </h2>
        <meta itemprop="name" content="news">
        <div class="mb-10 text-grey-darkest leading-normal text-base" itemprop="value">
            {article.cityData.news -> f:format.raw()}
        </div>
    </span>
</f:if>

<poi:widget.linkList node="{node}" article="{article}"></poi:widget.linkList>

<f:if condition="{insertGalleryAfterLinks}">
    <components:gallery
        wrapperClass="mb-16"
        images="{article.imagesSorted}"
        videos="{article.videosSorted}"
    />
</f:if>

<poi:widget.relatedLists node="{node}" article="{article}"></poi:widget.relatedLists>

<div class="mb-16">
    <div class="tb-layout-detail">
        <section class="tb-layout-detail__main">
            <poi:widget.weather node="{node}" article="{article}"></poi:widget.weather>
        </section>
        <f:if condition="{article.cityData.webcamUrl}">
            <section class="tb-layout-detail__sidebar-last">
                <h2 class="mt-0 mb-6">
                    Webcam
                </h2>
                <figure role="group" class="tb-gallery-preview tb-gallery-preview--single-image" data-toubiz-gallery>
                    <div class="tb-gallery-preview__main">
                        <a
                            data-toubiz-gallery-item
                            href="{article.cityData.webcamUrl}"
                            data-sub-html="{article.cityData.webcamDescription}"
                            class="tb-gallery-preview__link"
                            itemprop="image"
                            itemscope
                            itemtype="http://schema.org/ImageObject">

                            <img data-src="{article.cityData.webcamUrl}" class="lazyload" itemprop="image"/>
                        </a>
                    </div>
                </figure>
                {article.cityData.webcamDescription}
            </section>
        </f:if>
    </div>
</div>
