{% sw_extends '@Storefront/storefront/page/product-detail/properties.html.twig' %}
{% block page_product_detail_properties_inner %}
<div class="product-detail-properties">
{% block page_product_detail_properties_container %}
<div class="row product-detail-properties-container">
<div class="col-12">
{% block page_product_detail_properties_table %}
<table class="table table-striped product-detail-properties-table">
<tbody>
{% for group in page.product.sortedProperties %}
{% block page_product_detail_properties_table_row %}
<tr class="properties-row">
{% block page_product_detail_properties_item_label %}
<th class="properties-label">{{ group.translated.name|e }}:</th>
{% endblock %}
{% block page_product_detail_properties_item_value %}
<td class="properties-value">
{% apply spaceless %}
{% for option in group.options %}
{% set i = ( i | default(0) ) + 1 %}
<span>{% if i > 1 %}, {% endif %}{{ option.translated.name|e }}</span>
{% endfor %}
{% endapply %}
</td>
{% endblock %}
</tr>
{% endblock %}
{% endfor %}
</tbody>
</table>
{% endblock %}
</div>
</div>
{% endblock %}
</div>
{% endblock %}