<div class="a-productListing__productsGrid__element{{ ' banner' if product['type'] == 1 }}">
<div class="ddl-product-lol {% if product['leaflet_domain'] == 'starline' %}starline{% endif %} {{ ' -disableHover' if product['type'] == 1 }}xEqHeights soon-expire" title="{{ product['name'] }}">
<div class="status-bar cf">
{% if product['data'] and product['data']['tpn'] and product['data']['tpn'][0] %}
{% if product['leaflet_domain'] == 'starline' %}
<div class="hovershowtooltip">
<div class="inner">Ponuka je platná do {{ product.offerend | dmyDateFormat }}. Pre Tesco Online nákupy je ponuka platná pre objednávky doručené do {{ product.offerend | dmyDateFormat }}.
</div>
<div class="arrow-container">
<div class="arrow-down"></div>
<div class="arrow-down-fg"></div>
</div>
</div>
{% endif %}
<a href="https://potravinydomov.itesco.sk/groceries/sk-SK/products/{{$product['data']['tpn'][0]}}" class="newddl-button left transparent ghs-link" tabindex="0" target="_blank">
<i class="icon">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="width: 20px !important" height="13" viewBox="0 0 23 13">
<defs>
<path id="clxfa" d="M33.33 21.44c.44.1.67.38.67.8v3.1c0 .47-.38.84-.84.84h-.9a2.2 2.2 0 0 1-2.18 1.8 2.2 2.2 0 0 1-2.17-1.8h-7.9a2.22 2.22 0 0 1-2.2 1.82c-1.1 0-2-.79-2.19-1.82h-1.66c-.97 0-1.15-.92-1.25-1.41l-1.04-4.25-.41-.27a.3.3 0 0 1-.14-.23L11 18.73c0-.84.66-1.5 1.48-1.5h2.3l-.14.15a.46.46 0 0 0 0 .66.47.47 0 0 0 .66 0l.8-.8h.01l2.11-2.1c.14-.14.41-.19.58-.09.15.09.24.24.24.4 0 .13-.05.24-.14.33l-1.47 1.46h4.39l-1.47-1.46a.46.46 0 0 1 .1-.73c.17-.1.43-.05.57.1L24 18.08c.08.06.18.1.28.1.17 0 .32-.09.4-.24.1-.17.05-.43-.09-.57l-.14-.14h2.31c.77 0 1.39.57 1.47 1.3h1.75c.22 0 .8 0 1.03.71l.8 1.94zM28.7 25.8c0 .75.62 1.36 1.37 1.36.86 0 1.54-.77 1.35-1.65-.1-.52-.53-.93-1.05-1.04a1.38 1.38 0 0 0-1.67 1.33zm-2.17-1c-.05.23-.12.44-.22.63h1.6a2.2 2.2 0 0 1 2.16-1.81c1.09 0 2 .76 2.18 1.8h.9c.04 0 .07-.03.07-.06v-3.11-.04l-.06-.01-1.7-.28a.39.39 0 0 1-.3-.23l-.9-2.2c-.05-.16-.08-.17-.29-.17h-1.77-.02l-.06.71a.3.3 0 0 1-.14.23l-.41.27zm-8.25-4.07a.42.42 0 0 0-.42.43l.29 2.69a.42.42 0 1 0 .83-.02l-.28-2.69a.42.42 0 0 0-.42-.4zm-3 3.15c.02.21.2.38.41.38h.04a.42.42 0 0 0 .38-.46l-.43-2.69a.41.41 0 0 0-.45-.38.42.42 0 0 0-.38.46zm2.53 3.27c.61 0 1.13-.4 1.3-.96h-2.6c.16.56.68.96 1.3.96zm4.11-6a.42.42 0 0 0-.41-.42.41.41 0 0 0-.42.4l-.28 2.72c0 .22.18.4.41.4.23 0 .42-.18.42-.39zm2.17 3.1c.22 0 .4-.16.42-.36l.43-2.71a.41.41 0 0 0-.38-.45.42.42 0 0 0-.45.37l-.43 2.71c-.01.11.02.22.1.3.07.09.17.14.28.15z"></path>
</defs>
<g>
<g clip-path="url(#clip-72B53A8F-48D2-421E-9EC9-9A8CE7DC52A1)" transform="translate(-11 -15)">
<use fill="#00549e" stroke="none" xlink:href="#clxfa"></use>
</g>
</g>
</svg>
</i>
<div class="ddl_link_inline address shoponline" style="display: inline-block; vertical-align: middle;">
<span class="link">
<span class="label_wrapper">
<span class="label">Kúpiť teraz</span>
</span>
</span>
</div>
</a>
{% endif %}
{% if product['leaflet_domain'] == 'starline' and moment().valueOf() < product.productValidity %}
<div class="promo-countdown{{ ' -lessThan48' if moment(product.productValidity).diff(moment(), 'hours') <= 48 }}">
<i class="icon -lessThan48">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="22"
height="22" viewBox="0 0 22 22">
<defs>
<path id="ywjka" d="M216.5 21a9.5 9.5 0 1 1-19 0 9.5 9.5 0 0 1 19 0z"/>
<path id="ywjkb" d="M207 14.5v7h-5"/>
</defs>
<g>
<g transform="translate(-196 -10)">
<use fill="#fff" fill-opacity="0" stroke="#fff" stroke-miterlimit="50"
stroke-width="1.2" xlink:href="#ywjka"/>
</g>
<g transform="translate(-196 -10)">
<use fill="#fff" fill-opacity="0" stroke="#fff" stroke-miterlimit="50"
stroke-width="1.2" xlink:href="#ywjkb"/>
</g>
</g>
</svg>
</i>
<i class="icon normal">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="22"
height="22" viewBox="0 0 22 22">
<defs>
<path id="ywjka" d="M216.5 21a9.5 9.5 0 1 1-19 0 9.5 9.5 0 0 1 19 0z"/>
<path id="ywjkb" d="M207 14.5v7h-5"/>
</defs>
<g>
<g transform="translate(-196 -10)">
<use fill="#00539F" fill-opacity="0" stroke="#00539F" stroke-miterlimit="50"
stroke-width="1.2" xlink:href="#ywjka"/>
</g>
<g transform="translate(-196 -10)">
<use fill="#00539F" fill-opacity="0" stroke="#00539F" stroke-miterlimit="50"
stroke-width="1.2" xlink:href="#ywjkb"/>
</g>
</g>
</svg>
</i>
<div class="promo-countdown-wrapper">
<p>Zľava končí</p>
<b data-countdown="{{ product.productValidity | ymdhmsDateFormat}}" data-count-down-dur-locale=""{\"S\":\"m\",\"SS\":\"m\",\"s\":\"d\",\"ss\":\"s\",\"m\":\"m\",\"mm\":\"m\",\"h\":\"h\",\"hh\":\"h\",\"d\":\"d\",\"dd\":\"d\",\"w\":\"t\",\"ww\":\"t\",\"M\":\"m\",\"MM\":\"m\",\"y\":\"r\",\"yy\":\"l\"}""></b>
</div>
</div>
{% endif %}
</div>
{% if product['type'] == 1 %}
<div class="details-box">
{% else %}
<a href="/akciove-ponuky/akciove-produkty/produkt/bratislava-americke-namestie-expres/{{product['url']}}" class="details-box" tabindex="0">
{% endif %}
{% if product['leaflet_domain'] == 'starline' %}
<div class="discount">
<img src="/imgglobal/tescoce/product-ping/sized/101x101/our_price_tile_SK.png" alt="" title="" style="max-width:101px;max-height:101px;">
</div>
{% elif product['data']['saving'] %}
<div class="discount">
{% if product['data']['saving']['type'] === 'Buy X get Y' %}
<div class="multibuy multibuy_new"><?=html_entity_decode(str_replace(array('#BUY#', '#SUM#', '#GET#'), array($pingx, '<span class="multibuy-big">'.$product['data']['saving']['values'][0].'+'.(intval($product['data']['saving']['values'][1]) - intval($product['data']['saving']['values'][0])).'</span>', $pingy), $box['options']['boxtexts']['leaflet_multibuy_text']))?></div>
{% elif product['data']['saving']['type'] === 'x product for half price' %}
<span class="get-second-for">
<p>Other for</p>
</span>
<span class="value -getSecondFor1_2ofPrice">
<sup>1</sup>
<span>/</span>
<sub>{{product['data']['saving']['values']}}</sub>
</span>
<span class="of-price">
<p>ceny</p>
</span>
{% elif product['data']['saving']['type'] === 'save % with clubcard' %}
<span class="save-with-cc"><p>S Clubcard</p></span>
<span class="value">-{{product['data']['saving']['values']}}<sub>%</sub></span>
{% elif product['data']['saving']['type'] === 'price for x' %}
<span style="font-size: 25px; margin-top: 15px; " class="save-with-cc"><p>Zľava pri kúpe</p></span>
<span style="font-size: 30px;margin-top: 10px;" class="value">{{product['data']['unit']}}</span>
{% elif product['data']['saving']['type'] === 'cheaper if X' %}
<div class="discount">
<div class="discountIfBuyMultiple">
<p>Discount if you buy</p>
<p><span class="impact">{{ cheaperTypeText(product['data']['unit'], 0) }}</span> <span class="qty">{{ cheaperTypeText(product['data']['unit'], 1) }}</span></p>
</div>
</div>
{% elif product['data']['saving']['type'] === 'X one is cheaper' %}
<div class="discount">
<div class="discountIfBuyMultiple">
<p style="margin-top: 5px;"><span class="qty" style="font-size: 40px; font-weight: bold">{{ cheaperTypeText(product['data']['unit'], 0) }}</span> {{ cheaperTypeText(product['data']['unit'], 1) }}<br/>cheaper</p>
</div>
</div>
{% elif product['data']['saving']['type'] === 'Buy X For $' %}
<div class="discount">
<div class="discountIfBuyMultiple">
<p style="font-size: 33px; margin-top: 5px;">{{product['data']['saving']['values']}}</p>
<p>za</p>
<p>
<span style="font-size: 28px; margin-bottom: -10px;">{{product['data']['new-price']['price']}}</span> €
</p>
</div>
</div>
{% else %}
{% if product['data']['saving']['type'] === 'save $' or product['data']['saving']['type'] === 'save $ or more' %}
<span class="value">-{{ Math.round(((product['data']['saving']['values'] / product['data']['old-price']['price']) * 100)) }}<sub>%</sub></span>
{% else %}
<span class="value">-{{product['data']['saving']['values']}}<sub>%</sub></span>
{% endif %}
{% endif %}
</div>
{% endif %}
<div class="title">
<b class="name">{{product['name']}}</b>
<span class="description">{{product['description']}}</span>
{% if product['data']['si-unit'] and product['data']['new-price']['si-unit-price'] %}
{% if typeof(product['data']['new-price']['si-unit-price']) == "string" %}
<span>({{product['data']['si-unit']}} = {{product['data']['new-price']['si-unit-price']}} )</span>
{% else %}
<span>{{ implode("/", product['data']['new-price']['si-unit-price']) }} / {{product['data']['si-unit']}}</span>
{% endif %}
{% endif %}
</div>
{% if product['type'] == 1 and product['data']['new-price'] and product['data']['new-price']['price'] %}
<div class="banner-text">
<span>{{ product['description'] }}</span>
{% if product['data']['old-price'] and product['data']['old-price']['price'] %}
<span class="old-price">{{ product['data']['old-price']['price'] }}</span>
{% endif %}
{% if product['data']['new-price'] and product['data']['new-price']['price']%}
<span class="old-price">{{ product['data']['new-price']['price'] }}</span>
{% endif %}
</div>
{% endif %}
<div class="image">
<img src="{{ product['imageurl'] }}" alt="{{ product['name'] }}" style="max-width:188px;">
</div>
{% if product['type'] == 1 and not product['data']['new-price'] or not product['data']['new-price']['price'] %}
<div class="banner-text">
<span>{{ product['description'] }}</span>
</div>
{% endif %}
<div class="price">
{% if product['data']['saving']['type'] === 'save % with clubcard' %}
<span class="old-price -clubcardCase">
{{ product['data']['new-price']['price'] }}
</span>
<p class="withClubCard">S Clubcard:</p>
<b class="new-price">{{product['data']['clubcard-price']['price'].split('.')[0]}}<sup>{{product['data']['clubcard-price']['price'].split('.')[1]}}</sup></b>
{% elif product['data']['saving']['type'] === 'Buy X For $' %}
<span class="old-price"></span>
<b class="new-price">{{product['data']['old-price']['price'].split('.')[0]}}<sup>{{product['data']['old-price']['price'].split('.')[1]}}</sup></b>
{% else %}
{% if product['data']['old-price'] and product['data']['old-price']['price'] %}
<span class="old-price">
{{ product['data']['old-price']['price'] }}
</span>
{% else %}
<span class="old-price"></span>
{% endif %}
{% if product['data']['new-price'] and product['data']['new-price']['price'] %}
<b class="new-price">{{product['data']['new-price']['price'].split('.')[0]}}<sup>{{product['data']['new-price']['price'].split('.')[1]}}</sup></b>
{% endif %}
{% endif %}
{% set skprflag = 0 %}
{% if $product['data']['icons']['primary'] %}
{% for pricon in $product['data']['icons']['primary'] %}
{% if pricon == 'slovenske' %}
{% set skprflag = 1 %}
{% endif %}
{% endfor %}
{% endif %}
{% if skprflag == 1 %}<img src="/imgglobal/tescoce/skprflag.jpg" alt="Slovenské" title="Slovenské" class="ddl-product-flag" style="border-top:1px solid #cccccc; border-left:1px solid #cccccc; width:auto; position:absolute; bottom:0; right:0;" />{% endif %}
</div>
{% if product['type'] == 1 %}
</div>
{% else %}
</a>
{% endif %}
<div class="shopping-list-parts">
<div class="add-button">
<i class="icon">
<svg viewBox="0 0 24 24" width="100%" height="100%">
<line x1="3" y1="12" x2="21" y2="12"></line>
<line x1="12" y1="3" x2="12" y2="21"></line>
</svg>
</i>
<div class="add-text ddl_link_inline address addtoshoppinglist">
<a>
<span class="label_wrapper">
<span class="label">Pridať do zoznamu</span>
</span>
</a>
</div>
<span class="added-text">Pridané do<a href="/akciove-ponuky/nakupny-zoznam" title="zoznamu" target="_blank">zoznamu</a></span>
</div>
<div class="add-item">
<div class="add-item__inner">
<div class="newddl-text-field newddl-quantity qty_div">
<div class="newddl-button blue icon-bg standalone search-icon no-float less-button disabled">
<i class="icon">
<svg viewBox="0 0 24 8" width="100%" height="100%">
<line x1="3" y1="4" x2="21" y2="4"></line>
</svg>
</i>
</div>
<input type="text" class="newddl-quantity-input qty" value="1" min="1" tabindex="0">
<div class="newddl-button blue icon-bg standalone search-icon no-float more-button">
<i class="icon">
<svg viewBox="0 0 24 24" width="100%" height="100%">
<line x1="3" y1="12" x2="21" y2="12"></line>
<line x1="12" y1="3" x2="12" y2="21"></line>
</svg>
</i>
</div>
</div>
<div class="newddl-button blue secondary no-float no-icon min-width accept-button add_to_basket" onclick="addToBasket(this)" data-template="/akciove-ponuky/nakupny-zoznam" data-prod_id="{{ product['id'] }}">
<span class="link-label">Pridať do zoznamu</span>
</div>
<div class="cancel-link">
<a href="#cancel" title="Zrušiť" tabindex="0">Zrušiť</a>
</div>
</div>
</div>
<div class="added-item" style="">
<p class="t2 nddl">Pridané do <a href="/akciove-ponuky/nakupny-zoznam" title="zoznamu" target="_blank" tabindex="0">zoznamu</a></p>
</div>
</div>
</div>
</div>