{% extends 'eshop/@layout.html.twig' %}

{% set categoryTranslation = category.translation(shop.currentLocale) %}
{% block title %}
    {% if categoryTranslation.title %}
        {{ categoryTranslation.title }}
    {% else %}
        {{ categoryTranslation.name }}
    {% endif %}
    - {{ parent() }}
{% endblock %}

{% block keywords %}
    {% if categoryTranslation.metaKeywords %}
        {{ categoryTranslation.metaKeywords }}
    {% endif %}
{% endblock %}

{% block description %}
    {% if categoryTranslation.metaDescription %}
        {{ categoryTranslation.metaDescription }}
    {% endif %}
{% endblock %}

{% block system_main %}
    <section class="p-3 section-system-main">
        <h1>{{ categoryTranslation.name }}</h1>
        <header class="d-sm-flex align-items-center border-bottom mb-4 pb-3">
            <strong class="d-block py-2">Bylo nalezeno {{ pagination.getTotalItemCount }} produktů</strong>
        </header>

        <article>
            {{ category.translation(shop.currentLocale).beforeDescription|raw }}
        </article>

        <div class="row">
            {% for item in pagination %}
                <div class="{{ settings|settingsToColumns }}">
                    {{ render(controller('App\\Controller\\Shop\\ProductController::showBox', {'product': item.product})) }}
                </div>
            {% endfor %}
        </div>

        <article>
            <p>
                {{ category.translation(shop.currentLocale).beforeDescription|raw }}
            </p>
        </article>

        <hr>
        <footer class="d-flex mt-4">
            <nav class="ms-3">
                <div class="navigation">
                    {{ knp_pagination_render(pagination) }}
                </div>
            </nav>
        </footer>
    </section>
{% endblock %}