{% 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 %}
    {% set thumb_size = '/thumb' %}
    {% 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' %}
                {% set thumb_size = '/thumb2x' %}
            {% endif %}    
            {% if article.category == 'article' %}
                {% set thumb_size = '/thumb2x' %}
            {% 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>
            {% if article.event_start %}
                <div class="event-details">
                    {{ article.event_start  | strftime('%d %B %Y') }}
                    <!-- {% set event_status = '' %} -->
                </div>
            {% else %}
                <div class="event-details"></div>
            {% endif %}
            <div class="featured-image {{event_status}}">
                {% if article.featured_image %}
                    <a href="{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">
                        {% if article.featured_image.endswith('.gif') %}
                            {% set thumb_size =''%}
                        {% endif %}
                        <img src="{{ article.featured_image | replace('images','images'+thumb_size) }}">

                    </a>
                {% endif %}
            </div>
        </div>
   
        <div class="summary {{ article.category }}">{{ article.summary }}
            <span>
                {% if DEFAULT_LANG == 'en' %}
                    <a href="/en/{{ article.url }}">read more</a>
                {% elif DEFAULT_LANG == 'nl' %}
                    <a href="/{{ article.url }}">lees meer</a>
                {% endif %}
            </span>
        </div>
        <div class="separator"><hr></div>
        <div class="post-info">
            {% if article.category %}
                <span class="categories">
                    <span itemprop="articleSection">
                        <a href="/{{ article.category.url }}" rel="category">{{ article.category }}</a>
                    </span>
                </span>
            {% endif %} 
            {% if article.tags %}
                <span class="tags">
                    relating to {% for tag in article.tags %}
                    <span itemprop="keywords">
                        <a href="/{{ tag.url }}" rel="tag">{{ tag }}</a>
                    </span> {% endfor %}
                </span>
            {% endif %}
        </div>
    </article>
{% endfor %}
</div><!-- /#posts-list -->

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