{namespace color=MediateSystems\MsEvent\ViewHelpers}

<div class="museums-switcher-preview {f:if(condition: '{current_house} == {house.pagesettings.uid}', then: 'active')}"
     data-categorie="{house.houseCategory}">
    <f:link.page pageUid="{house.pagesettings.uid}">


        {f:render(partial: 'HouseOpening/Opening', arguments: {
        houseOpeningOpen: house.houseOpening.open,
        houseOpening_from: house.houseOpening.data.from_time,
        houseOpening_to: house.houseOpening.data.to_time
        })}


        <div class="museums-switcher-preview-image">
            <f:if condition="{house.museums_switcher_teaser_image.0}">
                <f:then>
                    <f:image cropVariant="house" width="420" height="280" title="{house.name}" alt="{house.name}" absolute="1"
                             image="{house.museums_switcher_teaser_image.0}"></f:image>
                </f:then>
                <f:else>
                    <img src="https://www.placehold.co/420x280.png?text={v:format.replace(content:'{house.name}', substring:' ', replacement:'')}"
                         alt="{house.name}"
                         title="{house.name}">
                </f:else>
            </f:if>
            <f:if condition="{current_house} == {house.pagesettings.uid}">
                <f:then>
                    <div class="effect-centered" style="opacity: 1;">
                        <span><f:translate key="tx_msevent_domain_model_house.currentmuseum"
                                           extensionName="ms_event"/></span>
                    </div>
                </f:then>
                <f:else>
                    <div class="effect-centered">
                    <span><f:translate key="tx_msevent_domain_model_house.entermuseum"
                                       extensionName="ms_event"/></span>
                    </div>
                </f:else>
            </f:if>

            <f:comment>
                //Deprecated since 07.08.2023 - Melcher -Farbbalken unten kann weggelassen werden wie besprochen.
                <f:if condition="{house.colorbar}">
                    <f:format.html>{color:colorbar(colorbar: house.colorbar)}</f:format.html>
                </f:if>
            </f:comment>

        </div>

        <f:if condition="{house.name}">
            <div class="museums-switcher-title">

                {house.name}

            </div>
        </f:if>

        <f:if condition="{house.descriptionTop}">
            <div class="museums-switcher-subtitle">
                <p>{house.descriptionTop}</p>
            </div>
        </f:if>
    </f:link.page>
</div>