{% if product['magicItem'] == 1 %} <div class="a-productListing__productsGrid__element"> <div id="magic_item-67d8a18438c13__{{ product['id'] }}" class="ddl-product-lol magic_item{% if 0 == product['id'] %}form_open{% endif %}" > <div class="details-box" id="magic_item-{{ product['id'] }}"> <div class="name_container"> <div class="nddl t2 name">{{ product['name'] }}</div> <div class="nddl t3 subtitle">{{ product['subtitle'] }}</div> </div> <div class="animation"> {% if product['animation'] or product['animation_mp4'] %} <video autoplay muted loop playsinline webkit-playsinline preload="auto" > {% if product['animation'] %} <source src="{{ product['animation'] }}" type="video/webm" /> {% endif %} {% if product['animation_mp4'] %} <source src="{{ product['animation_mp4'] }}" type="video/mp4" /> {% endif %} </video> {% endif %} {% if product['image'] %} <img src="{{ product['image'] }}" alt="magic_item-67d8a18438c13__{{ product['id'] }}__image_alt" /> {% endif %} </div> </div> <div class="shopping-list-parts"> <a href="?apage=0&page=0&magic_item_form={{ product['id'] }}#magic_item-{{ product['id'] }}" class="add-button magic_item_join" > <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"> <div> <span class="label_wrapper"> <span class="label"></span> </span> </div> </div> </a> <form action="?apage=0&page=0&magic_item_form={{ product['id'] }}#magic_item-{{ product['id'] }}" method="POST" id="magic_item-{{ product['id'] }}__form" class="magic_item__form" data-options='[]' > <input type="hidden" name="__token" value="ZWVjZjNiODIzZmRkOGQ4MWIzMjkzYmU3YzUxMDU3NDI=" /> <input type="hidden" name="id" value="{{ product['id'] }}" /> <input type="hidden" name="hid" value="{{ product['hid'] }}" /> <h3></h3> <h4></h4> <div class="FormValidate__field magic_item__form__field email"> <label for="magic_item-67d8a18438c13__{{ product['id'] }}__email" class="nddl-sr-only" > </label> <input type="email" name="email" id="magic_item-67d8a18438c13__{{ product['id'] }}__email" placeholder="" /> <div class="FormValidate__field__error error_text"></div> </div> <div class="FormValidate__field magic_item__form__field name"> <label for="magic_item-67d8a18438c13__{{ product['id'] }}__name" class="nddl-sr-only" > </label> <input type="text" name="name" data-type="name" id="magic_item-67d8a18438c13__{{ product['id'] }}__name" placeholder="" /> <div class="FormValidate__field__error error_text"></div> </div> <div class="FormValidate__field magic_item__form__checkbox consent"> <input class="nddl-sr-only choff" id="magic_item-67d8a18438c13__{{ product['id'] }}__consent" name="consent" type="checkbox" /> <label class="mark" for="magic_item-67d8a18438c13__{{ product['id'] }}__consent"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50.3px" height="62px" viewBox="0 0 50.3 62" style="enable-background:new 0 0 50.3 62;" xml:space="preserve" > <g> <path class="checkbox" fill="#333" d="M48.7,17.2l-4.9-4.9c-0.7-0.7-1.8-0.7-2.4,0L17.5,36.2l-8.4-8.4c-0.7-0.7-1.8-0.7-2.4,0l-4.9,4.9 c-0.7,0.7-0.7,1.8,0,2.4L15.7,49c0.5,0.5,1.1,1.2,1.8,1.2s1.4-0.7,1.9-1.2l29.4-29.4C49.4,19,49.4,17.9,48.7,17.2z" ></path> </g> </svg> </label> <label class="label" for="magic_item-67d8a18438c13__{{ product['id'] }}__consent"> </label> <div class="FormValidate__field__error error_text"></div> </div> <div class="FormValidate__field magic_item__form__checkbox newsletter"> <input class="nddl-sr-only choff" id="magic_item-67d8a18438c13__{{ product['id'] }}__newsletter" name="newsletter" type="checkbox" /> <label class="mark" for="magic_item-67d8a18438c13__{{ product['id'] }}__newsletter"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50.3px" height="62px" viewBox="0 0 50.3 62" style="enable-background:new 0 0 50.3 62;" xml:space="preserve" > <g> <path class="checkbox" fill="#333" d="M48.7,17.2l-4.9-4.9c-0.7-0.7-1.8-0.7-2.4,0L17.5,36.2l-8.4-8.4c-0.7-0.7-1.8-0.7-2.4,0l-4.9,4.9 c-0.7,0.7-0.7,1.8,0,2.4L15.7,49c0.5,0.5,1.1,1.2,1.8,1.2s1.4-0.7,1.9-1.2l29.4-29.4C49.4,19,49.4,17.9,48.7,17.2z" ></path> </g> </svg> </label> <label class="label" for="magic_item-67d8a18438c13__{{ product['id'] }}__newsletter"> </label> <div class="FormValidate__field__error error_text"></div> </div> <button class="newddl-button white xmas2018 no-float no-icon submit"> <span class="link-label"></span> </button> </form> </div> </div> </div> {% else %} <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">Nabídka je platná 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://nakup.itesco.cz/groceries/cs-CZ/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">Koupit online</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>Sleva končí</p> <b data-countdown="{{ product.productValidity | ymdhmsDateFormat}}" data-count-down-dur-locale="&quot;{\&quot;S\&quot;:\&quot;m\&quot;,\&quot;SS\&quot;:\&quot;m\&quot;,\&quot;s\&quot;:\&quot;s\&quot;,\&quot;ss\&quot;:\&quot;s\&quot;,\&quot;m\&quot;:\&quot;m\&quot;,\&quot;mm\&quot;:\&quot;m\&quot;,\&quot;h\&quot;:\&quot;h\&quot;,\&quot;hh\&quot;:\&quot;h\&quot;,\&quot;d\&quot;:\&quot;d\&quot;,\&quot;dd\&quot;:\&quot;d\&quot;,\&quot;w\&quot;:\&quot;t\&quot;,\&quot;ww\&quot;:\&quot;t\&quot;,\&quot;M\&quot;:\&quot;m\&quot;,\&quot;MM\&quot;:\&quot;m\&quot;,\&quot;y\&quot;:\&quot;r\&quot;,\&quot;yy\&quot;:\&quot;r\&quot;}&quot;"></b> </div> </div> {% endif %} </div> {% if product['type'] == 1 %} <div class="details-box"> {% else %} <a href="/akcni-nabidky/akcni-nabidky-produkty/produkt/{{product['url']}}" class="details-box" tabindex="0"> {% endif %} {{product['productBoxContent']|safe}} {% 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"> <div> <span class="label_wrapper"> <span class="label">Přidat k nákupu</span> </span> </div> </div> <span class="added-text">Přidáno do<a href="/akcni-nabidky/nakupni-seznam" title="nákupní seznam" target="_blank">nákupní seznam</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="/akcni-nabidky/nakupni-seznam" data-prod_id="{{ product['id'] }}"> <span class="link-label">Přidat k nákupu</span> </div> <div class="cancel-link"> <a href="#cancel" title="Zrušit" tabindex="0">Zrušit</a> </div> </div> </div> <div class="added-item" style=""> <p class="t2 nddl">Přidáno do <a href="/akcni-nabidky/nakupni-seznam" title="nákupní seznam" target="_blank" tabindex="0">nákupní seznam</a></p> </div> </div> </div> {% if product['data']['loyality'] and product['data']['loyality']['name'] == 'minion' and product['data']['loyality']['sticker-count'] %} <div class="minions-sticker"> <img src="/imgglobal/tescoce/ddl/product/sticker/minions/CZ/smaller/{{ product['data']['loyality']['sticker-count'] }}.png" alt="minion-sticker-{{ product['data']['loyality']['sticker-count'] }}" /> </div> {% endif %} {% if product['data']['loyality'] and product['data']['loyality']['name'] == 'spin_n_win'%} <div class="spin_n_win__sticker"> <img src="/imgglobal/tescoce/ddl/product/sticker/spin_n_win/CZ/default-min.png" alt="spin_n_win__sticker" /> </div> {% endif %} </div> {% endif %}