<div class="food-value-container">
<div class="food-value-item">
<div>{{ 'pro 100' |trans }} {{ product.getAmmount().getUnit.getAbbreviation() }}</div>
</div>
<div class="food-value-item">
<div>{{ 'caloric value' |trans }}:</div>
<div>{{ product.getBrennwertKJ() }}/{{ product.getBrennwertKcal() }}</div>
</div>
<div class="food-value-item">
<div>{{ 'fat' |trans }}:</div>
<div>{{ product.getFett() }}</div>
</div>
<div class="food-value-item">
<div>{{ 'saturated' |trans }}:</div>
<div>{{ product.getFettsaeure() }}</div>
</div>
<div class="food-value-item">
<div>{{ 'carbohydrates' |trans }}:</div>
<div>{{ product.getKohlehydrate() }}</div>
</div>
<div class="food-value-item">
<div>{{ 'sugar' |trans }}:</div>
<div>{{ product.getZucker() }}</div>
</div>
<div class="food-value-item">
<div>{{ 'protein' |trans }}:</div>
<div>{{ product.getEiweiss() }}</div>
</div>
<div class="food-value-item">
{% if product.getNatrium() is not empty %}
<div>{{ 'sodium' |trans }}:</div>
<div>{{ product.getNatrium() }}</div>
{% endif %}
</div>
<div class="food-value-item">
<div>{{ 'salt' |trans }}:</div>
<div>{{ product.getSalz() }}</div>
</div>
</div>