{foreach key=row item=post from=$posts}
<ol class="breadcrumb hidden-xs" itemscope itemtype="https://schema.org/BreadcrumbList">
    <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
        <a itemprop="item" href="{url_for internal=$homepage_url absolute=true}">
            <span itemprop="name">{__ text="Start" langCatalogue="stNavigationFrontend"}</span></a>
        <meta itemprop="position" content="1" />
    </li>

    <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
        <a itemprop="item" href="/posts"><span itemprop="name" >{__ text="Blog" langCatalogue="stBlogFrontend"}</span></a>
        <meta itemprop="position" content="2" />
    </li>

    {if $blog_category}
    <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
        <a itemprop="item" href="{$blog_category.url}"><span itemprop="name" >{$blog_category.name}</span></a>
        <meta itemprop="position" content="3" />
    </li>
    {/if}
    <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
        <a itemprop="item" href="/post/{$post.post_name}"><span itemprop="name">{$post.title}</span></a>
        {if $blog_category}
        <meta itemprop="position" content="4" />
        {else}
        <meta itemprop="position" content="3" />
        {/if}
    </li>
</ol>
{/foreach}
    
    <div id="blog-show" class="wordpress-blog">
 		    
    <div class="row">
    	{foreach key=row item=post from=$posts}
        <div {if $show_right == 1 } class="col-sm-8" {/if}>    
            <div class="title">
                <h1>{$post.title}</h1>
                {if $show_date == 1}
        			<div class="data text-muted">{$post.post_date}</div>
        			<br/>
        		{/if}
            </div>
            <div class="tinymce_html clearfix">
                {if $show_image == 1 }<img style="width:100%!important" alt="" src="{$post.post_image}">{/if}
                {$post.post_content}
            </div>
            
        </div>
        {/foreach}
        {if $show_right == 1 }
        <div class="sidebar {if $show_right == 1 }col-sm-4{/if}">
        
        
        {if $post_recommended }
        <div>
            <div class="title">
                <h3>{__ text="Polecane artykuły" langCatalogue="stBlogFrontend"}</h3>
            </div>
            <ul>
                {foreach key=row item=post_r from=$post_recommended}
                <li>
                    <a href="/post/{$post_r.slug}/">{$post_r.title}</a>
                </li>
                {/foreach}
            </ul>
            <div class="clearfix"></div>            
        </div>
        {/if}
        
        {if count($blog_all_category)>1 && $wordpress_category_on_post }
        <div>
            <div class="title">
                <h3>{__ text="Kategorie" langCatalogue="stBlogFrontend"}</h3>
            </div>
            <ul>                    
                {foreach key=row item=category from=$blog_all_category}
                <li>
                    <a href="/posts/{$category.slug}/">{$category.name}</a>
                </li>
                {/foreach}
            </ul>
            <div class="clearfix"></div>
        </div>
        {/if}
        
        <div>
                <div class="title">
                    <h3 >{$blog_category.name}</h3>
                </div>    
                <ul>
                    {foreach key=row item=post from=$sidebar_posts}                
                     <li><a target="_self" href="{$post.post_url}">{$post.title}</a></li>
                    {/foreach}                    
                </ul>
                
                <a style="font-size: 0.9rem;" target="_self" href="/posts/{$blog_category.slug}">{__ text="Więcej w kategorii"}: {$blog_category.name}</a>
                
                
            </div>
            
        </div>
        {/if}
    </div>
    
    
    {if $wordpress_list_recommended_description != "" && $post_recommended }
        <div style="margin-bottom: 45px;">
            {$wordpress_list_recommended_description}
        </div>
    {/if}
    
    
    {if $list_display_type=="masonary"}
    <div id="blog" class="row masonry-container wordpress-list">
    {else}
    <div id="blog" class="row wordpress-list" data-equalizer>
    {/if}

    {foreach key=row item=post from=$post_recommended}
    {if $list_display_type=="masonary"}
    <div class="product col-xs-12 col-sm-{$list_post_grid} col-md-{$list_post_grid} item">
    <div class="thumbnail">
    {else}
    <div class="product col-xs-12 col-sm-{$list_post_grid} col-md-{$list_post_grid}">
        <div class="thumbnail" data-equalizer-watch>
            {/if}

            <div class="row">

                {if $list_show_image == 1}

                {if $list_show_image_position == "side" }

                {if $post.post_image != "" }
                <div class="col-xs-12 col-md-4 side">
                    <div class="image">
                        <a href="{$post.post_soteshop_url}"><img style="width:100%!important" alt="{$post.alt_title}" src="{$post.post_image}"></a>
                    </div>
                </div>

                <div class="col-xs-12 col-md-8 side">
                    {/if}

                    <div class="caption" style="padding:0px; margin-top:-4px;">
                        {if $list_show_title == 1}
                        <h3 class="name">{$post.title}</h3>{/if}
                        {if $list_show_date == 1}
                        <div class="data text-muted">{$post.post_date}</div>
                        {/if}
                        
                        <div class="description tinymce_html" onclick="location.href='{$post.post_soteshop_url}';">
                            {if $post.post_excerpt=="..." }{$post.post_content}{else}{$post.post_excerpt}{/if} {if $show_more == 1}
                            <a href="{$post.post_soteshop_url}">{__ text="więcej" langCatalogue="stBlogFrontend"}</a>{/if}
                        </div>
                        
                    </div>
                    {if $post.post_image != "" }
                </div>
                {/if}
                {/if}

                {if $list_show_image_position == "top" }
                {if $post.post_image !=""}
                <div class="col-xs-12 top">
                    <div class="image">
                        <a href="{$post.post_soteshop_url}"><img style="width:100%!important" alt="{$post.alt_title}" src="{$post.post_image}"></a>
                    </div>
                </div>
                {/if}

                <div class="col-xs-12 top">
                    <div class="caption" {if $post.post_image ==""} style="padding:0px; margin-top:-4px;" {/if}>
                        {if $list_show_title == 1}
                        <h3 class="name">{$post.title}</h3>{/if}
                        {if $show_date == 1}
                        <div class="data text-muted">{$post.post_date}</div>
                        {/if}
                        
                        <div class="description tinymce_html" onclick="location.href='{$post.post_soteshop_url}';">
                            {if $post.post_excerpt=="..." }{$post.post_content}{else}{$post.post_excerpt}{/if} {if $list_show_more == 1}
                            <a href="{$post.post_soteshop_url}">{__ text="więcej" langCatalogue="stBlogFrontend"}</a>{/if}
                        </div>
                        
                    </div>
                </div>
                {/if}

                {if $list_show_image_position == "float" }
                <div class="col-xs-12 float">
                    <div class="caption">
                        {if $list_show_title == 1}
                        <h3 class="name">{$post.title}</h3>{/if}
                        {if $list_show_date == 1}
                        <div class="data text-muted">{$post.post_date}</div>
                        {/if}
                        
                        <div class="description tinymce_html" onclick="location.href='{$post.post_soteshop_url}';">
                            {if $post.post_image != "" }
                            <div class="float-image" style="float:left;">
                                <a href="{$post.post_soteshop_url}"><img alt="{$post.alt_title}" src="{$post.post_image}" style="max-width:250px; padding:5px 10px 0px 0px;"></a></div>{/if}{if $post.post_excerpt=="..." }{$post.post_content}{else}{$post.post_excerpt}{/if} {if $show_more == 1}
                            <a href="{$post.post_soteshop_url}">{__ text="więcej" langCatalogue="stBlogFrontend"}</a>{/if}
                        </div>
                        
                    </div>
                </div>
                {/if}

                {else}
                <div class="col-xs-12">
                    <div class="caption" style="padding:0px; margin-top:-4px;">
                        {if $list_show_title == 1}
                        <h3 class="name">{$post.title}</h3>{/if}
                        {if $list_show_date == 1}
                        <div class="data text-muted">{$post.post_date}</div>
                        {/if}
                        
                        <div class="description tinymce_html" onclick="location.href='{$post.post_soteshop_url}';">
                            {if $post.post_excerpt=="..." }{$post.post_content}{else}{$post.post_excerpt}{/if} {if $list_show_more == 1}
                            <a href="{$post.post_soteshop_url}">{__ text="więcej" langCatalogue="stBlogFrontend"}</a>{/if}
                        </div>
                        
                    </div>
                </div>
                {/if}
            </div>
        </div>
    </div>
    {/foreach}
  </div>  
</div>

{literal}
    <script type="text/javascript">
        //<![CDATA[
        jQuery(function($) {
            $('a[href^="#"]').click(function () {
                var linkLocation = $(this).attr('href').substr(1);
                var linkLocation = $('[name="' + linkLocation + '"]').offset().top;
                $('html, body').animate({
                    scrollTop: linkLocation - 78
                }, 500);
            });
        });
        //]]>   
    </script>
{/literal}