{% extends "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 navigation %}
    {% include "partials/nav_primary.html" with expand_dropdown=1 %}
{% endblock %}
{% block description %}{{ page.meta_description }}{% endblock %}
{% block keywords %}{% if page.meta_keywords %}<meta name="keywords" content="{{ page.meta_keywords }}" />{% endif %}{% endblock %}

{% block extrahead %}
{% if page.title %}
    <meta name="twitter:title" content="{{ page.seo_title }} - {{request.site.site_name}}" />
    <meta property="og:title" content="{{ page.seo_title }} - {{ request.site.site_name }}" />
{% endif %}

{% if page.meta_description %}
    <meta name="twitter:description" content="{{ page.meta_description }}" />
    <meta property="og:description" content="{{ page.meta_description }}" />
{% endif %}

<meta property="og:type" content="Home page" />

{% if request.build_absolute_uri %}<meta property="og:url" content="{{request.build_absolute_uri}}" />{% endif %}

{% if request.site.site_name %}<meta property="og:site_name" content="{{ request.site.site_name }}" />{% endif %}

{{ block.super }}
{% endblock %}

{% block content %}
{% block styles_theme %}
{{block.super}}
<link rel="stylesheet" type="text/css" href="{% static 'template6/css/home_page.css' %}" />
{% endblock %}
{% with new_products=page.new_products slider=page.slider %}

<div class="row">
    <div class="col-xs-12 col-md-9 col-md-offset-3">
        <div class="revolver absolute-bullets" data-settings='{"responsive": {"xs": 1, "sm": 1, "md": 1, "lg": 1}}'>
            {% for slide in slider %}
                <div class="slide" style="height: 400px;">
                    {% image slide.value.image height-400 class="img-responsive" %}
                    <div>{{ slide.value.text|linebreaks }}</div>
                    <a href="{{ slide.value.link }}">
                        {{ slide.value.link_text }}
                    </a>
                </div>
            {% endfor %}
        </div>
    </div>
</div>

{{ page.body|richtext }}

{% if new_products %}
    <div class="row products">
        {% for product in new_products %}
            {% if product.value %}
            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 labeled-product" data-label="Nieuw" data-color="primary">
                {% render_product product.value %}
            </div>
            {% endif %}
        {% endfor %}
    </div>
{% endif %}
{% endwith %}

<div class="row" style="margin-bottom: -50px;">
    <div class=" col-xs-12 col-lg-6 ">
        <p style="margin-top: 50px; color:#505050;font-size:23px; text-align:center;">
            ADVIES NODIG? <br>
            <strong>WIJ HELPEN JE GRAAG VERDER</strong></p><p>
        </p>
        <p style="text-align: center;">Bel 0570 795376 voor onze klantenservice</p>
    </div>
    <div class=" col-xs-12 col-lg-6 ">
        <img src="https://tripa.nl/media/original_images/personen_banner1_9tfX1ik.jpg" alt="teamfoto" class="img-responsive">
    </div>
</div>

{% endblock %}