<!-- eslint-disable-next-line sw-deprecation-rules/no-twigjs-blocks -->
{% block sw_settings_shipping_tax_cost %}
<sw-card
    class="sw-settings-shipping-tax-cost"
    position-identifier="sw-settings-shipping-tax-cost"
    :title="$tc('sw-settings-shipping.detail.tax.fieldName')"
>

    <!-- eslint-disable-next-line sw-deprecation-rules/no-twigjs-blocks -->
    {% block sw_settings_shipping_detail_shipping_cost_tax_select %}
    <sw-single-select
        v-model:value="taxType"
        class="sw-settings-shipping__tax-type-selection"
        show-clearable-button
        :disabled="disabled"
        :label="$tc('sw-settings-shipping.detail.tax.labelTaxType')"
        :placeholder="$tc('sw-settings-shipping.detail.tax.placeholderTaxType')"
        :help-text="$tc('sw-settings-shipping.detail.tax.helpText')"
        :options="shippingCostTaxOptions"
        :error="shippingMethodTaxTypeError"
    />
    {% endblock %}

    <!-- eslint-disable-next-line sw-deprecation-rules/no-twigjs-blocks -->
    {% block sw_settings_shipping_detail_shipping_cost_tax_rate_select %}
    <sw-entity-single-select
        v-if="shippingMethod.taxType === 'fixed'"
        ref="taxIdSelection"
        v-model:value="shippingMethod.taxId"
        class="sw-settings-shipping__tax-rate"
        validation="required"
        required
        show-clearable-button
        entity="tax"
        :criteria="taxCriteria"
        :highlight-search-term="false"
        :disabled="disabled"
        :label="$tc('sw-settings-shipping.detail.tax.labelTaxRate')"
        :placeholder="$tc('sw-settings-shipping.detail.tax.placeholderTaxRate')"
        :label-callback="getTaxLabel"
        :error="shippingMethodTaxIdError"
    />
    {% endblock %}

</sw-card>
{% endblock %}
