{namespace v=FluidTYPO3\Vhs\ViewHelpers}


{namespace format=MediateSystems\MsEvent\ViewHelpers}

<div class="programm school black-white">

    <f:if condition="{settings.noteaser} == 0">
        <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: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"
                         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:if condition="{event.placesStr} != '' || {event.mainHouse.hideHouseInEventBox} != '1'">
                <f:spaceless>
                    <div class="formats">
                        <div class="format">
                            <p>
                                <f:if condition="{event.mainHouse.hideHouseInEventBox} != '1'"><span
                                        class="event_house">{event.mainHouse.name}</span>
                                    <f:if condition="{event.placesStr} != ''">,&nbsp;</f:if>
                                </f:if>
                                <f:if condition="{event.placesStr} != ''">{event.placesStr}</f:if>
                            </p>
                        </div>
                    </div>
                </f:spaceless>
            </f:if>

            <f:if condition="{event.target_school_formatted}!=''">
                <div class="event_type">
                    <div class="formats">
                        <div class="format">
                            <p>{event.target_school_formatted}<f:if condition="{event.school_grades_text} && {event.school_grades}">, {event.school_grades_text}</f:if>
                            </p>
                        </div>
                    </div>
                </div>
            </f:if>

            <f:format.html>{format:eventFormat(type: '{event.type}')}</f:format.html>
        </div>

        <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:if condition="{event.title}">
            <h2>{event.title}</h2>
        </f:if>

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

        <f:if condition="{event.school_registration_showdetail}">
            <br/>
            <span class="registration"><f:if condition="{event.school_registration_formatted.caption}"><span
                    style="{f:if(condition: '{event.school_registration_formatted.style}', then: '{event.school_registration_formatted.style}')}font-weight: bold;">{event.school_registration_formatted.caption}<f:if
                    condition="{event.school_registration_formatted.colon}">:</f:if>&nbsp;</span></f:if><f:if
                    condition="{event.school_registration_formatted.text}"><span><f:format.raw>{event.school_registration_formatted.text}</f:format.raw></span></f:if></span>
        </f:if>

        <div class="hiddendescription">

            <f:spaceless>
                <f:if condition="{event.date_title} || ({event.date} && {event.show_date} != '1') || {event.from_time} || {event.date_additional_text}">
                    <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>

                            <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>

            <p class="description">
                <f:format.raw>{event.description}</f:format.raw>
            </p>


            <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: 'Event Details' ,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>


        <!--
        <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>
        -->

    </div>
</div>


<f:comment>
    <f:link.action action="show" extensionName="msevent" pluginName="list"
                   arguments="{event: event.uid, date: event.real_date}" pageUid="{event.pid}"
                   class="modern-aktuell clearfix boxschool {f:if(condition: '{settings.noteaser} == \'1\'', then: 'noImage')} {f:if(condition: '{event.tip}', then: 'event_tip')}"
                   id="e{event.uid}">
        <div class="innerflex">
            <div class="image">
                <f:if condition="{event.image}">
                    <f:then>
                        <f:image treatIdAsReference="true" src="{event.image.uid}" alt="{event.title}" width="490"
                                 height="362" cropVariant="teaser"/>
                    </f:then>
                    <f:else>
                        <div class="event_image_placeholder"></div>
                    </f:else>
                </f:if>
            </div>

            <div class="inner">
                <div class="details">
                    <f:if condition="{event.tip}">
                        <div class="event_tip_img">
                            <img src="/typo3conf/ext/ms_event/Resources/Public/Icons/tip_school.png" alt="Tipp"/>
                        </div>
                    </f:if>
                    <f:if condition="{event.target_school_formatted}!=''">
                        <div class="event_type">
                            <span>{event.target_school_formatted}<f:if
                                    condition="{event.school_grades_text} && {event.school_grades}">,&nbsp;{event.school_grades_text}</f:if></span>
                        </div>
                    </f:if>
                    <h1>{event.title}</h1>
                    <f:if condition="{event.subtitle}!=''">
                        <h2>{event.subtitle}</h2>
                    </f:if>

                    <f:spaceless>
                <span class="date">
                    <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>
                </span>
                    </f:spaceless>

                    <f:if condition="{event.placesStr} != '' || {event.mainHouse.hideHouseInEventBox} != '1'">
                        <f:spaceless>
                            <span class="event_room"> >&nbsp;<f:if
                                    condition="{event.mainHouse.hideHouseInEventBox} != '1'"><span class="event_house">{event.mainHouse.name}</span><f:if
                                    condition="{event.placesStr} != ''">,&nbsp;</f:if></f:if><f:if
                                    condition="{event.placesStr} != ''">{event.placesStr}</f:if></span>
                        </f:spaceless>
                    </f:if>

                    <f:if condition="{event.school_registration_showdetail}">
                        <br/>
                        <span class="registration"><f:if condition="{event.school_registration_formatted.caption}"><span
                                style="{f:if(condition: '{event.school_registration_formatted.style}', then: '{event.school_registration_formatted.style}')}font-weight: bold;">{event.school_registration_formatted.caption}<f:if
                                condition="{event.school_registration_formatted.colon}">:</f:if>&nbsp;</span></f:if><f:if
                                condition="{event.school_registration_formatted.text}"><span><f:format.raw>{event.school_registration_formatted.text}</f:format.raw></span></f:if></span>
                    </f:if>
                </div>

                <br/>
                <br/>
                <p>
                    <f:format.raw>{event.description}</f:format.raw>
                </p>
            </div>
        </div>
        <div class="aktuell-border"></div>
    </f:link.action>

</f:comment>