{namespace format=MediateSystems\MsEvent\ViewHelpers}
<div class="programm">
    <div class="eventtime">
        <p class="eventdate">
            <f:if condition="{event.show_date} == 0">
                <f:then>
                    <f:if condition="{event.date} && !{event.isSeries}">
                        <f:then>
                            <f:format.raw>{event.date}</f:format.raw>
                        </f:then>
                        <f:else>
                            <f:if condition="!{event.date}">
                                <f:format.date format="d.m.Y">{event.from_date}</f:format.date>
                            </f:if>
                        </f:else>
                    </f:if>
                    <f:if condition="{event.isSeries}">
                        <f:then>
                            <f:format.date format="d.m.Y">{event.from_date}</f:format.date>
                        </f:then>
                    </f:if>
                </f:then>
            </f:if>
        </p>
        <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>

                            {event.additional_dates_sameday.0.from_date -> f:format.date(format: 'H:i')}
                            -
                            {event.additional_dates_sameday.0.to_date -> f:format.date(format: 'H:i')}
                        </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>
                <p class="eventhours">
                    <f:if condition="{event.to_time} && {event.from_time}">
                        <f:then>
                            {event.from_time}
                            -
                            {event.to_time}
                        </f:then>
                        <f:else if="{event.from_time}">
                            {event.from_time}
                        </f:else>
                    </f:if>
                </p>
            </f:else>
        </f:if>

        <f:if condition="{event.additional_dates_sameday.1}">
            <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" style="">
                    <f:translate key="tx_msevent.show_more_dates" />
                </a>
            </div>
        </f:if>
    </div>

    <f:if condition="{settings.noteaser} == 0">
        <f:link.action class="btn btn-primary"  action="show" controller="Event" title="{f:translate(key: 'tx_msevent.showdetails')}"
                       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" alt="{event.title}" title="{event.title}"></f:image>
                </f:then>
                <f:else>
                    <img src="https://www.placehold.co/305x205.png?text={v:format.replace(content:'{event.title}', substring:' ', replacement:'')}" width="305" height="205" alt="{event.title}"
                         title="{event.title}">
                </f:else>
            </f:if>
        </f:link.action>

    </f:if>

    <div class="eventinfo">
        <div class="format-wrapper">
            <f:if condition="{event.tip}">
                <div class="event_tip_img">
                    <div class="formats"><div class="format"><p><f:translate key="tx_msevent.tip"/></p></div></div>
                </div>
            </f:if>

            <f:spaceless>
                <div class="formats"><div class="format"><p><span class="event_house" >{event.mainHouse.name}</span></p></div></div>
            </f:spaceless>
            <f:if condition="{event.formats.0}">
                <div class="formats">
                    <div class="format">
                        <f:if condition="{event.type}">
                            <f:then>
                                <p>{event.type_target.type.0}</p>
                            </f:then>
                            <f:else>
                                <p>{event.formats.0}</p>
                            </f:else>
                        </f:if>

                    </div>
                </div>
            </f:if>
        </div>


        <f:comment>
            OLD Refactored by Stefan
            <f:if condition="{format:eventFormat(type: '{event.type}')}">
                <div class="format-wrapper">
                    <f:format.html>{format:eventFormat(type: '{event.type}')}</f:format.html>
                </div>
            </f:if>
        </f:comment>


        <f:if condition="{event.title}">
            <h2>{event.title}</h2>
        </f:if>

        <f:if condition="{event.subtitle}">
            <h3>{event.subtitle}</h3>
        </f:if>


        <div class="hiddendescription">

            <f:spaceless>
                <f:if condition="{event.additional_dates_sameday.1}">
                    <f:then>
                        <div class="date">
                            <div class="dateicon">
                                <svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <rect x="0.499512" y="0.5" width="34" height="34" rx="17" fill="#F6F6F6"/>
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M21.437 10.75V9.625H20.312V10.75H14.687V9.625H13.562V10.75H11.8745C11.2532 10.75 10.7495 11.2537 10.7495 11.875V14.6875V23.125C10.7495 23.7463 11.2532 24.25 11.8745 24.25H23.1245C23.7458 24.25 24.2495 23.7463 24.2495 23.125V14.6875V11.875C24.2495 11.2537 23.7458 10.75 23.1245 10.75H21.437ZM23.1245 14.125V11.875H21.437V13H20.312V11.875H14.687V13H13.562V11.875H11.8745V14.125H23.1245ZM11.8745 15.25H23.1245V23.125H11.8745V15.25Z" fill="black"/>
                                </svg>
                            </div>
                          <div>
                              <p class="moreMeetings"><f:translate key="tx_msevent.next_dates" />
                                   <span>
                                      <f:for each="{event.additional_dates_sameday}" as="additionalTermin"  iteration="terminInteration">
                                          <f:if condition="!{terminInteration.isFirst}">
                                              <f:then>
                                                  <f:format.date format="H:i">{additionalTermin.from_date}</f:format.date> - <f:format.date format="H:i">{additionalTermin.to_date}</f:format.date>{f:if(condition: '{terminInteration.isLast}', then: '', else: ',')}
                                              </f:then>
                                          </f:if>
                                      </f:for>
                                   </span>
                              </p>
                          </div>



<!--
                            <f:if condition="{event.date_title}">
                                <span><strong>{event.date_title}</strong><f:if condition="({event.date} && {event.show_date} != '1') || {event.from_time} || {event.date_additional_text}">:&nbsp;</f:if></span>
                            </f:if>

                            <f:if condition="{event.date} && {event.show_date} != '1'">
                                <span class="date_termin"><f:format.raw>{event.date}</f:format.raw></span>
                            </f:if>

                            <f:if condition="{event.from_time}">
                                <span class="date_termin_time"><f:if condition="{event.date} && {event.show_date} != '1'">,&nbsp;</f:if>{event.from_time}<f:if condition="{event.to_time} != '0'">-{event.to_time}</f:if></span>
                            </f:if>

                            <f:if condition="{event.date_additional_text}">
                                <span><f:if condition="({event.date} && {event.show_date} != '1') || {event.from_time}">,&nbsp;</f:if>{event.date_additional_text}</span>
                            </f:if>
                            -->
                        </div>
                    </f:then>
                </f:if>
            </f:spaceless>


            <f:if condition="{event.crm_webtext_teaser}">
                <f:then>
                    <div class="description"><f:format.raw>{event.crm_webtext_teaser}</f:format.raw></div>
                </f:then>
                <f:else>
                    <f:if condition="{event.description}">
                        <p class="description">{event.description}</p>
                    </f:if>
                </f:else>
            </f:if>


            <f:link.action class="btn btn-primary"  action="show" controller="Event" title="{f:translate(key: 'tx_msevent.showdetails')}"
                           pluginName="EventList" addQueryString="false" extensionName="MsEvent" pageUid="{event.pid}"
                           arguments="{event : event.uid, date: event.real_date}">
                {ms:button(type: 'text',text: "{f:translate(key: 'tx_msevent.btn_text_showdetails')}" ,direction:"right",border:0)}
            </f:link.action>


        </div>
        <div class="eventlink">
            <a href="#" class="showmore">
                <f:translate key="tx_msevent_domain_model_house.showmore" extensionName="ms_event"/>
            </a>
            <a href="#" class="showless" style="display: none;">
                <f:translate key="tx_msevent_domain_model_house.showless" extensionName="ms_event"/>
            </a>
        </div>
        <f:comment>
            <div class="eventlink">
                <f:link.action action="show" controller="Event" title="Details anzeigen" 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>


    </div>
</div>