<!-- eslint-disable-next-line sw-deprecation-rules/no-twigjs-blocks -->
{% block sw_custom_field_set_renderer_card_form_renderer %}
<div class="sw-custom-field-set-renderer-card-form-renderer">
    <template
        v-for="customField in set.customFields"
        :key="customField.id"
    >
        <sw-container
            columns="240px 1fr"
            gap="32px"
        >
            <!-- eslint-disable-next-line sw-deprecation-rules/no-twigjs-blocks -->
            {% block sw_custom_field_set_renderer_card_form_renderer_change_field %}
            <sw-checkbox-field
                class="sw-bulk-edit-custom-fields__change"
                :label="$tc('sw-bulk-edit.product.customFields.changeLabel', 0, {name: getInlineSnippet(customField.config.label)})"
                @update:value="toggleItemCheck($event, customField)"
            />
            {% endblock %}

            <!-- eslint-disable-next-line sw-deprecation-rules/no-twigjs-blocks -->
            {% block sw_custom_field_set_renderer_card_form_renderer_custom_field %}
            <sw-inherit-wrapper
                v-if="entity && customField.config"
                v-model:value="entity.customFields[customField.name]"
                v-bind="getInheritWrapperBind(customField)"
                :class="'sw-form-field-renderer-field__' + customField.name"
                :has-parent="hasParent"
                :required="customField.config.validation === 'required'"
                :inherited-value="getInheritedCustomField(customField.name)"
                @update:value="updateCustomField(customField)"
            >
                <template #content="props">
                    <sw-form-field-renderer
                        v-bind="getBind(customField, props)"
                        :key="props.isInherited"
                        :class="'sw-form-field-renderer-input-field__' + customField.name"
                        :disabled="disabled || props.isInherited"
                        :value="props.currentValue"
                        @update:value="props.updateCurrentValue"
                    />
                </template>
            </sw-inherit-wrapper>
            {% endblock %}
        </sw-container>
    </template>
</div>
{% endblock %}
