{namespace format=MediateSystems\MsEvent\ViewHelpers}
<div class="programm" xmlns:f="http://www.w3.org/1999/html">
    <div class="eventtime">
        <f:if condition="{event.weekDay}">
            <div class="eventDayName">
                <f:if condition="{event.show_date} != 1 && {event.record_type} != 1">
                    <f:then>
                        <p><f:format.raw>{event.weekDay}</f:format.raw></p>
                    </f:then>
                </f:if>
            </div>
        </f:if>
        <f:if condition="{event.date}">
            <f:then>
                <div class="eventDate">
                    <f:if condition="{event.show_date} != 1">
                        <f:then>
                            <p><f:format.raw>{event.date}</f:format.raw></p>
                        </f:then>
                    </f:if>
                </div>
            </f:then>
            <f:else>
                <div class="eventDate">
                    <f:if condition="{event.show_date} != 1">
                        <f:then>
                            <p><f:format.date format="d.m.">{event.from_date}</f:format.date></p>
                        </f:then>
                    </f:if>
                </div>
            </f:else>
        </f:if>
        <f:if condition="{event.additional_dates_sameday.0}">
            <f:then>
                <p class="eventHours">
                    <f:if condition="{event.additional_dates_sameday.0.from_date} && {event.additional_dates_sameday.0.to_date}">
                        <f:then>
                            <f:format.date format="H:i">{event.additional_dates_sameday.0.from_date}</f:format.date>
                                -
                                <f:format.date format="H:i">{event.additional_dates_sameday.0.to_date}</f:format.date>
                        </f:then>
                        <f:else>
                            {event.additional_dates_sameday.0.from_date -> f:format.date(format: 'H:i')}
                        </f:else>
                    </f:if>
                </p>
            </f:then>
            <f:else>
                <f:if condition="{event.from_time}">
                    <p class="eventHours">
                        <f:if condition="{event.to_time}">
                            <f:then>
                                <f:format.date format="H:i">{event.from_time}</f:format.date>
                                    -
                                    <f:format.date format="H:i">{event.to_time}</f:format.date>
                            </f:then>
                            <f:else if="{event.from_time}">
                                <f:format.date format="H:i">{event.from_time}</f:format.date>
                            </f:else>
                        </f:if>
                    </p>
                </f:if>
            </f:else>
        </f:if>
        <f:if condition="{event.additional_dates_sameday.1}">
            <div class="hiddendescription" style="height: 0; overflow: hidden;">
                <div class="date">
                    <p class="moreMeetings eventHours">
                        <span>
                            <f:for each="{event.additional_dates_sameday}" as="additionalTermin" iteration="terminInteration">
                                <f:if condition="!{terminInteration.isFirst}">
                                    <f:format.date format="H:i">{additionalTermin.from_date}</f:format.date><f:if condition="{additionalTermin.to_date}"> - <f:format.date format="H:i">{additionalTermin.to_date}</f:format.date></f:if>{f:if(condition: '{terminInteration.isLast}', then: '', else: '<br>')}
                                </f:if>
                            </f:for>
                        </span>
                    </p>
                </div>
            </div>
            <div class="additional-dates-link">
                <a href="#" class="showmore" style="display: none;">
                    <f:translate key="tx_msevent.show_less_dates" />
                </a>
                <a href="#" class="showless">
                    <f:translate key="tx_msevent.show_more_dates" />
                </a>
            </div>
        </f:if>
    </div>


    <f:if condition="{settings.noteaser} == 0 && {flexSettings.showImages}">
        <div class="teaserImage">
            <f:link.action action="show" controller="Event" title="{f:translate(key: 'tx_msevent.showdetails')}" class="programmcards"
                           pluginName="EventList" addQueryString="false" extensionName="MsEvent" pageUid="{event.pid}"
                           arguments="{event : event.uid, date: event.real_date}">

                <f:if condition="{event.image}">
                    <f:then>
                        <f:image image="{event.image}" width="305"></f:image>
                    </f:then>
                    <f:else>
                        <img src="https://www.placehold.co/305x205.png?text={event.title}" width="305" alt="{event.title}"
                             title="{event.title}">
                    </f:else>
                </f:if>
            </f:link.action>
        </div>
    </f:if>

    <div class="eventinfo">

        <f:link.action action="show" controller="Event" title="{f:translate(key: 'tx_msevent.showdetails')}" class="programmcards"
                       pluginName="EventList" addQueryString="false" extensionName="MsEvent" pageUid="{event.pid}"
                       arguments="{event : event.uid, date: event.real_date}">

            <f:if condition="{event.type_target.combined} && {event.record_type} != 1">
                <f:then>
                    <div class="format-wrapper">
                        <f:for each="{event.type_target.combined}" as="type"  >
                            <f:if condition="{type}">
                                <f:then>
                                    <div class="formats">
                                        <div class="format">
                                            <p>{type}</p>
                                        </div>
                                    </div>
                                </f:then>
                            </f:if>
                        </f:for>
                    </div>
                </f:then>
                <f:else>
                    <f:if condition="{event.record_type} == 1">
                        <f:then>
                            <div class="format-wrapper">
                                <f:if condition="{event.target_school_formatted}">
                                    <f:then>
                                        <div class="formats">
                                            <div class="format">
                                                <p>{event.target_school_formatted}</p>
                                            </div>
                                        </div>
                                    </f:then>
                                </f:if>
                                <f:if condition="{event.school_grades_text}">
                                    <f:then>
                                        <div class="formats">
                                            <div class="format">
                                                <p>{event.school_grades_text}</p>
                                            </div>
                                        </div>
                                    </f:then>
                                </f:if>
                            </div>
                        </f:then>
                    </f:if>
                </f:else>
            </f:if>
            <f:if condition="{event.title}">
                <div class="event-title">
                    <h4>{event.title}</h4>
                </div>

            </f:if>

            <f:if condition="{event.subtitle}">
                <div class="event-subtitle">
                    <h5>{event.subtitle}</h5>
                </div>
            </f:if>

            <div class="house">
                <f:if condition="{event.houses}">
                    <p><f:for each="{event.houses}" as="event_house" iteration="cycle"><f:if condition="{cycle.isFirst}" ><f:then><b>{event_house.name}</b></f:then><f:else>, {event_house.name}</f:else></f:if></f:for></p>
                    <f:comment>
                        if the <p> is multi line it has an " " bevore the ,
                    </f:comment>
                </f:if>
            </div>
        </f:link.action>
    </div>
    <div class="btn">
        <f:if condition="{event.right_button_link} && {event.right_button_text} && {f:link.typolink(parameter: '{event.right_button_link}')}">
            <f:link.typolink class="btn btn-primary" parameter="{event.right_button_link}">
                {ms:button(type: 'text',text: event.right_button_text,direction:"right",border:0)}
            </f:link.typolink>
        </f:if>
    </div>

</div>


<f:comment>
    <div class="eventlink">
        <f:link.action action="show" controller="Event" title="{f:translate(key: 'tx_msevent.showdetails')}" class="showEvent"
                       pluginName="EventList" addQueryString="false" extensionName="MsEvent" pageUid="{event.pid}"
                       arguments="{event : event.uid, date: event.real_date}">
            <f:translate key="tx_msevent_domain_model_house.showmore" extensionName="ms_event"/>
        </f:link.action>
    </div>
</f:comment>