{% 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>{{wp_title}}</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 class="media-post">
											{% if post.thumbnail %}
												<a href="{{post.link}}">
													<div class="image-placeholder" style="background-image: url('{{post.thumbnail.src('medium')}}')">
													</div>
												</a>
											{% endif %}
											<header>
												<h3 class="media-title">
													{{post.title}}
												</h3>
											</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 %}