{% extends "base.twig" %}

{% block content %}
    <div class="content-wrapper">
	<div class="m-content-hero">
	    <div class="l-section l-section--after-slideshow">
		<div class="m-section-text__wrapper {% if post.meta('hero').wide %} m-section-text__wrapper--wide {% endif %}">
		    <div class="m-section-text__title m-section-text__title--after-slideshow">
			{{ post.meta('hero').title }}
		    </div>
		    <div class="m-section-text__headline">
			{{ post.meta('hero').headline }}
		    </div>
		    <div class="m-section-text__text m-section-text__text--black">
			{{ post.meta('hero').text }}
		    </div>
		    
		</div>
	    </div>
	</div>

	{% set posts = function( [ 'KingsHill\\Model\\TwigHelpers\\NewsletterPosts', 'get']) %}
	<div class="m-news">
	    <div class="m-news__container">
		{% for post in posts %}
		    <div class="m-news__post">
			<a href="{{ post.meta('pdf_file').url }}" class="m-news__post-image">
			    {% if post.meta('thumbnail')  %}
				<img class="lazyload"
				     data-src="{{ TimberImage(post.meta('thumbnail')).src }}"
				     data-srcset="{{ TimberImage(post.meta('thumbnail')).srcset() }}"
				     data-sizes="auto" />
			    {% endif %}
			</a>
			<div class="m-news__post-title-wrapper">
			    <a href="{{ post.meta('pdf_file').url }}" class="m-news__post-title"> {{ post.post_title }}</a>
			</div>
			<div class="m-news__post-date-wrapper">
			    <div class="m-news__post-date"> {{ post.date('F Y') }} </div>
			</div>
			<a href="{{ post.meta('pdf_file').url }}" class="m-readmore newsletter"><span>VIEW</span></a>
		    </div>
		{% endfor %}
	    </div>
	</div>
	{% include 'partial/pagination.twig' with { pagination: posts.pagination({show_all: false, mid_size: 3, end_size: 2}) } %}
    </div>
{% endblock %}