{% import '@SyliusShop/Common/Macro/messages.html.twig' as messages %} 
{% import '@SyliusShop/Common/Macro/pagination.html.twig' as pagination %} 
  
{% if resources.data|length > 0 %} 
    <div class="categ-bottom"> 
        <div class="res-filtre"> 
            <strong class="nbre-article">{{resources.data|length}} {{'app.taxon.articles' |trans}} </strong> 
            <span>Votre séléction :</span> 
            <span class="filtre"><a href="#">Halal</a></span><span class="filtre"><a href="#">test</a></span> 
             
        </div> 
        <div class="liste-articles"> 
            <div class="row-article clear-float" {{ sylius_test_html_attribute('products') }}> 
             
                {% for product in resources.data %} 
                    <div class="col-20-top"> 
                        {% include '@SyliusShop/Product/_box.html.twig' %} 
                    </div> 
                {% endfor %} 
            </div> 
        </div> 
    </div> 
 
    {{ sylius_template_event('sylius.shop.product.index.before_pagination', {'products': resources.data}) }} 
 
    <div class="d-flex justify-content-end mt-3"> 
        {{ pagination.simple(resources.data) }} 
    </div> 
{% else %} 
    <div class="mt-3"> 
    {{ messages.info('sylius.ui.no_results_to_display') }} 
    </div> 
{% endif %}