{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 producers">
      <div class="wrapper">
        <div class="content">
    
          <div class="content-wrapper">
            {include file="includes/breadcrumbs.html"}

            <div class="content-container">
              <div class="banner">
                <div class="bg" style="background-image: url({image f=$categoryMian.secondMainImageFilename return='path'});"></div>
  
                <h1 class="h1 title">{$categoryMian.name}</h1>
                
                {if $allCats|count>0}
                  <div class="page-banner-menu-lg">
                    {foreach $allCats as $k=>$v}
                    <a href="?mainCat={$v.id}" {if $v.id==$smarty.GET.mainCat} class="item active" {else}class="item" {/if}>{$v.name}</a>
                    {/foreach}
                    <a href="{seoLink id_element=11753}" {if !$smarty.GET.mainCat} class="item active" {else}class="item" {/if}>WSZYSCY PRODUCENCI</a>
                  </div>
                  
                  <div id="page-banner-container" class="page-banner-menu-xs">
                    <div id="page-banner-menu" class="carousel">
                      {foreach $allCats as $k=>$v}
                      <a href="?mainCat={$v.id}" {if $v.id==$smarty.GET.mainCat} class="item underline" {else}class="item" {/if}>{$v.name}</a>
                      {/foreach}
                      <a href="{seoLink id_element=11753}" {if !$smarty.GET.mainCat} class="item underline" {else}class="item" {/if}>WSZYSCY PRODUCENCI</a>
                    </div>
                    <a class="arrow arrow-left"></a>
                    <a class="arrow arrow-right"></a>
                  </div>
                {/if}
              </div>
  
              <div class="producers-wrapper">
                
                {foreach $producers as $item}    
                  <div class="item">
                    <div class="item-logo">
                     <img {if $item.mainImageFilename}src="{image f=$item.mainImageFilename return='path'}"{/if} alt="" class="img-responsive">
                    </div>
                    <div class="item-content">
                      <div class="heading">
                        <div class="heading-icons">
                          {*foreach  $item.category_icons as $v}
                          <div class="icon">{if $v.secondMainImageFilename}<img src="{image f=$v.mainImageFileName return='path'}" alt="">{/if}</div>
                          {/foreach*}
                        </div>
                      </div>
                      <div class="descr">
                        <p>
                          {$item.short_content}
                        </p>
                      </div>
                    </div>
                    <a href="{seoLink id_element=$item.id withParents=1  parentLink=$parentLink}" class="btn btn--arrow"></a>
                  </div>
                 {/foreach}  
              </div>
  
              {include file="includes/pagination.html"}
            </div>

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

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