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

<f:layout name="Default"/>

<f:section name="Content">
    <div class="mt-10">
        <f:if condition="{title}">
            <h2 class="mt-0 pb-6">{title}</h2>
        </f:if>

        <vh:render
            partial="PointOfInterests/ItemList"
            contentAs="additionalSlides"
            arguments="{vh:collection.merge(base: _all, extension: { id: '{vh:generate.randomString()}', enableSwiper: 1 })}">

            <a
                href="{listUri}"
                class="c-show-all-card group bg-gray-200 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 top-0 ml-1">
                        <use xlink:href="#icon-arrow-right"></use>
                    </svg>
                </h3>
                <p class="text-sm">({count})</p>
            </a>
        </vh:render>
        <a href="{listUri}" class="block w-full text-right 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>
</f:section>
