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

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

  <div id="fullpagePrimary">
    <section class="section page training products-subcategory work {if $pageSubNodes|@count<=1}products-1 no-border{/if} {if $pageSubNodes|@count<=1 || $pageSubNodes|@count==2}products-1-2{elseif $pageSubNodes|@count==3 || $pageSubNodes|@count==4}products-3-4{elseif $pageSubNodes|@count==5 || $pageSubNodes|@count==6}products-5-6{/if} {if  $pageSubNodes|@count==1}product-height-100{/if}">
      <div class="wrapper">
        <div class="content">

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

            <div class="content-container">
              <div class="col-left">  
                {capture assign=breadcrumbsCount}{$breadcrumbs|count}{/capture}
                {if $breadcrumbsCount>1}
                  <a href="{$breadcrumbs[$breadcrumbsCount - 2].breadcrumbUrl}" class="back">{if $breadcrumbs[$breadcrumbsCount - 2].link_title}{$breadcrumbs[$breadcrumbsCount - 2].link_title}{else}{$breadcrumbs[$breadcrumbsCount - 2].name}{/if}</a>
                {/if}              
                <div class="bg" {if $element.mainImageFilename}style="background-image: url({image f=$element.mainImageFilename return='path'})"{/if}>
                  <div class="heading-xs visible-xs-block">
                    <h1 class="h1 title">{$element.name}</h1>
                  </div>
                </div>           

                <div class="col-content">
                  <div class="title hidden-xs">{$element.name}</div>
                  <div class="text">
                    {if $element.content}
                      {$element.content}
                    {/if}
                  </div>
                </div>                
              </div>

              <div class="col-right">
                <div class="items-wrapper">

                  {foreach $pageSubNodes as $key=>$pse}
                  <a href='{seoLink id_element=$pse.id withParents=1 parentLink="{seoParentLink module=$pse.module id_element=$pse.id}"}' class="item {if ($key==2 and $pageSubNodes|count==3) or ($key==4 and $pageSubNodes|count==5) or ($key==6 and $pageSubNodes|count==7)} item-large{/if}">
                    <div class="title">{if $pse.link_title}{$pse.link_title}{else}{$pse.name}{/if}</div>
                    {if $pse.short_content}<div class="voivodeships">{$pse.short_content}</div>{/if}
                  </a>
                  {/foreach}

                </div>
              </div>
            </div>

          </div>
        </div>
      </section>
    </div>
    <!-- /#fullpage -->
</main>

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