{#{{ dump(product) }}#}
<div class="product">
    <div class="product-col-content">
        <h1 class="product-title">{{ name }}</h1>
        <p class="product-short-desc">{{ short_description | raw }}</p>
        <div class="product-preparation-row">
            <div class="product-preparation-group">
                <img src="{{ asset('images/icon-time-compass.svg') }}">
                <div class="product-preparation-elem">
                    <div class="product-preparation-elem-title">Temps d'infusion</div>
                    <span>{{ time }}</span>
                </div>
            </div>
            <div class="product-preparation-group">
                <img src="{{ asset('images/icon-temp.svg') }}">
                <div class="product-preparation-elem">
                    <div class="product-preparation-elem-title">Température d'infusion</div>
                    <span>{{ temp_celsius }}&nbsp;°C</span>
                </div>
            </div>
        </div>
        <h2 class="product-title">Ingrédients</h2>
        <p class="product-ingredients">{{ public_composition | raw }}</p>
        <div class="ingredients-pictos">
        {% if product.values.ingredients_list.0.data is defined  %}
            {% for ingredient_list in product.values.ingredients_list.0.data %}
                <div class="ingredients-picto">
                    <img src="{{ asset('images/filtres/notes/' ~ ingredient_list ~ '.jpg')  | imagine_filter('my_ingredient') }}">
                    <span>{{ attribute(ingredients_list, ingredient_list) | raw }}</span>
                </div>
            {% endfor %}
        {% endif %}
        </div>

    </div>
    <div class="product-col-price">
        <p class="product-price">{{ pricePer100g  | format_number({fraction_digit:2}) }} €</p>
        <p class="product-price-100g">({{ pricePer100g  | format_number({fraction_digit:2}) }} € / 100g)</p>
    </div>
    <div class="product-col-images">
        <img class="product-img-vrac" src="{{ asset('images/' ~ product.identifier ~ '.png') | imagine_filter('my_vrac')}}">
        <img class="img-AB" src="{{ asset('images/logos-bioAB.png') | imagine_filter('my_vrac')}}">
    </div>
</div>