{# title string #}
{# tree \Notimeo\CoreBundle\Custom\TreeNode[] #}
{# articles_amount int[] #}
{# sections \App\SectionsBundle\Twig\SectionsExtension #}

{% macro sibling_displayer(siblings, level, articles_amount) %}
    {% if level <= 2 and siblings|length > 0 %}
        {% for sibling in siblings %}
            {# subcategory \App\ArticleBundle\Entity\ArticleCategory #}
            {% set subcategory = sibling.item %}
            {% set subcategoryLink = path('articles_list_category', {
                section: sections.current.locale.slug,
                category_slug: subcategory.locale.slug
            }) %}
            <a
                class="block_categories__subcat block_categories__subcat--level{{ level }}"
                href="{{ subcategoryLink }}"
                title="{{ 'Zobacz artykuły z kategorii ' ~ subcategory.locale.title }}"
            >
                    <span>
                        {{- subcategory.locale.title -}}
                    </span>
                <span class="color_other">
                        {{- '[' ~ articles_amount[subcategory.id]|default(0) ~ ']' -}}
                    </span>
            </a>
            {% if sibling.siblings|length > 0 %}
                {{ _self.sibling_displayer(sibling.siblings, level + 1, articles_amount) }}
            {% endif %}
        {% endfor %}
    {% endif %}
{% endmacro %}

{% extends ':default:subpage.html.twig' %}

{% block sidebar %}
    {% include ':blocks:sidebar_sections.html.twig' with { clickable: true } %}
    {{ articles_categories_block() }}
    {% include ':blocks:sidebar_ads_text_block.html.twig' %}
    {{ sidebar_promoted_companies(3) }}
    {% include '@Catalog/frontend/blocks/sidebar_top_companies.html.twig' %}
    {{ sidebar_promoted_classifieds() }}
    {% include ':blocks:we_recommend.html.twig' %}
{% endblock %}

{% block heading_h1_modifier %}
    {{- ' heading_h1--nounderline' -}}
{% endblock %}

{% block subpage_content %}
    <div class="block_categories block-grid-md-3 block-grid-xs-2">
        {% for key, row in tree %}
            {# category \App\ArticleBundle\Entity\ArticleCategory #}
            {% set category = row.item %}
            {% set categoryLink = path('articles_list_category', {
                section: sections.current.locale.slug,
                category_slug: category.locale.slug
            }) %}

            {% if key == 0 %}
                {% set image_name = 'katalog_monet' %}
            {% elseif key == 1 %}
                {% set image_name = 'katalog_banknotow' %}
            {% elseif key == 2 %}
                {% set image_name = 'abc_numizmatyki' %}
            {% endif %}

            <div>
                <div class="block_categories__item">
                    <div class="block_categories__image">
                        <img
                            class="img-responsive"
                            src="{{ asset('grafika/lista_artykulow/' ~ image_name ~ '.jpg') }}"
                            alt="{{ category.locale.title }}"
                        >
                    </div>
                    <h3 class="block_categories__heading">
                        <a
                            href="{{ categoryLink }}"
                            title="{{ 'Zobacz artykuły z kategorii ' ~ category.locale.title }}"
                        >
                            <span>
                                {{- category.locale.title -}}
                            </span>
                            <span class="color_other">
                                {{- '[' ~ articles_amount[row.item.id]|default(0) ~ ']' -}}
                            </span>
                        </a>
                    </h3>
                    {{ _self.sibling_displayer(row.siblings, 0, articles_amount) }}
                </div>
            </div>
        {% endfor %}
    </div>
{% endblock %}