{{#if no-result}}
	{{{no-result}}}		
{{/if}}

{{#each articles}}
	<article tabindex="-1">
		<a href="{{url}}" class="media media-reset-small">
			{{#if image}}
				<div class="media-image article-list-image">
					<img
						sizes="(max-width: 1050px) 100vw, 1050px"
						srcset="
							{{image.url.xsmall}} 320w,
							{{image.url.small}} 640w,
							{{image.url.medium}} 800w,
							{{image.url.full}} 1050w"
						src="{{image.url.full}}"
						alt="{{image.alt}}">
				</div>
			{{/if}}

			<div class="media-body">
				<header>
					<h1 class="h-standfirst">{{header}}</h1>
				</header>
				<p>{{text}}</p>

				<div class="media calendar-date">
					<div class="media-image" aria-hidden="true">
						<div class="calendar-text">
							<div class="month">{{month}}</div>
							<div class="day">{{day}}</div>
						</div>
					</div>
					<div class="media-body">
						{{#if canceled}}<p class="calendar-canceled-info"><span class="icon icon-remove" aria-hidden="true"></span> Inställt</p>{{/if}}
						{{#if recurrent}}<p class="calendar-recurrent-info"><span class="icon icon-refresh" aria-hidden="true"></span> Återkommande</p>{{/if}}
						{{#if recurrentintervalevent}}<p class="calendar-recurrent-info"><strong>Återkommande intervall:</strong> {{recurrentintervalevent}}</p>{{/if}}
						{{#if date}}<p><strong>Datum: </strong>{{date}}</p>{{/if}}
						{{#if time}}<p><strong>Tid: </strong>{{time}}</p>{{/if}}
						{{#if location}}<p><strong>Plats: </strong>{{location}}</p>{{/if}}
					</div>
				</div>
			</div>
		</a>
	</article>
{{/each}}