<a style=" width: 100%!important;" class="btn btn-primary collapsed" data-toggle="collapse" href="#collapsePapierGrammage" role="button" aria-expanded="true" aria-controls="collapsePapierGrammage" id="papiergrammage">
{% if papierCourant.id is defined and papierCourant.productAttribute.gramage.name %}
{{ papierCourant.productAttribute.gramage.namePapier | trans({}, "productTranslate") }}
{% else %}
{{ 'Grammage' | trans({}, "productTranslate") }}
{% endif %}
</a>
<input type="hidden" name="grammage" value="{{ papierCourant.productAttribute.gramage.id}}" data-type-grammage="{{ papierCourant.productAttribute.gramage.typeGrammage }}" id="grammageInput">
<div class="collapse" id="collapsePapierGrammage">
{% for item in attrsGramage|sortArrayByField('name') %}
<span data-value="{{ item.id }}" data-type-grammage="{{ item.typeGrammage }}" class="grammageSelector grammageSelectorPapier fontFamily font-click {% if papierCourant.productAttribute.gramage.id == item.id %} active {% endif %}" data-name="{{ item.namePapier }}" data-value-css="grammage_click">
<h5 data-value-css="grammage_click">{{ item.namePapier }}</h5>
<small data-value-css="grammage_click">{{ item.description | trans({}, "productTranslate") }}({{ item.name | trans({}, "productTranslate") }})</small>
</span>
{% endfor %}
</div>