{% import "@SyliusShop/Common/Macro/icons.html.twig" as icons %}
{% macro renderIcon(type) %}
{% if 'minimum_order' == type %}
{{ icons.minimumOrder() }}
{% elseif 'material' == type %}
{{ icons.material() }}
{% elseif 'size' == type %}
{{ icons.size() }}
{% endif %}
{% endmacro %}
{% set attributes = product.getAttributesByLocale(configuration.request.locale, configuration.request.defaultLocale, sylius_base_locale)|filter(attribute => attribute.code not in ['tag1', 'tag2'])|sort_by('attribute.position') %}
{#{{ dump(icons) }}#}
{% if attributes %}
{#<h3>{{ 'product_view.product_specification_header'|trans }}</h3>#}
<div class="product-attributes">
{% for attribute in attributes %}
<div class="product-attribute product-attribute-{{ attribute.code }} d-flex align-items-center mb-3">
<span class="sylius-product-atlootribute-name d-inline-flex pe-3 custom-display-7 disable-rfs" {{ sylius_test_html_attribute('product-attribute-name', attribute.name) }} data-bs-toggle="tooltip" data-bs-title="{{ attribute.name }}">
{{ _self.renderIcon(attribute.code) }}
<span class="visually-hidden">{{ attribute.name }}</span>
</span>
<span class="sylius-product-attribute-value" {{ sylius_test_html_attribute('product-attribute-value', attribute.name) }}>
{% include [
'@SyliusShop/Product/Show/Types/'~attribute.attribute.type~'.html.twig',
'@SyliusAttribute/Types/'~attribute.attribute.type~'.html.twig',
'@SyliusShop/Product/Show/Types/default.html.twig'
] with {
'attribute': attribute,
'locale': configuration.request.locale,
'fallbackLocale': configuration.request.defaultLocale
} %}
</span>
</div>
{% endfor %}
</div>
{% endif %}