{% extends "base.html" %}
{% block content %}
<section id="content" class="index">
{% set glob={} %}

{% if DEFAULT_LANG == 'nl' %}
    {% set _ = glob.update({'published_at': 'Gepubliceerd op '}) %}
    {% set _ = glob.update({'related_to': ' gerelateerd aan '}) %}
    {% set _ = glob.update({'written_by': 'Geschreven door '}) %}
    {% set _ = glob.update({'read_more': 'lees meer '}) %}
{% endif %}
{% if DEFAULT_LANG == 'en' %}
    {% set _ = glob.update({'published_at': 'Published at '}) %}
    {% set _ = glob.update({'related_to': ' relating to '}) %}
    {% set _ = glob.update({'written_by': 'Written by '}) %}
    {% set _ = glob.update({'read_more': 'read more'}) %}
{% endif %}

{% block content_title %}
{% endblock %}

<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 %}
        {% endif %}

        {% if article.category == 'article' %}
            {% set thumb_size = '/thumb2x' %}
        {% endif %}

    <article class="hentry {{article.category}}{{event_status}}">

    {% endif %}

        <div class="article-info">
            <span class="entry-title"><a href="/{% if article.lang == 'en' %}en/{% endif %}{{ 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') }}
                </div>
            {% else %}
                <div class="event-details"></div>
            {% endif %}
            <div class="featured-image {{event_status}}">
                {% if article.featured_image %}
                    <a href="/{% if article.lang == 'en' %}en/{% endif %}{{ 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 class="read_more">
                {% if DEFAULT_LANG == 'en' %}
                    <a href="/en/{{ article.url }}">{{ glob.read_more }}</a>
                {% elif DEFAULT_LANG == 'nl' %}
                    <a href="/{{ article.url }}">{{ glob.read_more }}</a>
                {% endif %}
            </span>
        </div>
        <div class="separator"><hr></div>
        <div class="post-info">
            {% if article.category %}
                <span class="categories">
                    <span itemprop="articleSection">
                        {% if DEFAULT_LANG == 'en' %}
                            <a href="/en/category{{ article.category.url }}" rel="category">{{ article.category }}</a>
                        {% elif DEFAULT_LANG == 'nl' %}
                            <a href="/category{{ article.category.url }}" rel="category">{{ article.category }}</a>
                        {% endif %}
                    </span>
                </span>
            {% endif %}
            {% if article.tags %}
                <span class="tags">
                    {{ glob.related_to }}
                    {% for tag in article.tags %}
                        {% if DEFAULT_LANG == 'en' %}
                            <span itemprop="keywords">
                                <a href="/en/{{ tag.url }}" rel="tag">{{ tag }}</a>
                            </span>
                        {% elif DEFAULT_LANG == 'nl' %}
                            <span itemprop="keywords">
                                <a href="/{{ tag.url }}" rel="tag">{{ tag }}</a>
                            </span>
                        {% endif %}

                    {% endfor %}
                </span>
            {% endif %}
        </div>
    </article>
{% endfor %}
</div><!-- /#posts-list -->


{% if articles_page.has_other_pages() %}
    {% include 'pagination.html' %}
{% endif %}

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