{% extends "base.html" %}
{% block content %}
<section id="content" class="index">
<header id="banner">
    {% for p in pages %}
        {% if p.title == 'header' %}
            <div id="title">{{ p.content }}</div>
        {% endif %}
    {% endfor %}
</header>
{% block content_title %}
{% endblock %}
{% if articles_page.has_other_pages() %}
	{% include 'pagination.html' %}
{% endif %}
<div id="post-list">
{% for article in articles_page.object_list %}
	{% if article.category %}
        {% if article.event_start %}
            {% set event_status = '' %}
            {% if article.event_start < article.date.now() %}
                {% set event_status = ' past' %}
            {% endif %}
            {% if article.event_start >= article.date.now() %}
                {% set event_status = ' current' %}
            {% endif %}
        {% endif %}
	<article class="hentry {{article.category}}{{event_status}}">
	{% endif %}
		<div class="article-info">
			<span class="entry-title"><a href="{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></span>
			<div class="featured-image {{event_status}}">
				{% if article.featured_image %}
					<img src="{{ article.featured_image }}">
				{% endif %}
			</div>
            {% if article.event_start %}
                <div class="event-details">
                    {{ article.event_start }}
                    {% set past = '' %}
                </div>
            {% endif %}
		</div>
		<div class="summary {{ article.category }}">{{ article.summary }}
			<span>
				<a href="{{ article.url }}">
					{% if DEFAULT_LANG == 'en' %}
						read more
					{% elif DEFAULT_LANG == 'nl' %}
						lees meer
					{% endif %}
				</a>
			</span>
		</div>
		<!-- <div class="summary {{ article.category }}">{{ article.summary }}
			<span>
				<a href="{{ article.url }}">
					{% if DEFAULT_LANG == 'en' %}
						read more
					{% elif DEFAULT_LANG == 'nl' %}
						lees meer
					{% endif %}
				</a>
			</span>
		</div> -->
		<div class="separator"><hr></div>
		<div class="post-info">
			{% if article.category %}
			<div class="categories">
				<span itemprop="articleSection">
					→ <a href="/{{ article.category.url }}" rel="category">{{ article.category }}</a>
				</span>
			</div>
			{% endif %} {% if article.tags %}
			<div class="tags">
				Tags: {% for tag in article.tags %}
				<span itemprop="keywords">
					<a href="/{{ tag.url }}" rel="tag">{{ tag }}</a>
				</span> {% endfor %}
			</div>
			{% endif %}
		</div>
	</article>
{% endfor %}
</div><!-- /#posts-list -->

</section><!-- /#content -->
{% endblock content %}