{{ script({ include: "js/minibasket_modal.min.js", priority: 11, dynamic: __oxid_include_dynamic }) }}

<div id="c4s-minibasket-modal" class="modal fade c4s-minibasket-modal" tabindex="-1" aria-labelledby="c4s-minibasket-modal-title" aria-hidden="true">
    {% block widget_minibasket_modal_dialog %}
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    {% if _newitem %}
                        <h5 id="c4s-minibasket-modal-title" class="modal-title">
                            {{ translate({ ident: "NEW_BASKET_ITEM_MSG" }) }}
                        </h5>
                    {% else %}
                        <h5 id="c4s-minibasket-modal-title" class="modal-title">
                            <span class="countValue">{{ iItemCount }}</span>
                            {% if blShowPositionsNotItemsInMinibasket %}{{ translate({ ident: "POSITIONS_IN_BASKET" }) }}{% else %}{{ translate({ ident: "ITEMS_IN_BASKET" }) }}{% endif %}
                        </h5>
                    {% endif %}
                    <button type="button" class="btn ms-auto" data-bs-dismiss="modal" tabindex="1">
                        <span aria-hidden="true"><i class="fa-solid fa-xmark"></i></span><span class="visually-hidden">{{ translate({ ident: "CLOSE_BOX" }) }}</span>
                    </button>
                </div>
                <div class="modal-body">
                    {% if oxcmp_basket.getProductsCount() %}
                        {% hasrights { ident: "TOBASKET" } %}
                            <div id="c4s-minibasket-modal-content" class="c4s-minibasket-modal-content">
                                {% for oBasketItem in oxcmp_basket.getContents() %}
                                    {% block widget_minibasket_modal_basketitem %}
                                        {% set oArticle = oBasketItem.getArticle() %}
                                        {% set oAttributesinBasket = oArticle.getAttributesDisplayableInBasket() %}
                                        {% set minibasketItemTitle = oBasketItem.getTitle() %}
                                        {% set oParentArticle = oArticle.getParentArticle() %}
                                        {% set sArticleId = oArticle.oxarticles__oxid.value %}

                                        {% if oBasketItem.getAmount() > 0 %}
                                            <div class="mb-3 minibasket-modal-product">
                                                {% block widget_minibasket_modal_details %}
                                                    <div class="minibasket-modal-details">
                                                        {% if not blDisableMinibasketItemLink %}
                                                            <a href="{% if oParentArticle %}{{ oParentArticle.getLink()|add_url_parameters("anid=" ~ sArticleId) }}{% else %}{{ oBasketItem.getLink()|raw }}{% endif %}"
                                                               title="{{ minibasketItemTitle|striptags }}">
                                                        {% endif %}
                                                                <b class="basketItemTitle">
                                                                    {% block widget_minibasket_modal_title %}
                                                                        {{ oArticle.oxarticles__oxtitle|striptags }}
{# {% if oParentArticle and oParentArticle.oxarticles__oxtitle.value %} #}
{# {{ oParentArticle.oxarticles__oxtitle.value|striptags }} <br> #}
{# {% else %} #}
{# {{ minibasketItemTitle|striptags }} <br> ARTICLE TITLE WITH VARIANT-ATTRIBUTE-VALUES #}
{# {% endif %} #}
                                                                    {% endblock %}
                                                                </b>
                                                        {% if not blDisableMinibasketItemLink %}
                                                            </a>
                                                        {% endif %}

                                                        {% block widget_minibasket_modal_artnum %}
                                                            <div class="basketItemArtNum">
                                                                <small>{{ translate({ ident: "PRODUCT_NO", suffix: "COLON" }) }} {{ oArticle.oxarticles__oxartnum.value }}</small>
                                                            </div>
                                                        {% endblock %}

                                                        {% block widget_minibasket_modal_matnr %}
                                                            {# <div class="minibasket_modal_matnr"></div> #}
                                                        {% endblock %}

                                                        {% if oAttributesinBasket %}
                                                            {% set sSep = ", " %}
                                                            {% set sResult = "" %}
                                                            {% set sPopOverHtml = "<table class='itemAttributesLegendTable'>" %}

                                                            {% for oAttribute in oAttributesinBasket %}
                                                                {% set sTempTitle = oAttribute.oxattribute__oxtitle.value %}
                                                                {% set sTempValue = oAttribute.oxattribute__oxvalue.value %}
                                                                {% set sResult = sResult ~ sTempValue ~ sSep %}

                                                                {% set sPopOverTitel = "<td class='itemAttributesLegendTitel'>" ~ sTempTitle ~ ":</td>" %}
                                                                {% set sPopOverValue = "<td class='itemAttributesLegendValue'>" ~ sTempValue ~ "</td>" %}
                                                                {% set sPopOverHtml = sPopOverHtml ~ "<tr>" ~ sPopOverTitel ~ sPopOverValue ~ "</tr>" %}
                                                            {% endfor %}

                                                            {% set sPopOverHtml = sPopOverHtml ~ "</table>" %}

                                                            {% if result %}
                                                                <div class="small basketItemAttributes">
                                                                    <span role="button"
                                                                          class="text-info c4s-minibasket-modal-info"
                                                                          data-bs-toggle="popover"
                                                                          data-bs-placement="right"
                                                                          data-bs-trigger="hover click"
                                                                          data-bs-html="true"
                                                                          data-bs-content="{{ sPopOverHtml }}"
                                                                          title="{{ translate({ ident: "SPECIFICATION" }) }}"
                                                                    ><span class="fa-solid fa-circle-info" aria-hidden="true"></span></span>
                                                                    <span>{{ sResult|trim(sSep) }}</span>
                                                                </div>
                                                            {% endif %}
                                                        {% endif %}
                                                    </div>
                                                {% endblock %}

                                                <div class="minibasket-modal-amount {% if not blShowPriceInMinibasket %}c4s_noprice{% endif %} text-end">
                                                    <strong>
                                                        <span class="amount">{{ oBasketItem.getAmount() }}</span> <span class="amount-unit">{% if oArticle.getUnitName(true) %}{{ oArticle.getUnitName(true) }}{% else %}{{ translate({ ident: "PCS" }) }}{% endif %}</span>
                                                    </strong>
                                                </div>
                                                {% if blShowPriceInMinibasket %}
                                                    <div class="minibasket-modal-price text-end">
                                                        <span class="price">
                                                            <strong>{{ oBasketItem.getFTotalPrice() }}&nbsp;{{ oCurrency.sign }}</strong>
                                                        </span>
                                                    </div>
                                                {% endif %}
                                            </div>
                                        {% endif %}
                                    {% endblock %}
                                {% endfor %}

                                {% if blShowPriceInMinibasket %}
                                    <div class="minibasket-modal-totalprice text-end">
                                        {% block widget_minibasket_total %}
                                            <strong><span>{{ translate({ ident: "TOTAL", suffix: "COLON" }) }}</span></strong>
                                            <strong>
                                                <span class="price">
                                                    {% if oxcmp_basket.isPriceViewModeNetto() %}
                                                        {{ oxcmp_basket.getProductsNetPrice() }}
                                                    {% else %}
                                                        {{ oxcmp_basket.getFProductsPrice() }}
                                                    {% endif %}
                                                    {{ oCurrency.sign }}
                                                </span>
                                            </strong>
                                        {% endblock %}
                                    </div>
                                {% endif %}
                                {% include "widget/minibasket/countdown.html.twig" %}
                            </div>
                        {% endhasrights %}
                    {% endif %}
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ translate({ ident: "MINIBASKET_CONTINUE_SHOPPING" }) }}</button>
                    {% if blShowCheckoutBtnInMinibasket %}
                        {% if oxcmp_user %}
                            <a href="{{ seo_url({ ident: oViewConf.getSelfLink()|raw ~  "cl=payment" }) }}" class="btn btn-primary">{{ translate({ ident: "CHECKOUT" }) }}</a>
                        {% else %}
                            <a href="{{ seo_url({ ident: oViewConf.getSelfLink()|raw ~  "cl=user" }) }}" class="btn btn-primary">{{ translate({ ident: "CHECKOUT" }) }}</a>
                        {% endif %}
                    {% endif %}
                    <a href="{{ seo_url({ ident: oViewConf.getSelfLink()|raw ~ "cl=basket" }) }}" class="btn btn-primary c4s-basket-open-btn" data-bs-toggle="tooltip" data-bs-placement="top" title="{{ translate({ ident: "DISPLAY_BASKET" }) }}">
                        <i class="fa-solid fa-cart-shopping"></i>
                    </a>
                </div>
            </div>
        </div>
    {% endblock %}
</div>