{% if gruppo.titolo != false %}
    <div class="col-sm-12 gruppo-titolo">{{ gruppo.titolo }}</div>
{% endif %}
{% for elemento in gruppo.elementi %}
    <div class="items-check detail_item_{{ elemento.nome }} blocco-{{ elemento.nome }} col-sm-{{ elemento.col }}">
        <div class="blocco-check">
            <div>
                <table>
                    <tr>
                        <td><label id="label_detail_item_{{ elemento.nome }}" class="control-label" for="detail_item_{{ elemento.nome }}" data-labelon="{{ elemento.labelon|trans }}" data-labeloff="{{ elemento.labeloff|trans }}"></label></td>
                        <td>
                            <span class="validate-error">{{ form_errors(attribute(form, elemento.nome)) }}</span>
                        </td>
                    </tr>
                </table>
            </div>
            <div>
                <div class="icon-item">
                    <style>
                        .off-detail_item_{{ elemento.nome }} {
                            background: url({{ asset('/static/configuratore/images/check/' ~ elemento.iconoff) }});
                            border: 12px {{ elemento.coloroff }} solid;
                        }
                        .on-detail_item_{{ elemento.nome }} {
                            background: url({{ asset('/static/configuratore/images/check/' ~ elemento.iconon) }});
                            border: 12px {{ elemento.coloron }} solid;
                        }
                    </style>
                    <label class="control-label detail_item_{{ elemento.nome }} click-me label-icon" id="icon-{{ elemento.nome }}" for="detail_item_{{ elemento.nome }}">
                    </label>
                </div>
                <div class="hidden-element">
                    <span>
                        {{ form_widget(attribute(form, elemento.nome)) }}
                    </span>
                </div>
                {{ form_help(attribute(form, elemento.nome)) }}                                                                
            </div>
        </div> 
        {% if elemento.sub_items != false and elemento.sub_items|length > 0 %}
            <div class="blocco-testo sub-items">
                {% for sub_item in elemento.sub_items %}
                    <div id="detail_item_{{ sub_item.nome }}_block" class="sub-item {{ sub_item.visible }}">
                        <table>
                            <tr>
                                <td>{{ form_label(attribute(form, sub_item.nome)) }}</td>
                                <td>
                                    <span class="validate-error">{{ form_errors(attribute(form, sub_item.nome)) }}</span>
                                </td>
                            </tr>
                        </table>
                        <div class="form-group form-group input-group">
                            <span>
                                {{ form_widget(attribute(form, sub_item.nome)) }}
                            </span>
                        </div>
                        {{ form_help(attribute(form, sub_item.nome)) }}                                                                
                    </div>
                {% endfor %}
            </div>                
        {% endif %}
    </div>
{% endfor %}