{% set bodyClass = 'bg-white' %}
{% set mainClass = 'wrapper' %}
{% extends 'layout.twig' %}
            
{% block content %}

    {#% do action('woocommerce_before_main_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="before-shop-loop"">
        {% do action('woocommerce_before_shop_loop') %}
    </div>#}

    <div class="product">
        <div class="product__header">
            <p class="product__title">
                {% if category %}
                    {{ category.name }}
                {% else %}
                    {{ function('pll_e', 'Продукция') }}
                {% endif %}
            </p>

            <button class="button button--gradient button--high button--icon button--filter">
                {{ function('pll_e', 'Фильтры') }}
            </button>
        </div>

        <!--<div class="product__tag">
            <button class="product-tag__item">
                <div class="product-tag-item__content">
                    <p class="product-tag-item__text">Для собак</p>
                    <div class="product-tag-iteИ m__button">
                    </div>
                </div>
            </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>   

    {#{% do action('woocommerce_after_shop_loop') %}
    {% do action('woocommerce_after_main_content') %}#}

{% include '/woocommerce/archive-product/archive-product-modal.twig' %}
        
{% endblock %}