{% block checkout_basket_contents_scripts %}
{# todo {{ script({ include: "js/widgets/oxbasketchecks.min.js", priority: 10, dynamic: __oxid_include_dynamic }) }} #}
{# {{ script({ add: "$('#checkAll, #basketRemoveAll').oxBasketChecks();", dynamic: __oxid_include_dynamic }) }} #}
{% endblock %}

{% set oCurrency = oView.getActCurrency() %}

<form id="c4s-basket-form" name="basket{{ basketindex }}" action="{{ oViewConf.getSelfActionLink()|raw }}" method="post">
    {{ oViewConf.getHiddenSid()|raw }}
    <input type="hidden" name="cl" value="basket">
    <input type="hidden" name="fnc" value="changebasket">
    <input type="hidden" name="CustomError" value="basket">
    <input type="hidden" name="baid" value="">
    <input type="hidden" name="anid" value="">

    {% block checkout_basket_contents_positions %}
        {% include "page/checkout/inc/basket_positions.html.twig" with {editable: editable} %}
    {% endblock %}
</form>

<div id="c4s-basket-footer">
    <div class="row">
        <div id="c4s-basket-functions" class="col-12 col-lg-4">
            {% block checkout_basket_contents_functions %}
                {% if editable %}
                     {# todo add button functionallity by js #}
                    <button id="c4s-basket-remove-all-btn" class="btn btn-sm btn-outline-secondary" name="selectAllBtn" type="button">{{ translate({ ident: "ALL" }) }} {{ translate({ ident: "REMOVE" }) }}</button>
                    <button id="c4s-basket-update-btn" class="btn btn-sm btn-outline-secondary c4s-basket-update-btn" name="updateBtn" type="button">{{ translate({ ident: "UPDATE" }) }}</button>
                {% endif %}
            {% endblock %}
        </div>

        <div class="col-12 col-md-6 col-lg-4">
            {% if oViewConf.getShowVouchers() and oViewConf.getActiveClassName() == "basket" %}
                {% block checkout_basket_contents_vouchers %}
                    <form id="c4s-basket-voucher-form" name="voucher" action="{{ oViewConf.getSelfActionLink()|raw }}" method="post" role="form" novalidate="novalidate">
                        {{ oViewConf.getHiddenSid()|raw }}
                        <input type="hidden" name="cl" value="basket">
                        <input type="hidden" name="fnc" value="addVoucher">
                        <input type="hidden" name="CustomError" value="basket">

                        <div class="mb-3">
                            <label for="c4s-basket-voucher-number" class="form-label small">{{ translate({ ident: "C4S_BASKET_COUPON_LABEL" }) }}</label>
                            <div class="input-group input-group-sm">
                                <input name="voucherNr"
                                       id="c4s-basket-voucher-number"
                                       type="text"
                                       class="form-control"
                                       placeholder="{{ translate({ ident: "ENTER_COUPON_NUMBER" }) }}"
                                       aria-label="{{ translate({ ident: "ENTER_COUPON_NUMBER" }) }}"
                                       required
                                >
                                <button type="submit"
                                        class="btn btn-outline-secondary"
                                        data-bs-toggle="tooltip"
                                        data-bs-placement="top"
                                        data-bs-container="body"
                                        title="{{ translate({ ident: "REDEEM_COUPON" }) }}"
                                >
                                    <i class="fa-solid fa-percent"></i>
                                </button>
                            </div>
                            <div class="alert alert-info mt-2 mb-0 small w-100" role="alert">
                                {{ translate({ ident: "COUPON_INFO_TEXT" }) }}
                            </div>
                            {% for key, oEr in Errors.basket %}
                                {% if oEr.getErrorClassType() == "oxVoucherException" %}
                                    <div class="alert alert-danger mt-2 mb-0 small text-start" role="alert">
                                        {{ translate({ ident: "COUPON_NOT_ACCEPTED" }) }}
                                        {# oEr.getOxMessage() #}
                                    </div>
                                {% endif %}
                            {% endfor %}
                        </div>
                    </form>
                {% endblock %}
            {% endif %}

            {% block checkout_basket_contents_extensions %}
                {# hook #}
            {% endblock %}
        </div>

        {% block checkout_basket_contents_summary %}
            <div id="c4s-basket-summary" class="col-12 col-md-6 col-lg-4 float-end c4s-basket-summary{% if oViewConf.getActiveClassName() == "order" %} order{% endif %}">
                {% include "page/checkout/inc/basket_summary.html.twig" with {editable: editable} %}
            </div>
        {% endblock %}
    </div>
</div>