{% set bodyClass = 'bg-white' %}
{% set mainClass = 'wrapper' %}
{% extends 'layout.twig' %}
            
{% block content %}
        
    <div class="breadcrumbs">
        <a href="/" class="breadcrumbs__item">
            {{ function('pll_e', 'Главная') }}
        </a>
        <a href="/shop" class="breadcrumbs__item">
            {{ function('pll_e', 'Продукция') }}
        </a>
        {% if category %}
            <a href="{{ category_link }}" class="breadcrumbs__item">
                {{ category_title }}
            </a>
        {% endif %}
    </div>

    <div class="product">
        <div class="product__header">
            <h1 class="product__title">
                {% if category %}
                    {{ category.name }}
                {% else %}
                    {{ function('pll_e', 'Продукция') }}
                {% endif %}
            </h1>
            <div class="active-filters" style="display: none;">
                <div class="active-filters__list"></div>
                <button class="active-filters__clear button button--white" style="display: none;">
                    {{ function('pll_e', 'Очистить все') }}
                </button>
            </div>
            <button class="button button--gradient button--high button--icon button--filter">
                {{ function('pll_e', 'Фильтры') }}
            </button>
        </div>
        
        <div class="product__main">
            {% for post in posts %}
                {% include '/woocommerce/archive-product/archive-product-tease.twig' with {post: post} %}
            {% endfor %}
        </div>

        <div class="product__footer product__footer--error">
            {% if posts_per_page < count %}
                <button class="button button--white" id="load-more-products" data-category_id="{{ category_id }}" data-category_type="{{ category_type }}">
                    {{ function('pll_e', 'Загрузить еще') }}
                </button>
            {% endif %}
        </div>
    </div>   
        
{% endblock %}