{% import '@SyliusUi/Macro/messages.html.twig' as messages %}
{% import '@SyliusUi/Macro/pagination.html.twig' as pagination %}

{{ sylius_template_event('sylius.shop.product.index.search', _context) }}


{{ sylius_template_event('sylius.shop.product.index.before_list', {'products': resources.data}) }}

{% if resources.data|length > 0 %}
    <div class="row shop_container grid" id="products" {{ sylius_test_html_attribute('products') }}>
    {% set col = "col-6" %}
    {% set col_md = "col-md-4" %}
    {% set col_lg = "col-lg-3" %}
        {% for product in resources.data %}
            {% include '@SyliusShop/Product/Box/_content.html.twig' with {'col': 'col-6','col_md': 'col-md-4','col_lg': 'col-lg-4'} %}
        {% endfor %}
    </div>
    <div class="ui hidden divider"></div>

    {{ sylius_template_event('sylius.shop.product.index.before_pagination', {'products': resources.data}) }}

    {{ pagination.simple(resources.data) }}
{% else %}
    <div class="my-5">
        {{ messages.info('sylius.ui.no_results_to_display') }}
    </div>
{% endif %}