{namespace neos=Neos\Neos\ViewHelpers}
{namespace vh=Newland\NeosViewHelpers\ViewHelpers}
{namespace events=Newland\Toubiz\Events\Neos\ViewHelpers}
{namespace common=Newland\Toubiz\Common\Neos\ViewHelpers}

<f:layout name="Default"/>

<f:section name="Content">
    <div id="{node.identifier}">
        <common:slot.render slot="aboveList" />
        <f:if condition="{format} === 'ajax'">
            <f:then>
                <vh:render renderable="{filter.statusIndicators}" />
                <vh:render partial="FilteredLists/Result" arguments="{_all}"/>
            </f:then>
            <f:else if="{pagination.isFirst}">
                <vh:render section="FirstPage" arguments="{_all}" />
            </f:else>
            <f:else>
                <vh:render renderable="{filter}" />
                <vh:render partial="FilteredLists/ResultsContainer" arguments="{_all}"/>
            </f:else>
        </f:if>
        <common:slot.render slot="belowList" />
    </div>
</f:section>

<f:section name="FirstPage">
    <div
        class="tb-results-container"
        data-toubiz-results="events"
        data-toubiz-results-loading="false">

        <common:slot.render slot="aboveListHighlights" />
        <f:if condition="{node.properties.showHighlights}">
            <events:widget.highlights node="{node}"/>
        </f:if>
        <common:slot.render slot="belowListHighlights" />

        <div class="tb-results-filter__wrapper mt-16 mb-4">
            <vh:render renderable="{filter}" />
        </div>

        <div
            class="tb-results-list"
            data-toubiz-results-list>
            <vh:render renderable="{filter.statusIndicators}" />

            <vh:contentElement.editable property="listLinksTitle" tag="h2" node="{node}" class="mt-8"/>
            {listLinks -> f:format.raw()}

            <common:slot.render slot="aboveListToday" />
            <f:if condition="{node.properties.showTodaySeparately}">
                <events:widget.today node="{node}"/>
            </f:if>
            <common:slot.render slot="belowListToday" />

            <f:if condition="{node.properties.showTodaySeparately}">
                <h2 class="text-center mb-4">
                    <f:translate
                        id="nextEvents.title"
                        package="Newland.Toubiz.Events.Neos"
                        source="Views/Events/Index" />
                </h2>
            </f:if>
            <f:alias map="{disablePagination: true}">
                <vh:render partial="FilteredLists/Result" arguments="{_all}"/>
            </f:alias>
            <f:if condition="!{pagination.isLast}">
                <footer class="tb-event-list__footer pt-8 text-center">
                    <a href="{secondPageUri}#{node.identifier}" class="c-button c-button--outline">
                        <f:translate
                            id="moreEvents"
                            package="Newland.Toubiz.Events.Neos"
                            source="Views/Events/Index" />
                    </a>
                </footer>
            </f:if>

        </div>
    </div>

</f:section>