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

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

  {if $subCategories|@count<=6}
  {assign var="products_1_6" value="true"}
  {/if}  

  <!-- <div id="fullpagePrimary"> -->
  <div>
    <section class="section page training products-subcategory {if  $subCategories|@count<=1}products-1{/if} {if  $subCategories|@count<=1 || $subCategories|@count==2}products-1-2{elseif  $subCategories|@count==3 || $subCategories|@count==4}products-3-4{elseif $subCategories|@count==5 || $subCategories|@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" style="background-image: url({image f=$category.mainImageFilename return='path'})">
                    <div class="heading-xs visible-xs-block">
                      <img src="{$category.secondMainImageFilename}" alt="" class="icon">
                      <h1 class="h1 title">{$categoryMian.name}</h1>
                    </div>
                  </div>       
                  {if $breadcrumbs|@count>1}{seoHref id_element=$breadcrumbs[0].id_element withParents=1 class="back"}{else}<a href="/" class="back">Strona główna</a> {/if}
                  {if $news_link>=1}<a href="{seoLink id_element=11383 parentLink=$parentLink}" class="back link-news" target="_blank">{'label_news'|translate}</a>{/if}
  
                  <div class="col-content">
                    <img src="{$category.secondMainImageFilename}" alt="" class="icon hidden-xs">
                    <div class="title hidden-xs">{$categoryMian.name}</div>
                    <div class="text">
                      {$categoryMian.content}
                    </div>
                  </div>
                  <div class="col-footer">
                      {$categoryMian.short_content}
                  </div>
                </div>
                {if $products_1_6 == "true"}  
                <div class="col-right">
                  <div class="items-wrapper">
                {/if}      
                    {foreach $subCategories as $key=>$item}  
                    <a href="{seoLink id_element=$item.id withParents=1}" class="item {if ($key==2 and $subCategories|count==3) or ($key==4 and $subCategories|count==5) or ($key==6 and $subCategories|count==7)} item-large{/if}">
                      <div class="img">
                       <img src="{image f=$item.mainImageFilename return='path' w=250 h=200}" alt="">
                      </div>
                      <div class="title">{$item.name}</div>
                    </a>
                    {/foreach}
              {if $products_1_6 == "true"}
                </div>
              </div>
              {/if} 
            </div> 
          </div>
    
        </div>
      </div>
    </section>
  </div>
  <!-- /#fullpage -->
</main>

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