{% extends "layout.html" %}
{% block title %}{{ this.title }}{% endblock %}
{% from "macros/list.html" import list %}
{% block body %}
    	<div class="left">
		{{ list(this.children,this.children.first()) }}
		</div>
		{% set that = this.children.order_by('-start_date', 'name').first() %}
		<div class="right">
			<div class="box shadow content">
				{% set img = that.attachments.images.get(that.flyer) %}
				{% if img %}<p class="eventflyer"><img class="eventflyer" src="./{{ img|url|replace(".png","")|replace(".jpg","")|replace(".jpeg","")}}-medium.webp" loading="lazy" ></p>{% endif %}
				<a class="nav-link boxhead shadow" href={{ that.url }}>{{ that.title }}</a>
				<div class="eventmeta"><b>Date: </b>{{ that.start_date|datetimeformat('yyyy/MM/dd H:mm')}} - {{ that.end_date|datetimeformat('yyyy/MM/dd H:mm')}}</div>
				<div class="eventmeta"><b>Location: </b>{{ that.location}}</div>
				<br>
				{{ that.content }}
			</div>
		</div>
{% endblock %}