{if $sets}
    <div  id="sets_div">
      <div class="wrapper">
        <div class="content">

          <div class="content-wrapper">
            {include file="includes/breadcrumbs.html"}

            <div class="content-container">
              {include file="includes/product/product-menu.html"}
              <div class="col-wrapper">
          <div class="col col-1 sets-div-menu">
              <div class="bg" style="background-image: url({if $setsCFields[0].filename}{image f=$setsCFields[0].filename return='path' w=1550}{else}{$templates_dir}img/sets-bg.jpg);{/if}"></div>

              <div class="col-content ">
                <h2 class="heading">KUPUJ W ZESTAWIE </h2>
            
                <p>{$product.sets_content}</p>
                {if $wariantsWithSets|@count>1}
                  Wybierz wariant
                {/if}
                <div class="sel_list-box">
      			  {foreach from=$product.wariants key=key item=item}
                      {if $wariantsWithSets[$key]>0}
                      <a id="sets_list-{$key}" href="javascript:void(0);" onclick="xajax_exe('ProductModule-xajaxVariantChange','{$key}');" {if $first==$key}class="underline"{/if}>{$item[0].wariant_name}</a>
                      {/if}
                  {/foreach}
                  </div>
              </div>
            </div>
            <div class="col col-2">
              <div class="carousel product-sets-carousel dots--dark" id="product-sets-carousel">

            {foreach $sets key=key item=item}
                <div class="item">
                  <div class="item-container">
                    <div class="header">
                      <div class="heading">{$item[0].name}</div>
                      <div class="descr">
                        {$item[0].short_content}
                      </div>
                    </div>

                    <div class="products">
                      {foreach $item key=k item=$product}
                      <div class="product">
                        <img src="{image f=$product.filename return='path' w=254 h=160}" alt="" class="img-responsive">
                        <div class="name"><a href="{seoLink id_element=$product.product withCategories=1}" target="_blank">{$product.wariant_name}</a></div> 
                      </div>
                      
                      {if $k!=$item|@count-1}
                      <span class="plus">+</span>
                      {/if}
                      {/foreach}

                      <div class="price price-xs">
                        <div class="price-top">= {$item[0].price} {$item[0].currency}</div>
                        <div class="price-bottom">cena netto</div>
                        <a href="javascript:void();" onclick="xajax_exe('BasketModule-xajaxBasketAddSet',{$key},1);" class="comparison-btn">
                          <img src="{$templates_dir}gfx/comparison-icon-2.png" alt="">
                        </a>
                      </div>
                    </div>
                    <div class="price">
                      <div class="price-wrapper">
                        <div class="price-top">= {$item[0].price} {$item[0].currency}</div>
                        <div class="price-bottom">cena netto</div>
                        <a href="javascript:void();" onclick="xajax_exe('BasketModule-xajaxBasketAddSet',{$key},1);" class="comparison-btn">
                          <img src="{$templates_dir}gfx/comparison-icon-2.png" alt="">
                        </a>
                      </div>
                    </div>
                  </div>
                </div>
                {/foreach}
              </div>
            </div>
              </div>
            </div>

          </div>
        </div>
      </div>
    </div>
    {/if}