{% capture append = "oxidBlock_content" %}

    {# ordering steps #}
    {% include "page/checkout/inc/steps.html.twig" with {active: 4} %}

    {% block checkout_order_errors %}
        {% if oView.isConfirmAGBActive() and oView.isConfirmAGBError() == 1 %}
            {% include "message/error.html.twig" with {statusMessage: "READ_AND_CONFIRM_TERMS"|translate} %}
        {% endif %}
        {% set iError = oView.getAddressError() %}
        {% if iError == 1 %}
           {% include "message/error.html.twig" with {statusMessage: "ERROR_DELIVERY_ADDRESS_WAS_CHANGED_DURING_CHECKOUT"|translate} %}
        {% endif %}
    {% endblock %}

    {% block checkout_order_main %}
        {% if not oView.showOrderButtonOnTop() %}
            <div class="alert alert-info mb-4" role="alert">{{ translate({ ident: "MESSAGE_SUBMIT_BOTTOM" }) }}</div>
        {% endif %}

        {% block checkout_order_details %}
            {% if not oxcmp_basket.getProductsCount()  %}
                {% block checkout_order_emptyshippingcart %}
                    <div class="alert alert-danger" role="alert">{{ translate({ ident: "BASKET_EMPTY" }) }}</div>
                {% endblock %}
            {% else %}
                {% set oCurrency = oView.getActCurrency() %}

                {% block checkout_order_next_step_top %}
                    {% if oView.isLowOrderPrice() %}
                        {% block checkout_order_loworderprice_top %}
                            <div class="alert alert-info" role="alert">{{ translate({ ident: "MIN_ORDER_PRICE" }) }} {{ oView.getMinOrderPrice() }} {{ oCurrency.sign }}</div>
                        {% endblock %}
                    {% endif %}
                {% endblock %}

                {% block checkout_order_vouchers %}
                    {% if oViewConf.getShowVouchers() and oxcmp_basket.getVouchers() %}
                        {{ translate({ ident: "USED_COUPONS" }) }}
                        {% for key, oEr in Errors.basket %}
                            {% if oEr.getErrorClassType() == "oxVoucherException" %}
                                <div class="alert alert-danger" role="alert">
                                    {{ translate({ ident: "PAGE_CHECKOUT_ORDER_COUPONNOTACCEPTED1" }) }} {{ oEr.getValue("voucherNr") }} {{ translate({ ident: "PAGE_CHECKOUT_ORDER_COUPONNOTACCEPTED2" }) }}<br>
                                    {{ translate({ ident: "REASON" }) }}
                                    {{ oEr.getOxMessage() }}
                                </div>
                            {% endif %}
                        {% endfor %}
                        <div class="alert alert-info" role="alert">
                            {% for key, sVoucher in oxcmp_basket.getVouchers() %}
                                {{ sVoucher.sVoucherNr }}<br>
                            {% endfor %}
                        </div>
                    {% endif %}
                {% endblock %}

                <div class="row mb-4">
                    {% block checkout_order_address %}
                        <div class="col-12 col-lg-4 c4s-order-address-billing">
                            <form action="{{ oViewConf.getSslSelfLink()|raw }}" method="post">
                                {{ oViewConf.getHiddenSid()|raw }}
                                <input type="hidden" name="cl" value="user">
                                <input type="hidden" name="fnc" value="">

                                <div class="card c4s-checkout-card">
                                    <div class="card-header">
                                        <h4 class="card-title">
                                            {{ translate({ ident: "BILLING_ADDRESS" }) }}
                                        </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">
                                        {% include "widget/address/billing_address.html.twig" %}
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="col-12 col-lg-4 c4s-order-address-shipping">
                            {% block checkout_order_deliveryaddress %}
                                <form action="{{ oViewConf.getSslSelfLink()|raw }}" method="post">
                                    {{ oViewConf.getHiddenSid()|raw }}
                                    <input type="hidden" name="cl" value="user">
                                    <input type="hidden" name="fnc" value="">

                                    <div class="card c4s-checkout-card">
                                        <div class="card-header">
                                            <h4 class="card-title">
                                                {{ translate({ ident: "SHIPPING_ADDRESS" }) }}
                                            </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">
                                            {% set oDelAdress = oView.getDelAddress() %}
                                            {% if oDelAdress %}
                                                {% include "widget/address/shipping_address.html.twig" with {delivadr: oDelAdress} %}
                                            {% else %}
                                                {% include "widget/address/billing_address.html.twig" %}
                                            {% endif %}
                                        </div>
                                    </div>
                                </form>
                            {% endblock %}
                        </div>
                    {% endblock %}

                    {% block shippingAndPayment %}
                        <div class="col-12 col-lg-4">
                            <div id="c4s-order-shipping-carrier">
                                <form action="{{ oViewConf.getSslSelfLink()|raw }}" method="post">
                                    {{ oViewConf.getHiddenSid()|raw }}
                                    <input type="hidden" name="cl" value="payment">
                                    <input type="hidden" name="fnc" value="">
                                    <div class="card c4s-checkout-card">
                                        <div class="card-header">
                                            <h4 class="card-title">
                                                {{ translate({ ident: "SHIPPING_CARRIER" }) }}
                                            </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">
                                            {% block checkout_order_shipping_title %}
                                                {% set oShipSet = oView.getShipSet() %}
                                                {{ oShipSet.oxdeliveryset__oxtitle.value }}
                                            {% endblock %}
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div id="c4s-order-payment">
                                <form action="{{ oViewConf.getSslSelfLink()|raw }}" method="post">
                                    {{ oViewConf.getHiddenSid()|raw }}
                                    <input type="hidden" name="cl" value="payment">
                                    <input type="hidden" name="fnc" value="">
                                    <div class="card c4s-checkout-card">
                                        <div class="card-header">
                                            <h4 class="card-title">
                                                {{ translate({ ident: "PAYMENT_METHOD" }) }}
                                            </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">
                                            {% set payment = oView.getPayment() %}
                                            {{ payment.oxpayments__oxdesc.value }}
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    {% endblock %}
                </div>

                {# {% block checkout_order_remark %} #}
                    {# {% if oView.getOrderRemark() %} #}
                        {# <form action="{{ oViewConf.getSslSelfLink()|raw }}" method="post"> #}
                            {# {{ oViewConf.getHiddenSid()|raw }} #}
                            {# <input type="hidden" name="cl" value="user"> #}
                            {# <input type="hidden" name="fnc" value=""> #}

                            {# <div class="card c4s-checkout-card"> #}
                                {# <div class="card-header"> #}
                                    {# <h4 class="card-title"> #}
                                        {# {{ translate({ ident: "WHAT_I_WANTED_TO_SAY" }) }} #}
                                    {# </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"> #}
                                    {# {{ oView.getOrderRemark()|nl2br }} #}
                                {# </div> #}
                            {# </div> #}
                        {# </form> #}
                    {# {% endif %} #}
                {# {% endblock %} #}

                {# {% if not oView.isLowOrderPrice() %} #}
                    {# <div id="orderAgbTop"> #}
                        {# <form action="{{ oViewConf.getSslSelfLink()|raw }}" method="post" id="orderConfirmAgbTop"> #}
                            {# {{ oViewConf.getHiddenSid()|raw }} #}
                            {# {{ oViewConf.getNavFormParams()|raw }} #}
                            {# <input type="hidden" name="cl" value="order"> #}
                            {# <input type="hidden" name="fnc" value="{{ oView.getExecuteFnc() }}"> #}
                            {# <input type="hidden" name="challenge" value="{{ challenge }}"> #}
                            {# <input type="hidden" name="sDeliveryAddressMD5" value="{{ oView.getDeliveryAddressMD5() }}"> #}

                            {# {% include "page/checkout/inc/agb.html.twig" %} #}
                        {# </form> #}
                    {# </div> #}
                {# {% endif %} #}

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

                        <div class="card c4s-checkout-card">
                            <div class="card-header mb-3">
                                <h4 class="card-title">
                                    {{ translate({ ident: "CART" }) }}
                                </h4>
                                <button type="submit" class="btn btn-sm btn-link float-end c4s-basket-change-btn" title="{{ translate({ ident: "EDIT" }) }}">
                                    <i class="fa-solid fa-pencil"></i>
                                </button>
                            </div>
                            <div class="card-body">
                                {% block order_basket %}
                                    <div class="row">
                                        {% include "page/checkout/inc/basket_contents.html.twig" with {editable: false} %}
                                    </div>
                                {% endblock %}
                            </div>
                        </div>
                    </form>
                </div>
            {% endif %}

            {% block checkout_order_next_step_bottom %}
                {% if oView.isLowOrderPrice() %}
                    {% block checkout_order_loworderprice_bottom %}
                        <div class="alert alert-info" role="alert">
                            <div>{{ translate({ ident: "MIN_ORDER_PRICE" }) }} {{ oView.getMinOrderPrice() }} {{ oCurrency.sign }}</div>
                        </div>
                    {% endblock %}
                {% else %}
                    {% block checkout_order_btn_confirm_bottom %}
                        <form id="c4s-order-confirm-form" action="{{ oViewConf.getSslSelfLink()|raw }}" method="post">
                            {{ oViewConf.getHiddenSid()|raw }}
                            {{ oViewConf.getNavFormParams()|raw }}
                            <input type="hidden" name="cl" value="order">
                            <input type="hidden" name="fnc" value="{{ oView.getExecuteFnc() }}">
                            <input type="hidden" name="challenge" value="{{ challenge }}">
                            <input type="hidden" name="sDeliveryAddressMD5" value="{{ oView.getDeliveryAddressMD5() }}">

                            {% if oView.isActive("PsLogin") or not oView.isConfirmAGBActive() %}
                                <input type="hidden" name="ord_agb" value="1">
                            {% else %}
                                <input type="hidden" name="ord_agb" value="0">
                            {% endif %}
                            <input type="hidden" name="oxdownloadableproductsagreement" value="0">
                            <input type="hidden" name="oxserviceproductsagreement" value="0">

                            {% include "page/checkout/inc/agb.html.twig" %}

                            <div class="d-grid gap-2 d-md-block pt-5 mt-5">
                                {% block checkout_order_btn_submit_bottom %}
                                    <button type="submit" class="btn btn-lg btn-primary float-end">
                                        <i class="fa-solid fa-check"></i> {{ translate({ ident: "SUBMIT_ORDER" }) }}
                                    </button>
                                {% endblock %}
                            </div>
                        </form>
                    {% endblock %}
                {% endif %}
            {% endblock %}
        {% endblock %}
    {% endblock %}
    {{ insert_tracker({title: template_title}) }}
{% endcapture %}

{% set template_title = "REVIEW_YOUR_ORDER"|translate %}
{% include "layout/page.html.twig" with {title: template_title, location: template_title, blHideBreadcrumb: true} %}