{namespace c=HDNET\Calendarize\ViewHelpers}
{namespace ws=Wseils\Wseils\ViewHelpers}

<div id="month-header" class="navback">
	<div id="month-header-caption">Collecte des déchets</div>
	<div id="month-header-prevnext">
		<f:if condition="{settings.monthPid}">
			<f:if condition="{c:ifDateUpper(base: settings.dateLimitBrowserPrev, check:{date -> c:dateTime.modify(modification: 'first day of last month')})}">
				<ws:link.customMonth customSearch="{customSearch}" pageUid="{settings.monthPid}" date="{date -> c:dateTime.modify(modification: 'first day of last month')}" >
					<i class="fa fa-arrow-left"></i>
				</ws:link.customMonth>
			</f:if>
		</f:if>
		<c:format.date format="%B %Y" resetTimeZone="1">{date}</c:format.date>
		<f:if condition="{settings.monthPid}">
			<f:if condition="{c:ifDateLower(base: settings.dateLimitBrowserNext, check:{date -> c:dateTime.modify(modification: 'first day of next month')})}">
				<ws:link.customMonth customSearch="{customSearch}" pageUid="{settings.monthPid}" date="{date -> c:dateTime.modify(modification: 'first day of next month')}" >
					<i class="fa fa-arrow-right"></i>
				</ws:link.customMonth>
			</f:if>
		</f:if>
	</div>
	<br style="clear: both;">
</div>

<table class="table month-large">
	<tbody class="regularMonthView">
		<tr>
			<th class="weekday cal_day2">lundi</th>
			<th class="weekday cal_day3">mardi</th>
			<th class="weekday cal_day4">mercredi</th>
			<th class="weekday cal_day5">jeudi</th>
			<th class="weekday cal_day6">vendredi</th>
			<th class="weekday cal_day0">samedi</th>
			<th class="weekday cal_day1">dimanche</th>
		</tr>
		<c:loop.weeksInMonth date="{date}" iteration="week" weekStartsAt="{settings.weekStart}">
			
			<tr>
				<c:loop.daysInWeek date="{week.calendar.date}" iteration="day" weekStartsAt="{settings.weekStart}">
					<f:if condition="{c:dateTime.indexOnDay(indices: indices, day:day.calendar.date)}">
						<f:then>
							<f:variable name="type-ordure"> </f:variable>
							<f:variable name="type-ordure-2"> </f:variable>
							<f:for each="{indices}" as="index">
								<f:if condition="{c:dateTime.indexOnDay(index: index, day:day.calendar.date)}">
									<f:for each='{index.originalObject.categories}' as='category'>
									    <f:if condition="{category.parent.uid} == {f:cObject(typoscriptObjectPath: 'lib.calendarize.types')}">
									        <f:if condition="{category.uid} == 456">
									        	<f:variable name="type-ordure"> yellow_catheader_bullet yellow_catheader_text</f:variable>
									        </f:if>
									        <f:if condition="{category.uid} == 457">
									        	<f:variable name="type-ordure-2"> green_catheader_bullet green_catheader_text</f:variable>
									        </f:if>
									    </f:if>
									</f:for>
								</f:if>
							</f:for>

							<td class="active hasEvents{f:if(condition: '{date->f:format.date(format: \'d.m.Y\')} == {day.calendar.date->f:format.date(format: \'d.m.Y\')} && !{ignoreSelectedDay}', then: ' selectedDay')} {f:if(condition: '{date->f:format.date(format: \'m\')} != {day.calendar.date->f:format.date(format: \'m\')}', then: 'not-current-month')}{type-ordure}{type-ordure-2} day">
								<div>
									<f:if condition="{settings.dayPid}">
										<f:then>
											<c:link.day pageUid="{settings.dayPid}" date="{day.calendar.date}">
												<f:format.date format="d">{day.calendar.date}</f:format.date>
											</c:link.day>
										</f:then>
										<f:else>
											<f:format.date format="d">{day.calendar.date}</f:format.date>
										</f:else>
									</f:if>
								</div>
							</td>
						</f:then>
						<f:else>
							<td class="{f:if(condition: '{date->f:format.date(format: \'d.m.Y\')} == {day.calendar.date->f:format.date(format: \'d.m.Y\')} && !{ignoreSelectedDay}', then: 'selectedDay')} {f:if(condition: '{date->f:format.date(format: \'m\')} != {day.calendar.date->f:format.date(format: \'m\')}', then: 'not-current-month')} day">
								<div><f:format.date format="d">{day.calendar.date}</f:format.date></div>
							</td>
						</f:else>
					</f:if>
				</c:loop.daysInWeek>
			</tr>
		</c:loop.weeksInMonth>
	</tbody>
</table>

<div id="month-legend">
	<table class="treelevel0">
		<tbody>
			<tr>
				<td>
					<span class="green_catheader_bullet green_catheader_legend_bullet">•</span>
					<span class="green_catheader_text">Collecte des ordures ménagères </span>
				</td>
			</tr>
			<tr>
				<td>
					<span class="yellow_catheader_bullet yellow_catheader_legend_bullet">•</span>
					<span class="yellow_catheader_text">Collecte des emballages</span>
				</td>
			</tr>
		</tbody>
	</table>
</div>

<f:if condition="{settings.useMomentFullCalendarIo}">
	<div class="fullCalendarIo" data-language="{c:language()}">&nbsp;</div>

	<script type="text/javascript">
		let monthEvents = [];
		let monthEventsCurrentDate = '<f:format.date format="Y-m-d">{date}</f:format.date>';
		let monthFirstDay = '{settings.weekStart}';
		<f:for each="{indices}" as="index">
			tmp = {};
			tmp.id = {index.uid};
			tmp.allDay = false;
			tmp.title = <f:format.raw><c:jsQuote><f:render partial="{index.configuration.partialIdentifier}/Title" arguments="{index: index}" /></c:jsQuote></f:format.raw>;
			tmp.start = '<f:format.date format="c">{index.startDateComplete}</f:format.date>';
			tmp.end =  '<f:format.date format="{f:if(condition: index.allDay, then: 'Y-m-d', else: 'c')}" base="{index.endDateComplete}">+1 day</f:format.date>';
			<f:if condition="{index.allDay}">
				tmp.allDay = true;
			</f:if>
			tmp.url = '<c:uri.index index="{index}" pageUid="{settings.detailPid}" />';
			monthEvents.push(tmp);
		</f:for>
	</script>
</f:if>