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


<events:link.eventDate
    date="{eventDate}"
    currentNode="{targetNode}"
    class="tb-teaser"
>
    <common:slot.render slot="aboveListItem" context="{ eventDate: eventDate }" />
    <vh:render section="content" arguments="{_all}" />
    <common:slot.render slot="belowListItem" context="{ eventDate: eventDate }" />
</events:link.eventDate>

<f:section name="content">
    <vh:render partial="EventDates/Teaser/Common/Image" arguments="{_all}"/>

    <div class="tb-teaser__text">
        <vh:render
            section="dateSection"
            arguments="{ date: eventDate.beginsAt, language: targetNode.context.targetDimensions.language, eventDate: eventDate }"
        />
        <vh:render partial="EventDates/Teaser/Common/Topline" arguments="{_all}"/>

        <h3 class="tb-teaser__title" itemprop="name">
            {eventDate.event.title}
        </h3>

        <f:if condition="{eventDate.cancelled}">
            <p class="tb-teaser__cancelled mb-1">
                {f:translate(id: 'property.canceled', package: 'Newland.Toubiz.Events.Neos', source: 'Models/Event')}
            </p>
        </f:if>

        <f:if condition="{eventDate.event.areaName} || {eventDate.event.location.name}">
            <p class="tb-teaser__location">
                <f:if condition="{eventDate.event.areaName}">
                    <span class="tb-teaser__location">
                        {eventDate.event.areaName}
                    </span>
                </f:if>
                <f:if condition="{eventDate.event.location.name}">
                    <f:if condition="{eventDate.event.areaName}">
                        <span>&bull;</span>
                    </f:if>
                    <span class="tb-teaser__location">
                        {eventDate.event.location.name}
                    </span>
                </f:if>
            </p>
        </f:if>

        <div class="mt-2 {f:if(condition: eventDate.cancelled, then: 'line-through', else: '')}">
            <vh:render partial="EventDates/Time" arguments="{eventDate: eventDate, prefix: '', suffix: ''}" />
        </div>

        <f:if condition="{eventDate.event.marketingPrice.value}">
            <p class="tb-teaser__marketing-price">
                <f:if condition="{eventDate.event.marketingPrice.prefix}">
                    <span class="tb-teaser__marketing-price__prefix">
                        {eventDate.event.marketingPrice.prefix}
                    </span>
                </f:if>
                <span class="tb-teaser__marketing-price__value">
                    {eventDate.event.marketingPrice.value}
                    <f:if condition="{eventDate.event.marketingPrice.currency} == 'chf'">
                        <f:then>
                            CHF
                        </f:then>
                        <f:else>
                            €
                        </f:else>
                    </f:if>
                </span>
                <f:if condition="{eventDate.event.marketingPrice.comment}">
                    / {eventDate.event.marketingPrice.comment}
                </f:if>
            </p>
        </f:if>
    </div>
</f:section>

<f:section name="dateSection">
    <f:if condition="{date}">
        <div class="tb-teaser-date">
            <span class="text-sm uppercase block">
                <f:format.date
                    date="{date}"
                    cldrFormat="EEEE"
                    forceLocale="{language}" />
            </span>
            <span class="tb-teaser-date__month {f:if(condition: eventDate.cancelled, then: 'line-through', else: '')}">
                <f:format.date
                    date="{date}"
                    cldrFormat="dd.MM."
                    forceLocale="{language}"
                /></span>
            <span class="tb-teaser-date__year">
                <f:format.date
                    date="{date}"
                    cldrFormat="yyyy"
                    forceLocale="{language}" />
            </span>
        </div>
    </f:if>
</f:section>