{% extends "page/details/inc/buybox.html.twig" %}

{% block details_buybox_scale_prices %}
    {% if oViewConf.isFunctionalityEnabled("C4S_livePrice_processScalePrices") %}
        <div id="c4s-live-scale-prices" style="display: none;">
            <div class="pb-1 fw-bold">{{ translate({ ident: "C4S_BUYBOX_LIVEPRICE_SCALE_PRICES", suffix: "COLON" }) }}</div>
            <table class="table table-borderless">
                <tr class="scale-price-item">
                    <td>{{ translate({ ident: "FROM" }) }} <span class="amount">1</span> {{ oDetailsProduct.getUnitName(true) }}:</td>
                    <td><span class="price">1,00</span> {{ oCurrency.sign }}{% if oDetailsProduct.getUnitName() %} / {{ oDetailsProduct.getUnitName(true) }}{% endif %}</td>
                </tr>
            </table>
        </div>
    {% else %}
        {{ parent() }}
    {% endif %}
{% endblock %}

{% block details_buybox_price %}
    {% if oDetailsProduct.canUseLiveServices() %}
        {% hasrights { ident: "SHOWARTICLEPRICE" } %}
            {% if oDetailsProduct.getFPrice() %}
                {% block details_buybox_liveprice %}
                    {% set sFrom = "" %}
                    {% set sFPrice = oDetailsProduct.getFPrice() %}
                    {% if oDetailsProduct.isParentNotBuyable() %}
                        {% set sFPrice = oDetailsProduct.getFVarMinPrice() %}
                        {% if oDetailsProduct.isRangePrice() %}
                            {% set sFrom = "PRICE_FROM"|translate %}
                        {% endif %}
                    {% endif %}

                    <div class="c4s-article-details-price{% if oTPrice and oTPrice.getBruttoPrice() > oPrice.getBruttoPrice() %} text-danger{% endif %}">
                        {% block details_buybox_liveprice_stack %}
                            <span hidden class="c4s-price-from">{{ sFrom }}</span>
                            <span class="fs-6 fw-bold me-3 c4s-your-price">{{ translate({ ident: "YOUR_PRICE", suffix: "COLON" }) }}</span>
                            <span hidden class="fa-solid fa-spinner fa-spin-pulse c4s-liveprice-spinner"></span>
                            <span hidden class="c4s-pricebox-error"
                                  data-bs-toggle="popover"
                                  data-bs-container="body"
                                  data-bs-trigger="hover click"
                                  data-bs-placement="top"
                                  data-bs-html="true"
                                  data-bs-content='{{ translate({ ident: "C4S_LIVEPRICE_STANDARD_TECHNICAL_EXCEPTION" }) }}'
                                  style="cursor: pointer;"
                            >
                                <i class="fa-solid fa-triangle-exclamation"></i>
                            </span>
                            <span hidden class="fs-2 fw-bold c4s-price">{{ sFPrice }}</span>
                            <span hidden class="fs-2 c4s-currency">{{ oCurrency.sign }}</span>
                            {% if oDetailsProduct.loadAmountPriceInfo() and blShowPriceInDetails %}
                                {% block details_buybox_liveprice_stack_price_info %}
                                    {% ifcontent ident "c4s_detail_price_info" set oCont %}
                                        <span class="c4s-scaleprice-info" data-bs-container="body" data-bs-toggle="popover" data-bs-html="true" data-bs-placement="top" data-bs-trigger="hover" data-bs-content="{{ oCont.oxcontents__oxcontent.value|striptags }}" data-snippet-ident="c4s_detail_price_info">
                                            <i class="fa-solid fa-info-circle" aria-hidden="true"></i>
                                        </span>
                                    {% endifcontent %}
                                {% endblock %}
                            {% endif %}
                            {% if oView.isVatIncluded() %}
                                <span hidden class="align-top c4s-price-markup">*</span>
                            {% endif %}
                            <span hidden class="c4s-listprice">{{ sFPrice }} {{ oCurrency.sign }}</span>
                        {% endblock %}
                    </div>
                {% endblock %}
            {% endif %}
        {% endhasrights %}
    {% else %}
        {{ parent() }}
    {% endif %}
{% endblock %}

{% block details_buybox_pricebutton %}
    {% if oDetailsProduct.canUseLiveServices() %}
        {% if oxcmp_user %}
            <button type="button"
                    id="c4s-details-article-price-button"
                    class="btn btn-primary c4s-details-article-price-button"
                    {% if not blCanBuy %}disabled{% endif %}
                    data-bs-toggle="tooltip"
                    data-bs-placement="top"
                    data-bs-container="body"
                    data-bs-trigger="hover"
                    title="{{ translate({ ident: "C4S_BUYBOX_TOOLTIP_LIVEPRICE" }) }}"
                    data-artid="{{ oDetailsProduct.oxarticles__oxid.value }}"
                    data-artnum="{{ oDetailsProduct.getServiceArticleNumber() }}"
            >
                {{ translate({ ident: "C4S_BUYBOX_BTN_CALC_LIVEPRICE" }) }}
            </button>
        {% else %}
            <button type="button" class="btn btn-primary c4s-details-article-price-button" disabled>
                {{ translate({ ident: "C4S_BUYBOX_BTN_CALC_LIVEPRICE" }) }}
            </button>
        {% endif %}
    {% else %}
        {{ parent() }}
    {% endif %}
{% endblock %}