{% extends 'structure/base.twig' %}
{% block content %}
    <div class="row">
        <div class="medium-12 columns">
            <div class="widget archive-widget media-archive">
                <div class="widget-title">
                    <h2>{{ 'titles.video_archive'|trans }}</h2>
                </div>
                <div class="widget-content">
                    {% if posts %}
                        {% for row in posts|batch(3) %}
                            <div class="row">
                                {% for post in row %}
                                    <div class="medium-4 columns {% if loop.last %}end{% endif %}">
                                        <article>
                                            <a href="{{ post.link }}">
                                                <figure>
                                                    <img data-interchange="[{{ post.thumbnail.src('thumbnail') }}, medium], [{{ post.thumbnail.src('medium') }}, small]">
                                                </figure>
                                            </a>
                                            <header>
                                                <h3>
                                                    {{ post.title }}
                                                </h3>
                                                <span class="archive-media-info">
													{{ post.date }}
												</span>
                                            </header>
                                        </article>
                                    </div>
                                {% endfor %}
                            </div>
                        {% endfor %}
                    {% endif %}
                    {% if pagination %}
                        {% include 'components/pagination.twig'  with {'pagination': pagination} only %}
                    {% endif %}
                </div>
            </div>
        </div>
        <div class="medium-3 columns">
            {{ global_sidebar }}
        </div>
    </div>
{% endblock %}