{% extends "base.twig" %}

{% block body %}
	
	<div role="main" class="white content-padding" id="main-content-area">
		<div class="content-wrapper">
			
			<article>
				{{ post.content }}
			</article>
			
		</div>
	</div>

{% endblock %}

{% block after_body_wrapper %}
<div class="wrapper event-list">
	{% if a_upcoming_events %}
		<h2 class="h1">{{ site.translate('Upcoming events') }}</h2>
		<div class="row flex flex-center">
			{% for event in a_upcoming_events %}
				<div class="col-8">
					<div class="event">
						<a href="{{event.link}}">
							<div class="image-container relative">
								<img alt="" src="{% if event._thumbnail_id %}{{event._thumbnail_id|image}}{% else %}{{ theme.link }}/assets/img/placeholder.png{% endif %}">
							</div>
							<div class="event-details">
								<div class="event-details-header">
									<span class="event-date">{{event.event_start_date}}{% if event.event_end_date %} - {{event.event_end_date}}{% endif %}</span>
									{% if event.category %}<span class="event-date-cat-sep">|</span><span class="event-category">{{event.category.name}}</span>{% endif %}
								</div>
								<h3 class="event-title">{{event.title}}</h3>
								<p class="event-excerpt">{{event.get_preview(25, false, read_more_link_text)}}</p>
							</div>
						</a>
					</div>
				</div>
			{% endfor %}
		</div>
	{% endif %}
	{% if a_past_events %}
		<h2 class="h1" {% if a_upcoming_events %} style="margin-top: 1em;"{% endif %}>{{ site.translate('Past events') }}</h2>
		<div class="row flex flex-center">
			{% for event in a_past_events %}
				<div class="col-8">
					<div class="event">
						<a href="{{event.link}}">
							<div class="image-container relative">
								<img alt="" src="{% if event._thumbnail_id %}{{event._thumbnail_id|image}}{% else %}{{ theme.link }}/assets/img/placeholder.png{% endif %}">
							</div>
							<div class="event-details">
								<div class="event-details-header">
									<span class="event-date">{{event.event_start_date}}{% if event.event_end_date %} - {{event.event_end_date}}{% endif %}</span>
									{% if event.category %}<span class="event-date-cat-sep">|</span><span class="event-category">{{event.category.name}}</span>{% endif %}
								</div>
								<h3 class="event-title">{{event.title}}</h3>
								<p class="event-excerpt">{{event.get_preview(25, false, read_more_link_text)}}</p>
							</div>
						</a>
					</div>
				</div>
			{% endfor %}
		</div>
	{% endif %}
</div>
{% endblock %}