{% set sCustomerOrderNr = oxcmp_basket.getCustomFieldSetEntry("sCustomerOrderNr") %}

<form id="c4s-basket-additional-order-number-form" action="{{ oViewConf.getSslSelfLink()|raw }}" method="post">
    {{ oViewConf.getHiddenSid()|raw }}
    <input type="hidden" name="cl" value="{{ oViewConf.getTopActiveClassName() }}">
    <input type="hidden" name="fnc" value="setCustomerOrderNr">

    <div class="mb-3">
        {% if oViewConf.getActiveClassName() != "order" %}
            {% set blRequired = oViewConf.isFunctionalityEnabled("blC4SBasketExtensionCustomerOrderNumberRequired") %}
            {% block checkout_basket_customer_order_number %}
                <label for="c4s-basket-customer-order-number" class="form-label small">{{ translate({ ident: "C4S_BASKET_EXTENSION_CUSTOMER_ORDER_NUMBER" }) }}{% if blRequired %} *{% endif %}</label>
                <div class="input-group input-group-sm">
                    <input name="sCustomerOrderNr"
                           id="c4s-basket-customer-order-number"
                           maxlength="{{ oViewConf.getCustomerOrderNumberMaxLength() }}"
                           class="form-control"
                           placeholder="{{ translate({ ident: "C4S_BASKET_EXTENSION_CUSTOMER_ORDER_NUM_PLACEHOLDER" }) }}"
                           value="{% if sCustomerOrderNr %}{{ sCustomerOrderNr }}{% endif %}"
                           {% if blRequired %}required{% endif %}
                    >
                    <button class="btn btn-outline-secondary"
                            type="submit"
                            data-bs-toggle="tooltip"
                            data-bs-placement="top"
                            data-bs-container="body"
                            title="{{ translate({ ident: "SAVE" }) }}"
                    >
                        <i class="fa-solid fa-floppy-disk"></i>
                    </button>
                </div>
            {% endblock %}
        {% else %}
            {% block checkout_order_customer_order_number %}
                <label for="c4s-basket-customer-order-number" class="form-label small">{{ translate({ ident: "C4S_BASKET_EXTENSION_CUSTOMER_ORDER_NUMBER" }) }}</label>
                <div class="input-group input-group-sm">
                    <input name="sCustomerOrderNr"
                           id="c4s-basket-customer-order-number"
                           maxlength="{{ oViewConf.getCustomerOrderNumberMaxLength() }}"
                           class="form-control"
                           {# placeholder="{{ translate({ ident: "C4S_BASKET_EXTENSION_CUSTOMER_ORDER_NUM_PLACEHOLDER" }) }}" #}
                           value="{% if sCustomerOrderNr %}{{ sCustomerOrderNr }}{% endif %}"
                           readonly
                    >
                    <a class="btn btn-outline-secondary c4s-basket-change-btn"
                       href="{{ seo_url({ ident: oViewConf.getBasketLink()|raw }) }}"
                       data-bs-toggle="tooltip"
                       data-bs-placement="top"
                       data-bs-container="body"
                       title="{{ translate({ ident: "C4S_BASKET_EXTENSION_CUSTOMER_ORDER_NUM_CHANGE_TOOLTIP" }) }}"
                    >
                        <i class="fa-solid fa-pen-to-square"></i>
                    </a>
                </div>
            {% endblock %}
        {% endif %}
    </div>
</form>