{namespace neos=Neos\Neos\ViewHelpers}
{namespace event=Newland\Toubiz\Events\Neos\ViewHelpers}

<div class="tb-event-teaser-list">
    <f:if condition="{events}">
        <ul class="tb-event-teaser-list__items">
            <f:for each="{events}" as="event">
                <li class="tb-event-teaser-list-item">
                    <p class="tb-event-teaser-list-item__topline">
                        <f:format.date date="{event:context.eventDate(event: event, currentDate: currentDate)}"
                                       cldrFormat="E, dd. MMMM y"
                                       forceLocale="{targetNode.context.dimensions.language.0}" />

                        <f:if condition="{event.beginsAtSpecificTime}">
                            |
                            {event.beginsAt -> f:format.date(format: 'H:i')}
                            {f:translate(id: 'views._shared.word.clock', package: 'Newland.Toubiz.Events.Neos')}
                        </f:if>
                    </p>

                    <h3 class="tb-event-teaser-list-item__title">
                        <f:if condition="{targetNode}">
                            <f:then>
                                <neos:link.node node="{targetNode}"
                                                arguments="{
                                                    --newland_toubiz_events_neos-full: {
                                                        '@package': 'newland.toubiz.events.neos',
                                                        '@controller': 'events',
                                                        '@action': 'show',
                                                        event: event
                                                    }
                                                }"
                                                class="tb-event-teaser-list-item__link">

                                    {event.title}
                                </neos:link.node>
                            </f:then>
                            <f:else>
                                {event.title}
                            </f:else>
                        </f:if>
                    </h3>
                    <p class="tb-event-teaser-list-item__subline">{event.location.city}</p>
                </li>
            </f:for>
        </ul>

        <f:if condition="{targetNode}">
            <neos:link.node node="{targetNode}" class="tb-event-teaser-list__link">
                <f:translate id="targetNode.label"
                             package="Newland.Toubiz.Events.Neos"
                             source="Views/TeaserWidget" />

            </neos:link.node>
        </f:if>
    </f:if>
</div>