<!-- eslint-disable-next-line sw-deprecation-rules/no-twigjs-blocks -->
{% block sw_order_document_settings_modal_form_first_row %}
<sw-container
    columns="1fr 1fr 1fr"
    gap="0 14px"
>
    <!-- eslint-disable-next-line sw-deprecation-rules/no-twigjs-blocks -->
    {% block sw_order_document_settings_modal_form_credit_document_number %}
    <sw-text-field
        v-model:value="documentConfig.documentNumber"
        :label="$tc('sw-order.documentModal.labelDocumentNumber')"
    />
    {% endblock %}

    <!-- eslint-disable-next-line sw-deprecation-rules/no-twigjs-blocks -->
    {% block sw_order_document_settings_modal_form_document_select_invoice %}
    <sw-select-field
        v-model:value="documentConfig.custom.invoiceNumber"
        class="sw-order-document-settings-credit-note-modal__invoice-select"
        required
        :label="$tc('sw-order.documentModal.labelInvoiceNumber')"
        :placeholder="$tc('sw-order.documentModal.selectInvoiceNumber')"
    >
        <option
            v-for="number in invoiceNumbers"
            :key="number"
            :value="number"
        >
            {{ number }}
        </option>
    </sw-select-field>
    {% endblock %}

    <!-- eslint-disable-next-line sw-deprecation-rules/no-twigjs-blocks -->
    {% block sw_order_document_settings_modal_form_document_date %}
    <sw-datepicker
        v-model:value="documentConfig.documentDate"
        date-type="date"
        required
        hide-hint
        :label="$tc('sw-order.documentModal.labelDocumentDate')"
        :placeholder="$tc('sw-datepicker.date.placeholder')"
    />
    {% endblock %}
</sw-container>
{% endblock %}
