<div id="reduction_products">
<h4 class="ui top attached large header">{{ 'app.ui.reduction_products'|trans }}</h4>
<div class="ui attached segment">
{% if customer.reductionProducts | length > 0 %}
<table class="ui celled table">
<thead>
<tr>
<th>{{ 'app.ui.reduction_type' | trans }}</th>
<th>{{ 'sylius.ui.products' | trans }}</th>
<th>{{ 'app.ui.reduction_value' | trans }}</th>
</tr>
</thead>
<tbody>
{% for reductionProducts in customer.reductionProducts %}
<tr>
<td>{{ ('app.ui.'~ reductionProducts.reductionType)| trans }}</td>
<td>
{% for product in reductionProducts.products %}
<span class="ui label">{{ product }}</span>
{% endfor %}
</td>
<td>{{ reductionProducts.reductionValue }}</td>
</tr>
{% endfor %}
</tbody>
</table>
{% else %}
<div class="ui brown message">{{ 'app.ui.no_discounts_available' | trans }}.</div>
{% endif %}
</div>
</div>