{namespace hardfacts=MediateSystems\MsEvent\ViewHelpers}
{namespace ms=Mediatesystems\UmjSitepackage\ViewHelpers}

<f:comment>
    Zeit-/sprachgesteuerte Shop-URL fuer den Ticket-Button (leer = Button ausblenden).
    Wird sowohl in den Hard Facts (rechts oben) als auch unter dem Langtext genutzt.
</f:comment>
<f:variable name="ticketUrl" value="{hardfacts:TicketUrl(event: event)}" />

<!-- Event Hardfacts -->
<div class="f05_text_block_exhibition_details black-white">
    <div class="f05_text_block_exhibition_details_wrapper">
        <div class="f05_text_block_exhibition_details_inner_wrapper">
            <div class="line"></div>
            <div class="f05_text_block_exhibition_details_elements_wrapper">
                <f:variable name="ticketButtonCell"><f:if condition="{ticketUrl}"><div class="f05_text_block_exhibition_details_element f05_text_block_exhibition_details_element--ticket"><a href="{ticketUrl -> f:format.htmlspecialchars()}" target="_blank" rel="noopener" class="btn btn-primary f05_ticket_button"><ms:button type="text" text="{f:translate(key: 'tx_msevent.ticket_buchen')}" direction="right" border="0" /></a></div></f:if></f:variable>
                <f:format.raw>{hardfacts:RenderHardFacts(event: event, ticketButton: ticketButtonCell)}</f:format.raw>
            </div>
            <div class="line"></div>
            <div role="button" aria-label="Alles Anzeigen" class="f05_text_block_exhibition_details_show_more" onclick="showMore(this)">
                <p><f:translate key="tx_msevent.showall"/></p>
                <svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M1.24908 0.969727L4.99908 4.71973L8.74908 0.969727L9.27941 1.50006L5.26424 5.51522C5.1178 5.66167 4.88036 5.66167 4.73391 5.51522L0.71875 1.50006L1.24908 0.969727Z" fill="black"></path>
                </svg>
            </div>
        </div>
    </div>
</div>

<!-- Event Teaser -->
<div class="f06_f07_f08_f09_text_blocks black-white">
    <div class="f06_f07_f08_f09_text_blocks_wrapper">
        <div class="f06_f07_f08_f09_text_blocks_inner_wrapper">
            <div class="f06_f07_f08_f09_text_blocks_headline">
                <f:comment>
                    {event.mainHouse.uid}:
                    8 => Landeszeughaus //removed because not wanted and the format 4 will clear the problem
                    16 => Schloss Eggenberg //removed because not wanted and the format 4 will clear the problem
                    {event.type} != 105 ==> type Pressekonferenz
                </f:comment>

                <f:if condition="{event.format} != 4 && {event.type} != 105">


                    <f:if condition="{event.format} === '1'">
                        <f:then>
                            <f:if condition="{event.type_array.42} || {event.type_array.46} || {event.type_array.38} || {event.type_array.103}">
                                <f:then>
                                    <h3><f:translate key="tx_msevent.aboutthe_2"/><br> <f:translate key="tx_msevent.project"/></h3>
                                </f:then>
                                <f:else>
                                    <h3><f:translate key="tx_msevent.aboutthe_1"/><br> <f:translate key="tx_msevent.exhibition"/></h3>
                                </f:else>
                            </f:if>
                        </f:then>
                    </f:if>
                    <f:if condition="{event.format} === '4'">
                        <h3><f:translate key="tx_msevent.aboutthe_1"/><br> <f:translate key="tx_msevent.exhibition"/></h3>
                    </f:if>
                    <f:if condition="{event.format} === '5'">
                        <h3><f:translate key="tx_msevent.aboutthe_2"/> <br> <f:translate key="tx_msevent.project"/></h3>
                    </f:if>
                    <f:if condition="{event.format} === '3'">
                        <h3><f:translate key="tx_msevent.aboutthe_1"/> <br> <f:translate key="tx_msevent.tour"/></h3>
                    </f:if>
                    <f:if condition="{event.format} === '2'">
                        <h3><f:translate key="tx_msevent.aboutthe_1"/> <br> <f:translate key="tx_msevent.event"/></h3>
                    </f:if>
                </f:if>
            </div>
            <div class="f06_f07_f08_f09_text_blocks_text_wrapper">
                <f:if condition="{event.description}">
                        <f:then>
                            <div class="f06_f07_f08_f09_text_blocks_text intro ">
                                <p>{event.description}</p>
                                <br/>
                                <f:format.html>{event.school_registration_text}</f:format.html>
                            </div>
                        </f:then>
                    <f:else>
                        <f:comment>API Events have other Descriptions</f:comment>
                        <div class="f06_f07_f08_f09_text_blocks_text intro ">

                            <f:format.html>{event.crm_text_teaser}</f:format.html>

                            <f:format.html>{event.crm_webtext_long}</f:format.html>
                        </div>
                    </f:else>
                </f:if>
                <f:if condition="{event.cooperation}">
                    <div class="f06_f07_f08_f09_event_detail_text_block_wrapper">
                        <div class="f06_f07_f08_f09_event_detail_text_block_headline">
                            <p><f:translate key="tx_msevent.cooperationwith"/></p>
                        </div>
                        <div class="f06_f07_f08_f09_event_detail_text_block_text">
                            <f:format.html>{event.cooperation}</f:format.html>
                        </div>
                    </div>
                </f:if>
                <f:if condition="{event.exhibition_design}">
                    <div class="f06_f07_f08_f09_event_detail_text_block_wrapper">
                        <div class="f06_f07_f08_f09_event_detail_text_block_headline">
                            <p><f:translate key="tx_msevent.exhobitiondesign"/></p>
                        </div>
                        <div class="f06_f07_f08_f09_event_detail_text_block_text">
                            <f:format.html>{event.exhibition_design}</f:format.html>
                        </div>
                    </div>
                </f:if>
                <f:if condition="{event.information}">
                    <div class="f06_f07_f08_f09_event_detail_text_block_wrapper">
                        <div class="f06_f07_f08_f09_event_detail_text_block_headline">
                            <p><f:translate key="tx_msevent.information"/></p>
                        </div>
                        <div class="f06_f07_f08_f09_event_detail_text_block_text">
                            <f:format.html>{event.information}</f:format.html>
                        </div>
                    </div>
                </f:if>
                <f:if condition="{ticketUrl}">
                    <div class="f06_f07_f08_f09_ticket_button">
                        <a href="{ticketUrl}" target="_blank" rel="noopener" class="btn btn-primary f05_ticket_button"><ms:button type="text" text="{f:translate(key: 'tx_msevent.ticket_buchen')}" direction="right" border="0" /></a>
                    </div>
                </f:if>
            </div>
        </div>
    </div>
</div>