{% extends "ocyan/layout.html" %}
{% load category_tags %}
{% load wagtailcore_tags wagtailimages_tags %}
{% load static %}
{% load i18n %}
{% load product_tags %}
{% block title %}{{ page.title }} | {{ block.super }}{% endblock %}
{% block header %}{% endblock %}
{% block content %}
{% with new_products=page.new_products slider=page.slider %}
<div class="row">
    <div class="revolver" data-settings='{"responsive": {"xs": 1, "sm": 1, "md": 1, "lg": 1}}'>
        {% for slide in slider %}
            <div class="slide">
                {% image slide.value.image width-1200 class="img-responsive" %}
                {% if slide.value.text %}
                <div class="title">{{ slide.value.text|linebreaks }}</div>
                {% endif %}
                {% with link=slide.value.link %}
                    {% if link %}<a href="{% pageurl link %}" class="btn" >{{ slide.value.link_text }}</a>
                    {% else %}{{ slide.value.link_text }}{% endif %}
                {% endwith %}
            </div>
        {% endfor %}
    </div>
</div>

{{ page.body|richtext }}
{% if new_products %}
    <span class="h3">Nieuwe producten</span>
    <div class="row">
        <div class="revolver">
        {% for product in new_products %}
            {% if product.value %}
            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">{% render_product product.value %}</div>
            {% endif %}
        {% endfor %}
        </div>
    </div>
{% endif %}
{% endwith %}
{% endblock %}