{% extends "website/base.html" %}
{% load i18n %}
{% load static %}
{% load camomilla_filters %}
{% load djlotrek_filters %}
{% load djlotrek_tags %}

{% block content %}

    <!--Hero-->
    <section class="hero">
        <div class="hero__sider homepage">
        {% with contents|filter_content:'hero-text' as content %}
            <div class="hero__sider__wrapper">
                <h1 class="hero__sider__title">
                    {{content.title}}
                </h1>
                <figure class="hero__sider__fig">
                    <img src="{% static 'img/groupage_homepage.png' %}" alt="" class="hero__sider__img">
                </figure>
            </div>
            {{content.content|safe}}
        {% endwith %}
        </div>
    </section><!--//Hero-->
</section><!--//Above-->

<main role="main">
    <!--Jumbo-->
    <section class="jumbo">
        <div class="jumbo__wrapper">
            <figure class="jumbo__fig">
                <img src="{% static 'img/somelogo.png' %}" alt="" class="jumbo__fig__img">
                <img src="{% static 'img/somelogo1.png' %}" alt="" class="jumbo__fig__img">
            </figure>
            <div class="jumbo__main">
            {% with contents|filter_content:'jumbo-text' as content %}
                <h3 class="jumbo__main__title">
                    {{content.title}}
                </h3>
                {{content.content|safe}}
            {% endwith %}
            </div>
        </div>
    </section><!--//Jumbo-->

    <!--Poster 1-->
    <section class="poster left first">
        <div class="poster__header">
            <h2 class="poster__header__title">
                {% get_current_language as LANGUAGE_CODE %}
                {% if LANGUAGE_CODE == 'ru' %}
                {% language "en" %}{% trans "Rasatura" %}{% endlanguage %}
                {% else %}
                {% trans "Rasatura" %}
                {% endif %}
            </h2>
            <h3 class="poster__header__subtitle">
                {% trans "Raditi con precisione, senza irritazioni" %}
            </h3>
        </div>

        <div class="poster__row right">
            <figure class="poster__row__fig">
                <span class="poster__row__fig__detail"></span>
                <img src="{% static 'img/crema-barba-con-astuccio.png' %}" alt="" class="poster__row__fig__img">
            </figure>

            <div class="poster__row__content">
            {% with contents|filter_content:'poster1' as content %}
                <h3 class="poster__row__content__title">
                    {{content.title}}
                </h3>
                {{content.content|safe}}
                <a href="{% url 'pagina_prodotto' cremabarbaristrutturanteurl %}" class="cta">
                    {% trans "Scopri di più" %}
                </a>
            {% endwith %}
            </div>
        </div>

        <div class="poster__row left">
            <figure class="poster__row__fig">
                <span class="poster__row__fig__detail"></span>
                <img src="{% static 'img/balsamo-con-astuccio.png' %}" alt="" class="poster__row__fig__img">
            </figure>

            <div class="poster__row__content">
            {% with contents|filter_content:'poster2' as content %}
                <h3 class="poster__row__content__title">
                    {{content.title}}
                </h3>
                {{content.content|safe}}
                <a href="{% url 'pagina_prodotto' balsamodopobarbalenitivourl %}" class="cta">
                    {% trans "Scopri di più" %}
                </a>
            {% endwith %}
            </div>
        </div>
    </section><!--//Poster 1-->

    <!--Poster 2-->
    <section class="poster right second">
        <div class="poster__header">
            <h2 class="poster__header__title">
                {% get_current_language as LANGUAGE_CODE %}
                {% if LANGUAGE_CODE == 'ru' %}
                {% language "en" %}{% trans "Skin Care" %}{% endlanguage %}
                {% else %}
                {% trans "Skin Care" %}
                {% endif %}
            </h2>
            <h3 class="poster__header__subtitle">
                {% trans "Per un viso luminoso e rilassato" %}
            </h3>
        </div>

        <div class="poster__row right">
            <figure class="poster__row__fig">
                <span class="poster__row__fig__detail"></span>
                <img src="{% static 'img/crema-multiazione-con-astuccio.png' %}" alt="" class="poster__row__fig__img">
            </figure>

            <div class="poster__row__content">
            {% with contents|filter_content:'poster3' as content %}
                <h3 class="poster__row__content__title">
                    {{content.title}}
                </h3>
                {{content.content|safe}}
                <a href="{% url 'pagina_prodotto' cremavisocontornoocchiurl %}" class="cta">
                    {% trans "Scopri di più" %}
                </a>
            {% endwith %}
            </div>
        </div>
    </section><!--//Poster 2-->

    <!--Poster 3-->
    <section class="poster left third">
        <div class="poster__header">
            <h2 class="poster__header__title">
                {% get_current_language as LANGUAGE_CODE %}
                {% if LANGUAGE_CODE == 'ru' %}
                {% language "en" %}{% trans "Fragranze" %}{% endlanguage %}
                {% else %}
                {% trans "Fragranze" %}
                {% endif %}
            </h2>
            <h3 class="poster__header__subtitle">
                {% trans "Freschezza sulla pelle, tutto il giorno" %}
            </h3>
        </div>

        <div class="poster__row left">
            <figure class="poster__row__fig">
                <span class="poster__row__fig__detail"></span>
                <img src="{% static 'img/ginger-woods-con-astuccio.png' %}" alt="" class="poster__row__fig__img">
            </figure>

            <div class="poster__row__content">
            {% with contents|filter_content:'poster4' as content %}
                <h3 class="poster__row__content__title">
                    {{content.title}}
                </h3>
                <h4 class="poster__row__content__subtitle">
                    {{content.subtitle}}
                </h4>
                {{content.content|safe}}
                <a href="{% url 'pagina_prodotto' gingerwoodsurl %}" class="cta">
                    {% trans "Scopri di più" %}
                </a>
            {% endwith %}
            </div>
        </div>

        <div class="poster__row right">
            <figure class="poster__row__fig">
                <span class="poster__row__fig__detail"></span>
                <img src="{% static 'img/sensual-fougere-con-astuccio.png' %}" alt="" class="poster__row__fig__img">
            </figure>

            <div class="poster__row__content">
            {% with contents|filter_content:'poster5' as content %}
                <h3 class="poster__row__content__title">
                    {{content.title}}
                </h3>
                <h4 class="poster__row__content__subtitle">
                    {{content.subtitle}}
                </h4>
                {{content.content|safe}}
                <a href="{% url 'pagina_prodotto' sensualfougereurl %}" class="cta">
                    {% trans "Scopri di più" %}
                </a>
            {% endwith %}
            </div>
        </div>
    </section><!--//Poster 3-->

    <!--Video-->
    <div class="video__wrapper">
        <div class="video__inner">
            <span class="close-btn"></span>
            {% if LANGUAGE_CODE == 'en' %}
            <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/t6I5XL3qQHk?rel=0&amp;showinfo=0?autoplay=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
            {% elif LANGUAGE_CODE == 'ru' %}
            <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/vpQr4mqqiQU?rel=0&amp;showinfo=0?autoplay=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
            {% else %}
            <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/OEa7BLOfG_8?rel=0&amp;showinfo=0?autoplay=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
            {% endif %}
        </div>
    </div>
    <!--//Video-->
</main>
{% endblock %}