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

{% block body %}

    <div class="row justify-content-md-center clearfix">
    {% for product in products %}

{#        {{ dump(product) }}#}
{#            <div class="">#}
                <a class="product-tile product-{{ product.identifier}} {{ product.tea_type_classes }} {{ product.notes }} {{ product.ingredients_list }}" onclick="showPDP('{{ product.identifier }}');" data-toggle="modal" data-target="#pdpModal">
                <div class="product-image-container">
                    <div class="clearfix"><img src="{{ asset('images/' ~ product.identifier ~ '.png') | imagine_filter('my_thumb')}}"></div>
                </div>
                <div class="product-tile-info">
                    <div class="product-tile-name">{{ product.name | raw}}</div>
                    <div class="product-tile-name2">{{ product.name2 }}</div>
{#                    <div class="product-tile-name2">{{ product.tea_type_classes }}</div>#}
{#                    <div class="product-tile-name2">{{ product.notes }}</div>#}
{#                    <div class="product-tile-name2">{{ product.ingredients_list }}</div>#}

{#                    <div class="product-tile-price">{{ product.price }} € <!--<span style="font-size:13px">/ 100g</span>--></div>#}
                </div>

                    <input type="button" class="add-to-cart-global c-button c-button--full" value="En savoir plus" onclick="addToCart('{{ product.marketing_code }}', '{{ product.name }}')" />
                </a>
{#            </div>#}

    {% endfor %}
    </div>

{% endblock %}