{% block widget_product_listitem_infogrid %}
    {% set product = oView.getProduct() %}
    {% set blDisableToCart = oView.getDisableToCart() %}
    {% set iIndex = oView.getIndex() %}
    {% set showMainLink = oView.getShowMainLink()|raw %}

    {% set oCurrency = oView.getActCurrency() %}
    {% if showMainLink %}
        {% set sProductLink = product.getMainLink()|raw %}
    {% else %}
        {% set sProductLink = product.getLink()|raw %}
    {% endif %}
    {% set aVariantSelections = product.getVariantSelections("null", "null", 1) %}
    {% set blShowToBasket = true %} {# tobasket or more info ? #}
    {% if blDisableToCart or product.isNotBuyable() or (aVariantSelections and aVariantSelections.selections) or product.hasMdVariants() or (oViewConf.showSelectListsInList() and product.getSelections(1)) or product.getVariants() %}
        {% set blShowToBasket = false %}
    {% endif %}

    <div class="productData col-12 col-sm-6 col-md-4 col-xl-{{ iColIdent }} productBox">

        <form name="tobasket{{ testid }}" {% if blShowToBasket %}action="{{ oViewConf.getSelfActionLink()|raw }}" method="post"{% else %}action="{{ sProductLink }}" method="get"{% endif %}>
            {{ oViewConf.getNavFormParams()|raw }}
            {{ oViewConf.getHiddenSid()|raw }}
            <input type="hidden" name="pgNr" value="{{ oView.getActPage() }}">
            {% if recommid %}
                <input type="hidden" name="recommid" value="{{ recommid }}">
            {% endif %}
            {% if blShowToBasket %}
                {% hasrights { ident: "TOBASKET" } %}
                    <input type="hidden" name="cl" value="{{ oViewConf.getTopActiveClassName() }}">
                    {% if owishid %}
                        <input type="hidden" name="owishid" value="{{ owishid }}">
                    {% endif %}
                    {% if toBasketFunction %}
                        <input type="hidden" name="fnc" value="{{ toBasketFunction }}">
                    {% else %}
                        <input type="hidden" name="fnc" value="tobasket">
                    {% endif %}
                    <input type="hidden" name="aid" value="{{ product.oxarticles__oxid.value }}">
                    <input type="hidden" name="anid" value="{{ product.oxarticles__oxnid.value }}">
                    <input type="hidden" name="am" value="1">
                {% endhasrights %}
            {% else %}
                <input type="hidden" name="cl" value="details">
                <input type="hidden" name="anid" value="{{ product.oxarticles__oxnid.value }}">
            {% endif %}

            <div class="row">
                <div class="col-12 col-md-5">
                    {% block widget_product_listitem_infogrid_gridpicture %}
                        <div class="picture text-center">
                            <a href="{{ sProductLink }}" title="{{ product.oxarticles__oxtitle.value }} {{ product.oxarticles__oxvarselect.value }}">
                                <img src="{{ product.getThumbnailUrl() }}" alt="{{ product.oxarticles__oxtitle.value }} {{ product.oxarticles__oxvarselect.value }}" class="img-fluid">
                            </a>
                        </div>
                    {% endblock %}
                </div>
                <div class="col-12 col-md-7">
                    <div class="listDetails">
                        {% block widget_product_listitem_infogrid_titlebox %}
                            <div class="title">
                                <a id="{{ testid }}" href="{{ sProductLink }}" class="title" title="{{ product.oxarticles__oxtitle.value }} {{ product.oxarticles__oxvarselect.value }}">
                                    <span>{{ product.oxarticles__oxtitle.value }} {{ product.oxarticles__oxvarselect.value }}</span>
                                </a>
                            </div>
                        {% endblock %}

                        {% block widget_product_listitem_infogrid_shortdesc %}
                            <div class="shortdesc">
                                {{ product.oxarticles__oxshortdesc.rawValue }}
                            </div>
                        {% endblock %}

                        {% block widget_product_listitem_infogrid_artnum %}
                            {% if blShowArticleNumber %}
                                <div class="artnum">
                                    {{ translate({ ident: "C4S_ARTNUM_SHORT", suffix: "COLON" }) }} {{ product.oxarticles__oxartnum.value }}
                                </div>
                            {% endif %}
                        {% endblock %}

                        {% block widget_product_listitem_infogrid_selections %}
                            {% if aVariantSelections and aVariantSelections.selections  %}
                                <div id="variantselector_{{ iIndex }}" class="selectorsBox js-fnSubmit clear">
                                    {% for iKey, oSelectionList in aVariantSelections.selections %}
                                        {% include "widget/product/selectbox.html.twig" with {oSelectionList: oSelectionList, sJsAction: "js-fnSubmit", blHideLabel: true} %}
                                    {% endfor %}
                                </div>
                            {% elseif oViewConf.showSelectListsInList() %}
                                {% set oSelections = product.getSelections(1) %}
                                {% if oSelections %}
                                    <div id="selectlistsselector_{{ iIndex }}" class="selectorsBox js-fnSubmit clear">
                                        {% for oList in oSelections %}
                                            {% include "widget/product/selectbox.html.twig" with {oSelectionList: oList, sFieldName: "sel", iKey: loop.index0, blHideDefault: true, sSelType: "seldrop", sJsAction: "js-fnSubmit", blHideLabel: true} %}
                                        {% endfor %}
                                    </div>
                                {% endif %}
                            {% endif %}
                        {% endblock %}

                        <div class="price">
                            <div class="content">
                                {% block widget_product_listitem_infogrid_price %}
                                    {% hasrights { ident: "SHOWARTICLEPRICE" } %}
                                        {% set oUnitPrice = product.getUnitPrice() %}
                                        {% set tprice = product.getTPrice() %}
                                        {% set price = product.getPrice() %}

                                        {% if tprice and tprice.getBruttoPrice() > price.getBruttoPrice() %}
                                            <span class="oldPrice text-muted">
                                                <del>{{ product.getFTPrice() }} {{ oCurrency.sign }}</del>
                                            </span>
                                        {% endif %}

                                        {% block widget_product_listitem_infogrid_price_value %}
                                            {% if product.getFPrice() %}
                                                <span class="lead text-nowrap">
                                                {% if product.isRangePrice() %}
                                                    {{ translate({ ident: "PRICE_FROM" }) }}
                                                    {% if not product.isParentNotBuyable() %}
                                                        {{ product.getFMinPrice() }}
                                                    {% else %}
                                                        {{ product.getFVarMinPrice() }}
                                                    {% endif %}
                                                {% else %}
                                                    {% if not product.isParentNotBuyable() %}
                                                        {{ product.getFPrice() }}
                                                    {% else %}
                                                        {{ product.getFVarMinPrice() }}
                                                    {% endif %}
                                                {% endif %}
                                                {{ oCurrency.sign }}
                                                {% if oView.isVatIncluded() %}
                                                    {% if not (product.hasMdVariants() or (oViewConf.showSelectListsInList() and product.getSelections(1)) or product.getVariants()) %}*{% endif %}
                                                {% endif %}
                                            </span>
                                            {% endif %}
                                        {% endblock %}
                                        {% if oUnitPrice %}
                                            <span id="productPricePerUnit_{{ testid }}" class="pricePerUnit">
                                                {{ product.oxarticles__oxunitquantity.value }} {{ product.getUnitName() }} | {{ format_price(oUnitPrice, { currency: oCurrency }) }}/{{ product.getUnitName() }}
                                            </span>
                                        {% elseif product.oxarticles__oxweight.value  %}
                                            <span id="productPricePerUnit_{{ testid }}" class="pricePerUnit">
                                                <span title="weight">{{ translate({ ident: "WEIGHT" }) }}</span>
                                                <span class="value">{{ product.oxarticles__oxweight.value }} {{ translate({ ident: "KG" }) }}</span>
                                            </span>
                                        {% endif %}
                                    {% endhasrights %}
                                {% endblock %}
                            </div>
                        </div>
                        {% block widget_product_listitem_infogrid_tobasket %}
                            <div class="actions">
                                <div class="btn-group" role="group">
                                    {% if blShowToBasket %}
                                        {% hasrights { ident: "TOBASKET" } %}
                                            <button type="submit" class="btn btn-secondary hasTooltip" data-placement="bottom" title="{{ translate({ ident: "TO_CART" }) }}">
                                                <i class="fa-solid fa-cart-shopping"></i>
                                            </button>
                                        {% endhasrights %}
                                        <a class="btn btn-primary" href="{{ sProductLink }}" >{{ translate({ ident: "MORE_INFO" }) }}</a>
                                    {% else %}
                                        <a class="btn btn-primary" href="{{ sProductLink }}" >{{ translate({ ident: "MORE_INFO" }) }}</a>
                                    {% endif %}
                                </div>
                            </div>
                        {% endblock %}
                    </div>
                </div>
            </div>
        </form>
    </div>
{% endblock %}