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

<div class="mb-10">
    <f:if condition="{article.relatedLists.poiHighlights.identifiers}">
        <poi:entityList.articles entityList="{article.relatedLists.poiHighlights}" article="{article}" node="{node}">
            <f:if condition="{articles}">
                <h2 class="mt-0 mb-6">
                    <f:translate
                            id="cityDetails.poiHighlights.headline"
                            arguments="{0: article.name}"
                            package="Newland.Toubiz.Poi.Neos"
                            source="Views/Cities"/>

                </h2>
                <vh:render
                        partial="PointOfInterests/ItemList"
                        arguments="{ articles: articles, node: node, enableSwiper: 1 , id: 'poi_highlights' }">
                </vh:render>
            </f:if>
        </poi:entityList.articles>
    </f:if>

    <f:for each="{article.relatedLists.entityLists}" as="list" key="id">
        <div class="mt-10">
            <poi:entityList.articles entityList="{list}" limit="{listLimit}" article="{article}" node="{node}">
                <f:if condition="{totalCount}">
                    <div class="flex justify-between items-center pb-6">
                        <h2 class="mt-0">{list.title}</h2>
                        <a href="{listLink}" class="text-secondary no-underline hover:no-underline focus:no-underline">
                            <vh:translate
                                    id="swiper.showAll"
                                    package="Newland.Toubiz.Poi.Neos"
                                    source="Views/FilteredLists"/>

                            <svg class="c-icon" aria-hidden="true">
                                <use xlink:href="#icon-arrow-right"/>
                            </svg>
                        </a>
                    </div>

                    <vh:render
                            partial="PointOfInterests/ItemList"
                            contentAs="additionalSlides"
                            arguments="{ articles: articles, node: node, enableSwiper: 1 , id: id }">

                        <a
                                href="{listLink}"
                                class="c-show-all-card group bg-grey-lighter h-full flex justify-center items-center flex-col py-4 no-underline text-copy border-box">

                            <svg class="c-icon text-secondary bg-white rounded-full w-16 h-16 p-3 group-hover:text-white group-hover:bg-secondary transition-all transition-timing-ease-in transition-timing-short">
                                <use xlink:href="#icon-plus"></use>
                            </svg>

                            <h3 class="font-bold mt-6 flex items-center">
                                <span>
                                    <vh:translate
                                            id="swiper.showAll"
                                            package="Newland.Toubiz.Poi.Neos"
                                            source="Views/FilteredLists"/>

                                </span>
                                <svg class="c-icon pin-t ml-1">
                                    <use xlink:href="#icon-arrow-right"></use>
                                </svg>
                            </h3>
                            <p class="text-sm">({totalCount})</p>
                        </a>
                    </vh:render>
                </f:if>
            </poi:entityList.articles>
        </div>
    </f:for>
</div>
