{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 })}">

            <f:if condition="!{hideShowAll}">
                <a
                    href="{listUri}"
                    class="c-show-all-card rounded-md 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>
            </f:if>
        </vh:render>

        <f:if condition="!{hideShowAll}">
            <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>
        </f:if>
    </div>
</f:section>
