{namespace v=FluidTYPO3\Vhs\ViewHelpers}

<f:asset.css identifier="jqueryuicss"
             href="EXT:umj_sitepackage/Resources/Public/JavaScript/Src/thirdparty/jquery-ui-1.13.2/jquery-ui.css"/>
<f:asset.script identifier="jqueryuijs"
                src="EXT:umj_sitepackage/Resources/Public/JavaScript/Src/thirdparty/jquery-ui-1.13.2/jquery-ui.js"/>


<f:if condition="{ajax} == 0">

    <v:render.template file="EXT:umj_sitepackage/Resources/Private/Partials/Page/KalenderFilterOverlaySchool.html"
                       variables="{data: _all}"/>

    <div class="app-universalmuseum-joanneum-kalender app-universalmuseum-joanneum-programm black-white schoolkalender" id="kalenderentery">
        <div class="kalender-top-navigation">
            <div class="kalender-top-navigation-left">
                <ul>
                    <li class="active school-font-bigger"><a href="#"><f:translate key="tx_msevent_calender.program"/></a></li>
                </ul>
            </div>
            <div class="kalender-top-navigation-right">
                <div class="filter-button">
                    <div class="filter-button-wrapper active" onclick="openKalenderFilter()">
                        <div class="filter-button-icon">
                            <ms:icon type="filter"/>
                        </div>
                        <div class="filter-button-text"><f:translate key="tx_msevent_calender.filter"/></div>
                    </div>
                </div>
            </div>
        </div>




        <f:if condition="{showInlineFilter}">
            <div class="line"></div>
            <div class="kalender-activefilters">
                <div class="filter-button">
                    <div class="filter-button-wrapper icon-right  active" onclick="resetKalenderFilter()">
                        <div class="filter-button-text"><f:translate key="tx_msevent_calender.removeall"/></div>
                        <div class="filter-button-icon"><ms:icon type="close_x" /></div>
                    </div>
                </div>
                <div class="form-group house" data-category="houseInteressen">
                    <f:for each="{housesInteresedIn}" as="format" key="formatkey">
                        <v:condition.iterator.contains needle="{formatkey}" haystack="{currentFilter.h}">
                            <f:then>
                                <div class="filter-button">
                                    <div class="filter-button-wrapper dynamic  icon-right refreshlive ">
                                        <f:form.checkbox value="{formatkey}" checked="1"/>
                                        <div class="filter-button-text">{format}</div>
                                        <div class="filter-button-icon"><ms:icon type="close_x" /></div>
                                    </div>
                                </div>
                            </f:then>
                        </v:condition.iterator.contains>
                    </f:for>
                </div>
                <div class="form-group formats" data-category="interessen">
                    <f:for each="{interestedIn}" as="format" key="formatkey">
                        <v:condition.iterator.contains needle="{formatkey}" haystack="{currentFilter.i}">
                            <f:then>
                                <div class="filter-button">
                                    <div class="filter-button-wrapper dynamic  icon-right refreshlive ">
                                        <f:form.checkbox value="{formatkey}" checked="1"/>
                                        <div class="filter-button-text">{format}</div>
                                        <div class="filter-button-icon"><ms:icon type="close_x" /></div>
                                    </div>
                                </div>
                            </f:then>
                        </v:condition.iterator.contains>
                    </f:for>
                </div>
                <div class="form-group types" data-category="months">
                    <f:for each="{months}" as="type" key="typekey">
                        <v:condition.iterator.contains needle="{typekey}" haystack="{currentFilter.m}">
                            <f:then>
                                <div class="filter-button">
                                    <div class="filter-button-wrapper dynamic  icon-right refreshlive ">
                                        <f:form.checkbox  value="{typekey}" checked="1"/>
                                        <div class="filter-button-text">{type}</div>
                                        <div class="filter-button-icon"><ms:icon type="close_x" /></div>
                                    </div>
                                </div>
                            </f:then>
                        </v:condition.iterator.contains>
                    </f:for>
                </div>

                <div class="form-group targets" data-category="targets">
                    <f:for each="{target}" as="target" key="targetkey">
                        <v:condition.iterator.contains needle="{targetkey}" haystack="{currentFilter.g}">
                            <f:then>
                                <div class="filter-button">
                                    <div class="filter-button-wrapper dynamic icon-right refreshlive ">
                                        <f:form.checkbox  value="{targetkey}" checked="1"/>
                                        <div class="filter-button-text">{target}</div>
                                        <div class="filter-button-icon"><ms:icon type="close_x" /></div>
                                    </div>
                                </div>
                            </f:then>
                        </v:condition.iterator.contains>
                    </f:for>
                </div>
            </div>
        </f:if>




        <div class="kalender-results">
            <f:if condition="{f:count(subject: events)} == 0">
                <f:then>
                    <f:render partial="Kalender/NoResult.html" />
                </f:then>
                <f:else>
                    <f:if condition="{forceNoResultText}">
                        <f:render partial="Kalender/NoResult.html" />
                    </f:if>
                    <f:if condition="{varsSet} == 0">
                        <p class="tippheadline"><strong><f:translate key="tx_msevent_calender.ourtipsofthemonth"/></strong></p>
                    </f:if>
                    <f:for each="{events}" as="event">
                        <f:render partial="Event/BoxSchool" arguments="{event:event,general:general}"/>
                    </f:for>
                    <v:render.template file="EXT:ms_event/Resources/Private/Partials/Pagination/Show.html" variables="{pagination: pagination_listschool}"/>
                </f:else>
            </f:if>
        </div>

    </div>


</f:if>


<f:if condition="{ajax} != 0">
    <!-- Ajax Reloaded Content -->
    <f:if condition="{events}">
        <f:for each="{events}" as="event">
            <f:render partial="Event/BoxSchool" arguments="{event: event}"/>
        </f:for>
    </f:if>
</f:if>