{% set blCanBuyNotLoggedIn = oViewConf.getViewThemeParam("blCanBuyNotLoggedIn") %}

<form name="tobasket.{{ sArtID }}" {% if blShowToBasket %}action="{{ oViewConf.getSelfActionLink()|raw }}" method="post"{% else %}action="{{ sProductLink }}" method="get"{% endif %}>
    {{ oViewConf.getHiddenSid()|raw }}
    {{ oViewConf.getNavFormParams()|raw }}
    <input type="hidden" name="pgNr" value="{{ oView.getActPage() }}">

    {% if blShowToBasket %}
        {% hasrights { ident: "TOBASKET" } %}
            <input type="hidden" name="cl" value="{{ oViewConf.getTopActiveClassName() }}">
            <input type="hidden" name="fnc" value="tobasket">
            <input type="hidden" name="aid" value="{{ oArticle.oxarticles__oxid.value }}">
            <input type="hidden" name="anid" value="{{ oDetailsProduct.oxarticles__oxnid.value }}">  {# parent id for redirect to parent details page after tobasket action #}
        {% endhasrights %}
    {% else %}
        <input type="hidden" name="cl" value="details">
        <input type="hidden" name="anid" value="{{ oDetailsProduct.oxarticles__oxnid.value }}">    {# parent id for redirect to parent details page after tobasket action #}
    {% endif %}

    <div class="input-group c4s-buybox-list float-end">

        {# c4s :: quantity scale info #}
        {% block details_buybox_list_quantityscale %}
            {# show tooltip if no quantity scale given #}
            {% hasrights { ident: "SHOWARTICLEPRICE" } %}
                <span class="input-group-text c4s-quantity-scale disabled">
                    <i class="fa-solid fa-circle-info"
                       role="button"
                       tabindex="9999"
                       data-bs-toggle="tooltip"
                       data-bs-container="body"
                       data-bs-trigger="hover click"
                       title="{{ translate({ ident: "C4S_BUYBOX_LIST_POPOVER_NO_QUANTITYSCALE" }) }}"
                    ></i>
                </span>
            {% endhasrights %}
        {% endblock %}

        {# c4s :: amount to basket #}
        {% block details_buybox_list_amountinput %}
            <input id="am_{{ sArtID }}" type="number" name="am" size="3"
                   class="form-control c4s-amount"
                   value="{% if oArticle.oxarticles__c4sminamount.value %}{{ oArticle.oxarticles__c4sminamount.value }}{% else %}1{% endif %}"
                   min="{% if oArticle.oxarticles__c4sminamount.value %}{{ oArticle.oxarticles__c4sminamount.value }}{% else %}1{% endif %}"
                   step="{% if oArticle.oxarticles__oxunitquantity.value %}{{ oArticle.oxarticles__oxunitquantity.value }}{% else %}1{% endif %}"
                   max="{% if oArticle.oxarticles__c4smaxamount.value %}{{ oArticle.oxarticles__c4smaxamount.value }}{% endif %}"
                   autocomplete="off"
                   data-maxlength="3"
                   data-bs-toggle="tooltip"
                   data-bs-placement="top"
                   data-bs-container="body"
                   data-bs-trigger="hover"
                   title="{{ translate({ ident: "C4S_BUYBOX_LIST_TOOLTIP_AMOUNT" }) }}"
            />
        {% endblock %}

        {# c4s :: article unit #}
        {% block details_buybox_list_unit %}
            {% if oArticle.getUnitName() %}
                <span class="input-group-text c4s-unit">
                    {{ oArticle.getUnitName(true) }}    {# optional lang-param: "true" for multilingual unit names #}
                </span>
            {% endif %}
        {% endblock %}

        {# c4s :: price trigger #}
        {% if blShowPriceInDetails %}
            {% block details_buybox_list_pricebutton %}
                {% if oxcmp_user %}
                    {% set sFPrice = oArticle.getFPrice() %}
                    <span class="input-group-text c4s-article-price-btn"
                          data-bs-toggle="tooltip"
                          data-bs-placement="top"
                          data-bs-container="body"
                          data-bs-trigger="hover"
                          data-variant-price="{{ sFPrice }}"
                          data-artid="{{ oArticle.oxarticles__oxid.value }}"
                          data-artnum="{{ oArticle.oxarticles__oxartnum.value }}"
                          title="{{ translate({ ident: "C4S_BUYBOX_LIST_TOOLTIP_LISTPRICE" }) }}">
                        <a class="fa-solid fa-calculator"></a>
                    </span>
                {% else %}
                    <span class="input-group-text c4s-article-price-btn disabled" data-bs-toggle="modal" data-bs-target="#c4s-login-modal">
                        <span class="fa-solid fa-calculator"></span>
                    </span>
                {% endif %}
            {% endblock %}
        {% endif %}

        {# c4s :: to basket button #}
        {% block details_buybox_list_tobasketbutton %}
            {% if not oArticle.isNotBuyable() and not recommid %}
                {% if blCanBuyNotLoggedIn or oxcmp_user %}
                    {% block details_buybox_list_tobasketbutton_basket %}
                        <button type="submit" {% if not blCanBuy %}disabled{% endif %} class="btn btn-primary c4s-details-article-list-basket-button"
                                data-bs-toggle="tooltip"
                                data-bs-placement="top"
                                data-bs-container="body"
                                data-bs-trigger="hover"
                                title="{{ translate({ ident: "C4S_BUYBOX_LIST_TOOLTIP_TO_CART" }) }}">
                            <i class="fa-solid fa-cart-shopping"></i>
                        </button>
                    {% endblock %}
                {% else %}
                    {% block details_buybox_list_tobasketbutton_login %}
                        <button type="button"
                                class="btn btn-primary"
                                data-bs-toggle="modal"
                                data-bs-target="#c4s-login-modal"
                        >
                            <i class="fa-solid fa-cart-shopping"></i>
                        </button>
                    {% endblock %}
                {% endif %}
            {% endif %}
        {% endblock %}
    </div>
</form>