{include file="includes/header.html"} 
{include file="includes/header-holder.html"}

<main class="main" id="main">
  {include file="includes/menu.html"}

  {* jesli produktow od 1 do 6 to tak to ustawic*}
  {if $products|@count<=6}
  {assign var="products_1_6" value="true"}
  {/if}
  {**}

  <!-- <div id="fullpagePrimary"> -->
  <div>
    <section class="section page training products-subcategory {if  $products|@count<=1}products-1{/if} {if  $products|@count<=1 || $products|@count==2}products-1-2{elseif  $products|@count==3 || $products|@count==4}products-3-4{elseif $products|@count==5 || $products|@count==6}products-5-6{/if} {*products-3-4 products-5-6*}">
      <div class="wrapper">
        <div class="content">
    
          <div class="content-wrapper">
            {include file="includes/breadcrumbs.html"}           

            <div class="content-container">
              <div class="items-wrapper">

                <div class="col-left">       
                  <div class="bg" {if $category.mainImageFilename}style="background-image: url({image f=$category.mainImageFilename return='path'})"{/if}>
                    <div class="heading-xs visible-xs-block">
                      <h1 class="h1 title">{$categoryMian.name}</h1> 
                    </div>
                  </div>
      
                
                  {if $breadcrumbs[$breadcrumbs|@count-2].breadcrumbUrl}
                    <a href="{$breadcrumbs[$breadcrumbs|@count-2].breadcrumbUrl}" class="back">{$breadcrumbs[$breadcrumbs|@count-2].name}</a>
                  {elseif $backLink.breadcrumbUrl}
                    <a href="{$backLink.breadcrumbUrl}" class="back">{$backLink.name}</a>                      
                  {else}  
                    <a href="/" class="back">Strona główna</a>                      
                  {/if}
                  
                  {if $categoryMian.link}<a href="{$categoryMian.link}" class="back link-news">aktualności</a>{/if}
              
                  <div class="col-content">
                    <div class="title hidden-xs">{$categoryMian.name}</div>
                    <div class="text">
                      <p>
                        {$categoryMian.content}
                      </p>
                    </div>
                  </div>
                  <div class="buttons">
                    {if $wyprzedaze==1}
                    <a href="{seoLink id_element=11971 withParents=1 parentLink=$parentLink}" class="btn btn--default">wyprzedaże</a>
                    {/if}
                    {if $akcesoria==1}
                    <a href="{seoLink id_element=11939 withParents=1 parentLink=$parentLink}" class="btn btn--default btn--blue">akcesoria</a>
                    {/if}
                  </div>                                    
                </div>
             
                {if $products_1_6 == "true"}
                <div class="col-right">
                  <div class="items-wrapper">
                {/if}
                    {foreach $products as $key=>$item}  
                    {assign var=iter value=$iter+1}
                    <a href="{seoLink id_element=$item.id_element withParents=1 parentLink=$parentLink}" class="item{if ($iter==3 and $products|count==3) or ($iter==5 and $products|count==5) or ($iter==7 and $products|count==7) or ($iter==7 and $products|@count==7)} item-large{/if}">                      
                      <div class="labels-wrapper">
                        {if $labels[$item.id_element]['sales']==1}<div class="label label-sale">wyprzedaż</div>{/if}
                        {if $labels[$item.id_element]['new']==1}<div class="label label-new">nowość</div>{/if}
                        {if $labels[$item.id_element]['promo']==1}<div class="label label-promotion">promocja</div>{/if}                    
                      </div>                      
                      <div class="img">
                        <img src="{image f=$item.mainImageFilename return='path' w=278 h=180}" alt="">
                      </div>
                      <div class="title">{$item.name}</div>
                    </a>
                    {foreachelse} 
                        <a href="#" class="item">
                        <p>Brak produktów w tej kategorii</p>  
                        </a>
                    {/foreach} 
                {if $products_1_6 == "true"}
                  </div>
                </div> 
                {/if}
                                            
              </div>              
            </div>
          </div>
    
        </div>
      </div>
    </section>
  </div>
  <!-- /#fullpage -->
</main>

{include file="includes/footer-holder.html"} 
{include file="includes/footer.html"}