{namespace t3c=DWenzel\T3calendar\ViewHelpers}
<table class="calendarMonth">
    <thead>
    <tr class="header">
        <f:if condition="{configuration.viewMode}==2">
            <f:then>
                <f:comment> allow display of navigation in view mode miniMonth</f:comment>
                <f:if condition="{configuration.showNavigation}">
                    <td colspan="7" class="navigation {f:if(condition: '{configuration.ajaxEnabled}', then: 'ajax')}">
                        <f:widget.link
                                action="month"
                                section="{calendarId}"
                                additionalAttributes="{data-calendarId: calendarId}"
                                ajax="{configuration.ajaxEnabled}"
                                rel="nofollow"
                                arguments="{shift: 'previous', origin: '{t3c:format.date(format:\'U\',date:\'-11 months\',base:\'{configuration.startDate}\')}'}">
                            <i class="fa fa-2x fa-angle-double-left"></i>
                        </f:widget.link>
                        <f:widget.link
                                action="month"
                                section="{calendarId}"
                                additionalAttributes="{data-calendarId: calendarId}"
                                rel="nofollow"
                                ajax="{configuration.ajaxEnabled}"
                                arguments="{shift: 'previous', origin: '{configuration.startDate.timestamp}'}">
                            <i class="fa fa-2x fa-angle-left"></i>
                        </f:widget.link>
                        <span class="legend">{month.startDate->f:format.date(format: '%B %Y')}</span>
                        <f:widget.link
                                action="month"
                                section="{calendarId}"
                                rel="nofollow"
                                additionalAttributes="{data-calendarId: calendarId}"
                                ajax="{configuration.ajaxEnabled}"
                                arguments="{shift: 'next', origin: '{configuration.startDate.timestamp}'}">
                            <i class="fa fa-2x fa-angle-right"></i>
                        </f:widget.link>
                        <f:widget.link
                                action="month"
                                section="{calendarId}"
                                additionalAttributes="{data-calendarId: calendarId}"
                                rel="nofollow"
                                ajax="{configuration.ajaxEnabled}"
                                arguments="{shift: 'next', origin: '{t3c:format.date(format:\'U\',date:\'+11 months\',base:\'{configuration.startDate}\')}'}">
                            <i class="fa fa-2x fa-angle-double-right"></i>
                        </f:widget.link>
                    </td>
                </f:if>
            </f:then>
            <f:else>
                <td colspan="7" class="navigation">
                    <span class="legend">{month.startDate->f:format.date(format: '%B %Y')}</span></td>
                </td>
            </f:else>
        </f:if>
    </tr>
    <tr>
        <f:for each="{calendar.weekDayLabels}" as="weekDay">
            <th class="weekDay">{weekDay}</th>
        </f:for>
    </tr>
    </thead>
    <tbody>
    <f:for each="{month.weeks}" as="calendarWeek">
        <tr>
            <f:for each="{calendarWeek.days}" as="calendarDay">
                <td class="day
					{f:if(condition: '{calendarDay.month} != {month.month}', then: 'outOfMonth')}
					{f:if(condition: '{calendarDay.current}', then: 'current')}
					{f:if(condition: '{calendarDay.hasItems}', then: 'hasEvent')}">
                    <div class="labelDay">{calendarDay.day}</div>
                    <f:if condition="{calendarDay.hasItems}">
                        <div class="eventTooltip">
                            <f:for each="{calendarDay.items}" as="item">
                                <span class="eventTooltipHeadline">{f:render(partial: 'Calendar/Item', arguments: '{item: item, settings: settings, parameters: parameters}' )}</span>
                            </f:for>
                        </div>
                    </f:if>
                </td>
            </f:for>
        </tr>
    </f:for>
    </tbody>
</table>