<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:dp="http://typo3.org/ns/Internetgalerie/IgDatapoolFe/ViewHelpers" data-namespace-typo3-fluid="true">
<div class="calendar-nav frame-space-after-small">
    <div class="date-prev">
        <f:if condition="{calendarNav.prev.show}">
            <f:link.action action="{action}" arguments="{search: {date: '{calendarNav.prev.date->f:format.date(format: \'%Y-%m-%d\')}'}}">
                &lt;
                <f:translate key="calendarNav.prev" />
            </f:link.action>
        </f:if>
    </div>
    <div class="date-select">
        <f:form action="{action}" class="dp-form form-kontakt ym-g100">
            <div class="ym-grid">
                <f:if condition="{allCalendars->f:count()} > 1">
                    <div class="ym-g50 ig-inline selectIeFix">
                        <f:form.select id="calendarSelect" name="calendar" value="{f:uri.action(action: 'show', pageUid: calendar.pageUid, arguments: {search: {date: '{calendarNav.selectedValue->f:format.date(format: \'Y-m-d\')}'}})}">
                            <f:for each="{allCalendars}" as="calendar">
                                <f:form.select.option value="{f:uri.action(action: 'show', pageUid: calendar.pageUid, arguments: {search: {date: '{calendarNav.selectedValue->f:format.date(format: \'Y-m-d\')}'}})}">
                                    {calendar.name}
                                </f:form.select.option>
                            </f:for>
                        </f:form.select>
                    </div>
                </f:if>
                <f:comment>
                    <f:form.select id="dateSelect" name="search[date]" options="{calendarNav.options}" value="{calendarNav.selectedValue}" />
                </f:comment>
                <div class="ym-g{f:if(condition: '{allCalendars->f:count()} > 1', then: '50', else: '100')} ig-inline fancyInput selectIeFix">
                    <label for="searchDate">Datum</label>
                    <f:comment>
                        <f:form.textfield id="searchDate" class="pickadate fancyElement" name="search[date]" value="{calendarNav.selectedValue->f:format.date(format: 'd.m.Y')}"
                            data="{show-begin-date: '{calendarNav.showBeginDate->f:format.date(format: \'Y-m-d\')}', show-end-date: '{calendarNav.showEndDate->f:format.date(format: \'Y-m-d\')}'}" />
                    </f:comment>
                    <dp:form.date id="searchDate" class="dp-pickadate fancyElement" name="search[date]" value="{calendarNav.selectedValue->f:format.date(format: 'Y-m-d')}" selectYears="1" selectMonths="1"
                        minDate="{calendarNav.showBeginDate->f:format.date(format: 'Y-m-d')}" maxDate="{calendarNav.showEndDate->f:format.date(format: 'Y-m-d')}" datepickerOptions="{calendarNav.options}" submitOnChange="1" hiddenName="1"
				  showClear="false" showToday="{calendarNav.showToday}" />
                </div>
            </div>
        </f:form>
    </div>
    <div class="date-next">
        <f:if condition="{calendarNav.next.show}">
            <f:link.action action="{action}" arguments="{search: {date: '{calendarNav.next.date->f:format.date(format: \'%Y-%m-%d\')}'}}">
                <f:translate key="calendarNav.next" /> &gt;
            </f:link.action>
        </f:if>
    </div>
</div>

</html>
