{% extends 'ecom.html.twig' %}

{% block banner %}
    {% if channel.banner is not empty %}
        {% if channel.bannerShowFullWidth %}
            <div class="ecom__homepage-top-text">
                {% if channel.bannerLink is not empty %}
                <a href="{{ channel.bannerLink }}">
                    {% endif %}
                    <img src="{{ asset(channel.banner) }}" style="width:100%;height:auto;" alt="">
                    {% if channel.bannerLink is not empty %}
                </a>
                {% endif %}
            </div>
        {% else %}
            <div class="ecom__homepage-banner">
                <div class="ecom__homepage-top-text">
                    {% if channel.bannerLink is not empty %}
                    <a href="{{ channel.bannerLink }}">
                        {% endif %}
                        <img src="{{ asset(channel.banner) }}" style="width:100%;height:auto;" alt="">
                        {% if channel.bannerLink is not empty %}
                    </a>
                    {% endif %}
                </div>
            </div>
        {% endif %}
    {% endif %}

    {% if channel.banner2 is not empty or channel.banner3 is not empty %}
        <div class="ecom__homepage-banner ecom__homepage-banner23">
            <div>
                {% if channel.banner2 is not empty %}
                    {% if channel.bannerLink2 is not empty %}
                        <a href="{{ channel.bannerLink2 }}">
                    {% endif %}
                    <img src="{{ asset(channel.banner2) }}" style="width:100%;height:auto;" alt="">
                    {% if channel.bannerLink2 is not empty %}
                        </a>
                    {% endif %}
                {% endif %}
            </div>
            <div>
                {% if channel.banner3 is not empty %}
                    {% if channel.bannerLink3 is not empty %}
                        <a href="{{ channel.bannerLink3 }}">
                    {% endif %}
                    <img src="{{ asset(channel.banner3) }}" style="width:100%;height:auto;" alt="">
                    {% if channel.bannerLink3 is not empty %}
                        </a>
                    {% endif %}
                {% endif %}
            </div>
        </div>
    {% endif %}
{% endblock %}

{% block content %}
    <div class="ecom__homepage-second-text">
        {{ channel.textBlock | raw }}
    </div>
    {{ include('webshop/__categories.html.twig') }}
    <div class="category-page">
        <h1 class="page__title page__title--h1">
            <hr/>
            <span>{{ 'Products' | trans }}</span>
        </h1>
        <div class="category-page__products">
            {% for product in pagination %}
                {{ include('webshop/__product_item.html.twig', {'product': product}) }}
            {% else %}
                {{ 'No items' | trans }}
            {% endfor %}
        </div>

        {{ knp_pagination_render(pagination) }}
    </div>
{% endblock %}