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

{% block content %}
    {{ include('webshop/__categories.html.twig', {'current': currentCategory}) }}

    <div class="category-page">
        <h1 class="page__title page__title--h1">
            <hr/>
            <span>{{ currentCategory.name }}</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 %}
{% block custom_javascripts %}
    <script>
        $(document).ready(function () {
            $('body').on('change', '.sortby', function () {
                $(this).closest('form').submit();
            });
        });
    </script>
{% endblock %}