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

            <div class="banner">
              <h1 class="h1 title">{'general_blog'|translate}</h1>

              <div class="years">
                {capture assign=blogLink}{seoLink id_element=11760 withParents=1}{/capture}
                {foreach $blogYears as $by}
                    <a href="{$blogLink}#yc.{$by.year}" class="year {if $by.selected == 1}active{/if}">{$by.year}</a>
                {/foreach}
              </div>
            </div>          

            <div class="article-wrapper">
              <article class="article">
                <header class="header">                  
                  <h2 class="h1 title">{$element.name}</h2>
                  <div class="details">
                    <div class="post-date">{'general_added'|translate}: {$element.noticed_at_v2}</div>
                    <div class="post-category">{'general_category'|translate}: {$element.blog_category_name}</div>
                  </div>
                </header>
            
                <div class="article-content">
                  {if $element.mainImageFilename}
                  <img src="{image f=$element.mainImageFilename m='cr' return='path'}" alt="{$element.mainImageAlt}">
                  {/if}
                  
                  {$element.content|show_images}
                </div>   
                
                {include file="includes/products-preview.html" productsPreviewList=$element.rcmdProductList}                
                
                {include file="includes/article-footer.html"}

                {*<div class="pagination-blog-post">
                  <a href="#">Poprzedni</a>
                  <a href="#">Następny</a>
                </div>*}
              </article>

               {include file="includes/blog-sidebar.html"}
            </div>
            
            {include file="includes/pagination.html"}
          </div>  
        </div>
      </div>
    </section>
  <!-- </div> -->
  <!-- /#fullpage -->
</main>

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