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

<f:layout name="Default"/>

<f:section name="Content">


    <f:render partial="Filter" arguments="{
        query: query,
        filterSections: filterSections,
        node: node
    }"/>

    <f:if condition="{topics}">
        <f:for each="{topics}" as="topic">
            <poi:link.articleFilter query="{poi:filter.query(topic: topic)}" class="tb-event-filter-facet-option">
                {topic.title}
            </poi:link.articleFilter>
        </f:for>
    </f:if>

    <f:if condition="{lists}">
        <f:then>
            <f:for each="{lists}" as="list" key="id">
                <h1>{list.title}</h1>
                <f:render partial="PointOfInterests/ItemList"
                          contentAs="additionalSlides"
                          arguments="{ articles: list.articles, node: node, enableSwiper: 1 , id: id}">
                    <poi:link.articleFilter query="{poi:filter.query(topic: list)}"
                                            class="c-show-all-card group bg-grey-light 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">
                            <use xlink:href="#icon-plus"></use>
                        </svg>

                        <p class="font-bold mt-8 flex items-center">
                        <span>
                            <f:translate id="swiper.showAll"
                                         package="Newland.Toubiz.Poi.Neos"
                                         source="Views/FilteredLists"/>
                        </span>
                            <svg class="c-icon pin-t">
                                <use xlink:href="#icon-arrow-right"></use>
                            </svg>
                        </p>
                        <p class="text-sm">({list.totalCount})</p>
                    </poi:link.articleFilter>
                </f:render>
            </f:for>
        </f:then>
        <f:else if="{neos:rendering.inBackend(node: node)}">
            <p>Please select categories or attributes to display lists.</p>
        </f:else>
    </f:if>

</f:section>