{% block warnings %}
{% if product and product.sortedProperties %}
{% set display = false %}
{% for property in product.sortedProperties %}
{% if
property.id == "c2cd5e01fefd49b18c0e63827a260770"
or
property.id == "0cf7c91af462470e946be782eb29c6e5"
or
property.id == "72a2fa3509a34e2abb2a50b35a6d9545" %}
{% set display = true %}
{% endif %}
{% endfor %}
{% if display %}
<div class="extra-chemicals">
<h5>{{ "chemicals.caption"|trans|raw }}</h5>
{% if icons %}
{% for property in product.sortedProperties %}
{% if property.id == "c2cd5e01fefd49b18c0e63827a260770" %}
{% if property.options and property.options.elements %}
<div class="ghs-codes">
{% for element in property.options.elements %}
<div class="ghs-code">
{% sw_include "@Storefront/storefront/utilities/icon.html.twig" with { 'name': element.name, 'pack': 'grimmtheme', 'namespace': 'GrimmTheme', 'size': 'xxl'} %}
</div>
{% endfor %}
</div>
{% endif %}
{% endif %}
{% endfor %}
{% endif %}
{% if hazard %}
{% for property in product.sortedProperties %}
{% if property.id == "0cf7c91af462470e946be782eb29c6e5" %}
{% if property.options and property.options.elements %}
<div class="chemical-warnings">
<h5>{{ "chemicals.hazard-codes"|trans|raw }}</h5>
{% for element in property.options.elements %}
<div class="chemical-warning">
<span class="chemical-warning-hazard-code">
<span class="hazard-code-translated"><span class="hazard-code">{{ element.name }}</span> - {{ ('chemicals.codes.' ~ element.name)|trans|raw }}</span>
</span>
</div>
{% endfor %}
</div>
{% endif %}
{% endif %}
{% endfor %}
{% endif %}
{% if warnings %}
{% for property in product.sortedProperties %}
{% if property.id == "72a2fa3509a34e2abb2a50b35a6d9545" %}
{% if property.options and property.options.elements %}
<div class="p-sentences">
<h5>{{ "chemicals.p-sentence"|trans|raw }}</h5>
{% for element in property.options.elements %}
<div class="p-sentence">
{% set parts = element.name|split('+') %}
{% for part in parts %}
{{ ('chemicals.psentence.' ~ part)|trans|raw }}
{% endfor %}
</div>
{% endfor %}
</div>
{% endif %}
{% endif %}
{% endfor %}
{% endif %}
</div>
{% endif %}
{% endif %}
{% endblock %}