<koken:include file="inc/header.html" />

<div id="content">

	<!-- Load this template's source data (category). Limit to 20 days. -->
	<koken:load limit="20">

		<div class="lcol">

			<!-- Display breadcrumbs because it's an archive page -->
			<p>
				<koken:breadcrumbs separator="/" />
			</p>

			<!-- Loop over each item assigned the category -->
			<koken:loop>

				<!-- Render each event in the category -->
				<koken:include file="inc/events.html" />

			</koken:loop>

			<!-- Display pagination links -->
			<p>
				<koken:include file="inc/pagination.html" />
			</p>

		</div> <!-- close .lcol -->

		<div class="rcol">

			<!-- Display timeline archive links -->
			<h3>View {{ labels.timeline.singular case="lower" }} by date</h3>
			<koken:dates filter:scope="month">
				<koken:select label="Select month" />
			</koken:dates>

			<!-- Display links to view all content by tag -->
			<koken:tags>
				<h3>View everything by {{ labels.tag.singular case="lower" }}</h3>
				<koken:loop>
					<koken:link title="View everything in {{ tag.title }}">
						{{ tag.title }} ({{ tag.counts.total }})
					</koken:link>
					<br>
				</koken:loop>
			</koken:tags>

			<!-- Display links to view all content by category -->
			<koken:categories>
				<h3>View everything by {{ labels.category.singular case="lower" }}</h3>
				<koken:loop>
					<koken:link title="View everything in {{ category.title }}">
						{{ category.title }} ({{ category.counts.total }})
					</koken:link>
					<br>
				</koken:loop>
			</koken:categories>

		</div> <!-- close .rcol -->

	<!-- Fallback content if no data was loaded by koken:load -->
	<koken:else>

		<!-- Use koken:note to display this message in the Site editor only -->
		<koken:note>
			No category events found
		</koken:note>

	</koken:load>

</div> <!-- close #content -->

<koken:include file="inc/footer.html" />
