{% extends "base.twig" %}

{% block body %}
	
	<div role="main" class="white content-padding" id="main-content-area">
		<div class="content-wrapper">
			
			<article>
				{{ post.content }}
			</article>
			
		</div>
	</div>

{% endblock %}

{% block after_body_wrapper %}
{% if products %}
<div class="wrapper">
{% for product in products %}
	<div class="half-lifts-content row no-margin flex flex-stretch flex-grow">
		<div class="col-xs-24 col-l-12 image-col no-margin-bottom relative">
			<div class="image-container relative">
				<div class="button-container from-l"><a class="link-button" href="{{product.link}}">Read more</a></div>
				<a href="{{product.link}}"><img alt="" src="{% if product.content_image %}{{product.content_image|image}}{% else %}{{ theme.link }}/assets/img/placeholder.png{% endif %}"></a>
			</div>
		</div>
		<div class="col-xs-24 col-l-12 content-col flex flex-middle no-margin-bottom">
			<div class="content-container">
				<h3><a href="{{product.link}}">{{product.title}}</a></h3>
				{{product.additional_content|wysiwyg}}
				<div class="button-container to-l"><a class="link-button" href="{{product.link}}">Read more</a></div>
			</div>
		</div>
	</div>
	{#
	<div class="half-lifts-content row no-margin flex flex-stretch flex-grow">
		<div class="col-xs-24 col-l-12 image-col no-margin-bottom relative">
			<a href="{{product.link}}">
				<div class="image-container relative" style="background-image: url('{% if product.content_image %}{{product.content_image|image}}{% else %}{{ theme.link }}/assets/img/placeholder.png{% endif %}');">
				<div class="background-image-overlay"></div>
				<div class="button-container from-l"><a class="link-button" href="{{product.link}}">Read more</a></div>
			</a>
			</div>
		</div>
		<div class="col-xs-24 col-l-12 content-col no-margin-bottom flex flex-middle">
			<div class="content-container">
				<h3>{{product.title}}</h3>
				{{product.additional_content|wysiwyg}}
				<div class="button-container to-l"><a class="link-button" href="{{product.link}}">Read more</a></div>
			</div>
		</div>
	</div>
	#}
{% endfor %}
</div>
{% endif %}
{% endblock %}