{% extends "page/checkout/order.html.twig" %}

{% block shippingAndPayment %}
    {{ parent() }}

    {% if oViewConf.getAdditionalInfoFieldPosition() == "TOP" %}
        {% block checkout_order_reference_and_comment_after_payment %}
            {% if oViewConf.isCustomerOrderNumberEnabled() %}
                <div id="c4s-order-number" class="col-12 col-lg-6">
                    <form id="c4s-basket-additional-order-number-form" action="{{ oViewConf.getSslSelfLink()|raw }}#c4s_customer_order_number" method="post"> {# on the basket page, if the hashed element is overwrapped with sticky header, write (local) script to avoid this #}
                        <div class="hidden">
                            {{ oViewConf.getHiddenSid()|raw }}
                            <input type="hidden" name="cl" value="basket">
                            <input type="hidden" name="fnc" value="">
                        </div>
                        <div class="card c4s-checkout-card c4s-additional-order-number">
                            <div class="card-header">
                                <h4 class="card-title">
                                    {{ translate({ ident: "C4S_BASKET_EXTENSION_CUSTOMER_ORDER_NUMBER" }) }}
                                </h4>
                                <button type="submit" class="btn btn-sm btn-link float-end" title="{{ translate({ ident: "EDIT" }) }}">
                                    <i class="fa-solid fa-pencil"></i>
                                </button>
                            </div>
                            <div class="card-body">
                                {% if oxcmp_basket.getCustomFieldSetEntry("sCustomerOrderNr") %}{{ oxcmp_basket.getCustomFieldSetEntry("sCustomerOrderNr") }}{% else %}-{% endif %}
                            </div>
                        </div>
                    </form>
                </div>
            {% endif %}
            {% if oViewConf.isReferenceEnabled() %}
                <div id="c4s-order-reference" class="col-12 col-lg-6">
                    <form id="c4s-basket-additional-reference-form" action="{{ oViewConf.getSslSelfLink()|raw }}#c4s-basket-customer-reference" method="post"> {# on the basket page, if the hashed element is overwrapped with sticky header, write (local) script to avoid this #}
                        <div class="hidden">
                            {{ oViewConf.getHiddenSid()|raw }}
                            <input type="hidden" name="cl" value="basket">
                            <input type="hidden" name="fnc" value="">
                        </div>
                        <div class="card c4s-checkout-card c4s-additional-reference">
                            <div class="card-header">
                                <h4 class="card-title">
                                    {{ translate({ ident: "C4S_BASKET_EXTENSION_CUSTOMER_ORDER_REFERENCE" }) }}
                                </h4>
                                <button type="submit" class="btn btn-sm btn-link float-end" title="{{ translate({ ident: "EDIT" }) }}">
                                    <i class="fa-solid fa-pencil"></i>
                                </button>
                            </div>
                            <div class="card-body">
                                {% if oxcmp_basket.getCustomFieldSetEntry("sCustomerReference") %}{{ oxcmp_basket.getCustomFieldSetEntry("sCustomerReference") }}{% else %}-{% endif %}
                            </div>
                        </div>
                    </form>
                </div>
            {% endif %}
            {% if oViewConf.isRequestedDeliveryDateEnabled() %}
                <div id="c4s-order-delivery-date" class="col-12 col-lg-6">
                    <form id="c4s-form-additional-deliveryDate" action="{{ oViewConf.getSslSelfLink()|raw }}#c4s-basket-requested-delivery-date" method="post"> {# on the basket page, if the hashed element is overwrapped with sticky header, write (local) script to avoid this #}
                        <div class="hidden">
                            {{ oViewConf.getHiddenSid()|raw }}
                            <input type="hidden" name="cl" value="basket">
                            <input type="hidden" name="fnc" value="">
                        </div>
                        <div class="card c4s-checkout-card c4s-additional-delivery-date">
                            <div class="card-header">
                                <h4 class="card-title">
                                    {{ translate({ ident: "C4S_BASKET_EXTENSION_DESIRED_DELIVERYDATE" }) }}
                                </h4>
                                <button type="submit" class="btn btn-sm btn-link float-end" title="{{ translate({ ident: "EDIT" }) }}">
                                    <i class="fa-solid fa-pencil"></i>
                                </button>
                            </div>
                            <div class="card-body">
                                {% if oxcmp_basket.getCustomFieldSetEntry("sRequestedDeliveryDate") %}{{ oxcmp_basket.getCustomFieldSetEntry("sRequestedDeliveryDate")|date_format("%d.%m. % Y") }}{% else %}-{% endif %}
                            </div>
                        </div>
                    </form>
                </div>
            {% endif %}
            {% if oViewConf.isCustomerCommentEnabled() %}
                <div id="c4s-order-comment" class="col-12 col-lg-6">
                    <form id="c4s-form-additional-comment" action="{{ oViewConf.getSslSelfLink()|raw }}#c4s-basket-customer-comment" method="post"> {# on the basket page, if the hashed element is overwrapped with sticky header, write (local) script to avoid this #}
                        <div class="hidden">
                            {{ oViewConf.getHiddenSid()|raw }}
                            <input type="hidden" name="cl" value="basket">
                            <input type="hidden" name="fnc" value="">
                        </div>

                        <div class="card c4s-checkout-card c4s-additional-customer-comment">
                            <div class="card-header">
                                <h4 class="card-title">
                                    {{ translate({ ident: "C4S_BASKET_EXTENSION_CUSTOMER_ORDER_COMMENT" }) }}
                                </h4>
                                <button type="submit" class="btn btn-sm btn-link float-end" title="{{ translate({ ident: "EDIT" }) }}">
                                    <i class="fa fa-pencil"></i>
                                </button>
                            </div>
                            <div class="card-body">
                                {% if oxcmp_basket.getCustomFieldSetEntry("sCustomerComment") %}{{ oxcmp_basket.getCustomFieldSetEntry("sCustomerComment")|trim }}{% else %}-{% endif %}
                            </div>
                        </div>
                    </form>
                </div>
            {% endif %}
        {% endblock %}
    {% endif %}
{% endblock %}