{% macro startCard(col, zone = "default", card ='primary', fullWidth = false ) %}
    {% if col > 0 %}<div class="col-{{ col }}">{% endif %}
        <div class="card card-{{ card }}">
            <div class="card-header">
                <h3 class="card-title">
                    {% set label = "group."~zone %}
                    {{ label|trans({}, 'lcshop')|raw }}
                </h3>
            </div>
            <div class="card-body {{ fullWidth == true ? 'p-0' : 'row' }}">

{% endmacro %}

{% macro endCard(noCol = false) %}
        </div>
    </div>
    {% if noCol == false %}</div>{% endif %}
{% endmacro %}


{% macro productField(colspan, field, fieldName, fieldDisplay = false, displaySuffix="",attr="") %}

    {% if fieldDisplay == false %}{% set fieldDisplay = fieldName %}{% endif %}

    <td {{ attr|raw }} colspan="{{ colspan }}" class="{{ fieldName }}" v-on:click="{{ fieldName }}Inherited = true">
        <div v-show="{{ fieldName }}Inherited == false">
            <div v-if="{{ fieldName }}">
                {% verbatim %}{{ {% endverbatim %}{{ fieldDisplay }} {% verbatim %}}}{% endverbatim %}{{ displaySuffix }}
            </div>
            <div v-else class="inherited">
                {% verbatim %}{{ productFamily.{% endverbatim %}{{ fieldDisplay }} {% verbatim %}}}{% endverbatim %}{{ displaySuffix }}
            </div>
        </div>
        <div v-show="{{ fieldName }}Inherited == true">
            {{ form_widget(field, {'attr' : {'v-model' :  fieldName , 'v-on:focusout': fieldName~'Inherited = false', '@change' : fieldName~'Updated'}}) }}
        </div>
    </td>
{% endmacro %}