<!-- eslint-disable-next-line sw-deprecation-rules/no-twigjs-blocks -->
{% block sw_settings_listing_option_general_info %}
<sw-card
    :title="$tc('sw-settings-listing.base.general.title')"
    position-identifier="sw-settings-listing-option-general-info"
>

    <!-- eslint-disable-next-line sw-deprecation-rules/no-twigjs-blocks -->
    {% block sw_settings_listing_option_general_info_container %}
    <sw-container
        columns="1fr 1fr"
        gap="0 20px"
    >

        <!-- eslint-disable-next-line sw-deprecation-rules/no-twigjs-blocks -->
        {% block sw_settings_listing_option_general_info_name %}
        <sw-text-field
            v-model:value="sortingOption.label"
            class="sw-settings-listing-edit__general-input"
            :label="$tc('sw-settings-listing.base.general.labelName')"
            :placeholder="$tc('sw-settings-listing.base.general.placeholderName')"
            :required="true"
            :error="labelError"
        />
        {% endblock %}

        <!-- eslint-disable-next-line sw-deprecation-rules/no-twigjs-blocks -->
        {% block sw_settings_listing_option_general_info_technical_name %}
        <sw-text-field
            v-model:value="sortingOption.key"
            name="sw-field--listing-option-technicalName"
            class="sw-settings-listing-option-general-info__field-technical-name"
            required
            :label="$tc('sw-settings-listing.base.general.labelTechnicalName')"
            :placeholder="$tc('sw-settings-listing.base.general.placeholderTechnicalName')"
            :error="technicalNameError"
            :help-text="$tc('sw-settings-listing.base.general.helpTextTechnicalName')"
        />
        {% endblock %}

        <!-- eslint-disable-next-line sw-deprecation-rules/no-twigjs-blocks -->
        {% block sw_settings_listing_option_general_info_active %}
        <sw-switch-field
            v-model:value="sortingOption.active"
            v-tooltip="{
                showDelay: 300,
                message: $tc('sw-cms.elements.productListing.config.sorting.defaultSortingCantBeDisabled'),
                disabled: !isDefaultSorting
            }"
            :disabled="isDefaultSorting"
            class="sw-settings-listing-edit__general-input"
            :bordered="true"
            :label="$tc('sw-settings-listing.base.general.labelActive')"
        />
        {% endblock %}
    </sw-container>
    {% endblock %}
</sw-card>
{% endblock %}
