{# load formvalidation config #}
{% set aFvDataAttrNames = oViewConf.getViewThemeParam("aFvDataAttrNames") %}

{% capture append = "oxidBlock_content" %}
    {# ordering steps #}
    {% include "page/checkout/inc/steps.html.twig" with {active: 3} %}

    {% block checkout_payment_main %}
        <div class="row">
            {% set oCurrency = oView.getActCurrency() %}
            {% block change_shipping %}
                {% if oView.getAllSets() %}
                    {% set aErrors = oView.getFieldValidationErrors() %}
                    <div class="col-12 col-md-6">
                        <form id="c4s-shipping-form" action="{{ oViewConf.getSslSelfLink()|raw }}" name="shipping" method="post">
                            {{ oViewConf.getHiddenSid()|raw }}
                            {{ oViewConf.getNavFormParams()|raw }}
                            <input type="hidden" name="cl" value="{{ oViewConf.getActiveClassName() }}">
                            <input type="hidden" name="fnc" value="changeshipping">

                            {% block checkout_payment_shipping_card %}
                                <div class="card c4s-checkout-card">
                                    <div class="card-header">
                                        <h4 class="card-title">{% if oView.getAllSetsCnt() > 1 %}{{ translate({ ident: "SELECT_SHIPPING_METHOD" }) }}{% else %}{{ translate({ ident: "SELECTED_SHIPPING_CARRIER" }) }}{% endif %}</h4>
                                    </div>
                                    <div class="card-body">
                                        {% block act_shipping %}
                                            {% for sShipID, oShippingSet in oView.getAllSets() %}
                                                <dl>
                                                    <dt>
                                                        <div class="form-group">
                                                            <div class="radio">
                                                                <input id="{{ sShipID }}" type="radio" name="sShipSet" onchange="this.form.submit();" value="{{ sShipID }}" {% if oShippingSet.blSelected %}checked{% endif %}>
                                                                <label class="form-label" for="{{ sShipID }}">
                                                                    {% block checkout_payment_shipping_label %}
                                                                        <strong>{{ oShippingSet.oxdeliveryset__oxtitle.value }}</strong>
                                                                    {% endblock %}
                                                                </label>
                                                            </div>
                                                        </div>
                                                    </dt>
                                                    {% set sShippingSnippetIdent = "c4s_shipping_info_" ~ sShipID %}
                                                    {% ifcontent ident sShippingSnippetIdent set oCont %}
                                                        <dd data-snippet-ident="{{ sShippingSnippetIdent }}">
                                                            {{ include(template_from_string(oCont.oxcontents__oxcontent.value)) }}
                                                        </dd>
                                                    {% endifcontent %}
                                                </dl>
                                            {% endfor %}

                                            {# <div class="form-group"> #}
                                                {# <select class="form-select selectpicker" name="sShipSet" onchange="this.form.submit();"> #}
                                                    {# {% for sShipID, oShippingSet in oView.getAllSets() %} #}
                                                        {# <option value="{{ sShipID }}" {% if oShippingSet.blSelected %}SELECTED{% endif %}>{{ oShippingSet.oxdeliveryset__oxtitle.value }}</option> #}
                                                    {# {% endfor %} #}
                                                {# </select> #}
                                            {# </div> #}
                                            <noscript>
                                                <div class="form-group">
                                                    <button type="submit" class="btn btn-success">{{ translate({ ident: "UPDATE_SHIPPING_CARRIER" }) }}</button>
                                                </div>
                                            </noscript>
                                        {% endblock %}

                                        {% block checkout_payment_delivery_cost %}
                                            {% set oDeliveryCostPrice = oxcmp_basket.getDeliveryCost() %}
                                            {% if oDeliveryCostPrice %}
                                                <div id="c4s-shipping-cost">
                                                    <div class="alert alert-info" role="alert">
                                                        {% if oViewConf.isFunctionalityEnabled("blShowVATForDelivery") %}
                                                            <p>
                                                                {{ translate({ ident: "CHARGES", suffix: "COLON" }) }} {{ format_price(oDeliveryCostPrice.getNettoPrice(), { currency: oCurrency }) }}
                                                                {% if oDeliveryCostPrice.getPrice() > 0 %}
                                                                    ({{ translate({ ident: "PLUS_VAT" }) }}{% if oDeliveryCostPrice.getVatValue() %} {{ format_price(oDeliveryCostPrice.getVatValue(), { currency: oCurrency }) }}{% endif %})
                                                                {% endif %}
                                                            </p>
                                                        {% else %}
                                                            <p>{{ translate({ ident: "CHARGES", suffix: "COLON" }) }} {{ format_price(oDeliveryCostPrice.getBruttoPrice(), { currency: oCurrency }) }}</p>
                                                        {% endif %}
                                                    </div>
                                                </div>
                                            {% endif %}
                                        {% endblock %}
                                    </div>
                                </div>
                            {% endblock %}
                        </form>
                    </div>
                {% endif %}
            {% endblock %}


            {% block change_payment %}
{# todo {{ script({ include: "js/widgets/oxpayment.min.js", priority: 10, dynamic: __oxid_include_dynamic }) }} #}
{# {{ script({ add: "$( '#c4s-payment-form' ).oxPayment();", dynamic: __oxid_include_dynamic }) }} #}
{# {{ script({ add: " $('input[name=paymentid]').click( function() { $.fn.matchHeight._update(); });", dynamic: __oxid_include_dynamic }) }} #}

                <div class="col-12 col-md-6">
                    <form id="c4s-payment-form" action="{{ oViewConf.getSslSelfLink()|raw }}" name="order" method="post" novalidate="novalidate">
                        {{ oViewConf.getHiddenSid()|raw }}
                        {{ oViewConf.getNavFormParams()|raw }}
                        <input type="hidden" name="cl" value="{{ oViewConf.getActiveClassName() }}">
                        <input type="hidden" name="fnc" value="validatepayment">

                        {% if oView.getPaymentList() %}
                            <div class="card c4s-checkout-card">
                                <div class="card-header">
                                    <h4 class="card-title">{{ translate({ ident: "PAYMENT_METHOD" }) }}</h4>
                                </div>
                                <div class="card-body">
                                    {% block checkout_payment_method_body %}
                                        {% set iPayError = oView.getPaymentError() %}
                                        {% if iPayError %}
                                            <div class="alert alert-danger" role="alert">
                                                {% block checkout_payment_errors %}
                                                    {% if iPayError == 1 %}
                                                        {{ translate({ ident: "ERROR_MESSAGE_COMPLETE_FIELDS_CORRECTLY" }) }}
                                                    {% elseif iPayError == 2 %}
                                                        {{ translate({ ident: "MESSAGE_PAYMENT_AUTHORIZATION_FAILED" }) }}
                                                    {% elseif iPayError == 4 %}
                                                        {{ translate({ ident: "MESSAGE_UNAVAILABLE_SHIPPING_METHOD" }) }}
                                                    {% elseif iPayError == 5 %}
                                                        {{ translate({ ident: "MESSAGE_PAYMENT_AUTHORIZATION_FAILED" }) }}
                                                    {% elseif iPayError >= 6 %}
                                                        <!--Add custom error message here-->
                                                        {{ translate({ ident: "MESSAGE_PAYMENT_AUTHORIZATION_FAILED" }) }}
                                                    {% elseif iPayError == -1 %}
                                                        {{ translate({ ident: "MESSAGE_PAYMENT_UNAVAILABLE_PAYMENT_ERROR" }) }} "{{ oView.getPaymentErrorText() }}").
                                                    {% elseif iPayError == -2 %}
                                                        {{ translate({ ident: "MESSAGE_NO_SHIPPING_METHOD_FOUND" }) }}
                                                    {% elseif iPayError == -3 %}
                                                        {{ translate({ ident: "MESSAGE_PAYMENT_SELECT_ANOTHER_PAYMENT" }) }}
                                                    {% elseif iPayError == -4 %}
                                                        {{ translate({ ident: "MESSAGE_PAYMENT_BANK_CODE_INVALID" }) }}
                                                    {% elseif iPayError == -5 %}
                                                        {{ translate({ ident: "MESSAGE_PAYMENT_ACCOUNT_NUMBER_INVALID" }) }}
                                                    {% endif %}
                                                {% endblock %}
                                            </div>
                                        {% endif %}

                                        {% set inptcounter = "-1" %}
                                        {% for sPaymentID, paymentmethod in oView.getPaymentList() %}
                                            {% set inptcounter = inptcounter+1 %}
                                            {% block select_payment %}
                                                {% if sPaymentID == "oxidcashondel" %}
                                                    {% include "page/checkout/inc/payment_oxidcashondel.html.twig" %}
                                                {% elseif sPaymentID == "oxiddebitnote" %}
                                                    {% include "page/checkout/inc/payment_oxiddebitnote.html.twig" %}
                                                {% else %}
                                                    {% include "page/checkout/inc/payment_other.html.twig" %}
                                                {% endif %}
                                            {% endblock %}
                                        {% endfor %}
                                    {% endblock %}
                                </div>
                            </div>

                        {% elseif oView.getEmptyPayment() %}
                            <input type="hidden" name="paymentid" value="oxempty">

                            {% block checkout_payment_nopaymentsfound %}
                                <div class="card c4s-checkout-card">
                                    <div class="card-header">
                                        <h4 class="card-title">{{ translate({ ident: "PAYMENT_INFORMATION" }) }}</h4>
                                    </div>
                                    <div class="card-body">
                                        <div class="alert alert-danger" data-snippet-ident="oxnopaymentmethod" role="alert">
                                            {% ifcontent ident "oxnopaymentmethod" set oCont %}
                                                {{ include(template_from_string(oCont.oxcontents__oxcontent.value)) }}
                                            {% endifcontent %}
                                        </div>
                                    </div>
                                </div>
                            {% endblock %}
                        {% endif %}
                    </form>
                </div>

                {% if oView.getPaymentList() %}
                    {% block checkout_payment_nextstep %}
                        {% if oView.isLowOrderPrice() %}
                            <div class="alert alert-info" role="alert">
                                {{ translate({ ident: "MIN_ORDER_PRICE" }) }} {{ oView.getMinOrderPrice() }} {{ oCurrency.sign }}
                            </div>
                        {% else %}
                            <div class="d-grid gap-2 d-md-block mt-5">
                                <a href="{{ seo_url({ ident: oViewConf.getOrderLink()|raw }) }}" id="c4s-payment-back-step-btn" class="btn btn-outline-secondary float-start"><i class="fa-solid fa-caret-left"></i> {{ translate({ ident: "PREVIOUS_STEP" }) }}</a>
                                <button type="submit" name="userform" form="c4s-payment-form" id="c4s-payment-next-step-btn" class="btn btn-primary float-end">{{ translate({ ident: "CONTINUE_TO_NEXT_STEP" }) }} <i class="fa-solid fa-caret-right"></i></button>
                            </div>
                        {% endif %}
                    {% endblock %}

                {% elseif oView.getEmptyPayment() %}
                    {% block checkout_payment_empty_nextstep %}
                        <div class="d-grid gap-2 d-md-block mt-5">
                            <a href="{{ seo_url({ ident: oViewConf.getSelfLink()|raw ~ "cl=user" }) }}" class="btn btn-md- btn-outline-secondary float-start"><i class="fa-solid fa-caret-left"></i> {{ translate({ ident: "PREVIOUS_STEP" }) }}</a>
                            <button type="submit" name="userform" form="c4s-payment-form" id="c4s-payment-next-step-btn" class="btn btn-primary float-end">{{ translate({ ident: "CONTINUE_TO_NEXT_STEP" }) }} <i class="fa-solid fa-caret-right"></i></button>
                        </div>
                    {% endblock %}
                {% endif %}

            {% endblock %}
        </div>
    {% endblock %}
    {{ insert_tracker({title: template_title}) }}
{% endcapture %}

{% include "layout/page.html.twig" with {blHideBreadcrumb: true} %}