{% sw_extends '@Storefront/storefront/component/product/properties.html.twig' %}
{% block component_product_properties_inner %}
<div class="product-detail-properties mt-6">
{% block component_product_properties_container %}
<div class="product-detail-properties-container divide-y divide-y-grey-200">
{% if product.manufacturer %}
<div class="properties-row grid grid-cols-2 py-3">
<div class="properties-label">{{ "listing.filterManufacturerDisplayName"|trans|sw_sanitize }}</div>
<div class="properties-value">{{ product.manufacturer.translated.name }}</div>
</div>
{% endif %}
{% if product.customFields.artikelOmschrijving %}
<div class="properties-row grid grid-cols-2 py-3">
<div class="properties-label">{{ "pages.product.detail.article-description"|trans|sw_sanitize }}</div>
<div class="properties-value">{{ product.customFields.artikelOmschrijving }}</div>
</div>
{% endif %}
{% if product.customFields.kleurLeverancierReferentie %}
<div class="properties-row grid grid-cols-2 py-3">
<div class="properties-label">{{ "pages.product.detail.supplier-color-reference"|trans|sw_sanitize }}</div>
<div class="properties-value">{{ product.customFields.kleurLeverancierReferentie }}</div>
</div>
{% endif %}
{% if product.customFields.materiaal %}
<div class="properties-row grid grid-cols-2 py-3">
<div class="properties-label">{{ "pages.product.detail.material"|trans|sw_sanitize }}</div>
<div class="properties-value">{{ product.customFields.materiaal }}</div>
</div>
{% endif %}
{% if product.customFields.wasvoorschrift %}
<div class="properties-row grid grid-cols-2 py-3">
<div class="properties-label">{{ "pages.product.detail.washing"|trans|sw_sanitize }}</div>
<div class="properties-value">{{ product.customFields.wasvoorschrift }}</div>
</div>
{% endif %}
{% if product.customFields.pasvorm %}
<div class="properties-row grid grid-cols-2 py-3">
<div class="properties-label">{{ "pages.product.detail.fit"|trans|sw_sanitize }}</div>
<div class="properties-value">{{ product.customFields.pasvorm }}</div>
</div>
{% endif %}
{# @var product \Shopware\Core\Content\Product\SalesChannel\SalesChannelProductEntity #}
{% for group in product.sortedProperties %}
{% block component_product_properties_table_row %}
<div class="properties-row grid grid-cols-2 py-3">
{% block component_product_properties_item_label %}
<div class="properties-label">{{ group.translated.name|e }}</div>
{% endblock %}
{% block component_product_properties_item_value %}
<div 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 %}
</div>
{% endblock %}
</div>
{% endblock %}
{% endfor %}
{% if product.customFields.artikelID %}
<div class="properties-row grid grid-cols-2 py-3">
<div class="properties-label">{{ "pages.product.detail.article-id"|trans|sw_sanitize }}</div>
<div class="properties-value">{{ product.customFields.artikelID }}</div>
</div>
{% endif %}
{% if product.customFields.Artikelnummer %}
<div class="properties-row grid grid-cols-2 py-3">
<div class="properties-label">{{ "checkout.addProductLabel"|trans|sw_sanitize }}</div>
<div class="properties-value">{{ product.customFields.Artikelnummer }}</div>
</div>
{% endif %}
</div>
{% endblock %}
</div>
{% endblock %}