{if $wordpress_on == 1}

<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="stNavigationFrontend"}</span></a>
        <meta itemprop="position" content="2" />
    </li>
    
    {if $blog_category}
    <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">        
            <span itemprop="name" >{$blog_category}</span>
        <meta itemprop="position" content="3" />
    </li>
    {else}
    <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
            <span itemprop="name" >{__ text="Wszystkie" langCatalogue="stBlogFrontend"}</span>
        <meta itemprop="position" content="3" />
    </li>
    {/if}
   
</ol>


<div id="blog-list" class="wordpress-list">
    
    
    <div style="margin-bottom: 45px;">
        <h1 style="text-align: center;">{$title}</h1>
        <p style="text-align: center;">{$description}</p>
    </div>
    

    {if count($blog_all_category)>1 && $wordpress_category_on_posts == 1 }
        
        <div class="row">                    
            
            <ul id="wp-category">
                <li><b>{__ text="Kategorie" langCatalogue="stBlogFrontend"}:</b></li>
                {foreach key=row item=category from=$blog_all_category}
                    
                    {if $category.slug == 'posts'}
                    
                    <li>
                        <a {if !$blog_category } style="text-decoration:underline" {/if} href="/posts">{__ text="Wszystkie" langCatalogue="stBlogFrontend"}</a>
                    </li>
                    
                    {else}                                        
                
                    <li>
                        <a {if $category.name == $blog_category } style="text-decoration:underline" {/if} href="/posts/{$category.slug}/">{$category.name}</a>
                    </li>
                    
                    {/if}
                    
                    
                {/foreach}
            </ul>
            <div class="clearfix"></div>
        </div>
    
    {else}
    
         <div class="title">
            <h1>{if $blog_category}{$blog_category}{else}{__ text="Blog" langCatalogue="stBlogFrontend"}{/if}</h1>
        </div>
    
    {/if}


{if $display_type=="masonary"}
    <div id="blog" class="row masonry-container">
{else}    
    <div id="blog" class="row" data-equalizer>
{/if}
    
    {foreach key=row item=post from=$posts}			
		    {if $display_type=="masonary"}
                <div class="product col-xs-12 col-sm-{$post_grid} col-md-{$post_grid} item">
                <div class="thumbnail">
            {else}    
                <div class="product col-xs-12 col-sm-{$post_grid} col-md-{$post_grid}">
                <div class="thumbnail" data-equalizer-watch>
            {/if}		    
			
				<div class="row">
				    
					{if $show_image == 1}
					
					   {if $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 $show_title == 1}<h2 class="name">{$post.title}</h2>{/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 $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 $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 $show_title == 1}<h2 class="name">{$post.title}</h2>{/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 $show_more == 1}<a href="{$post.post_soteshop_url}">{__ text="więcej" langCatalogue="stBlogFrontend"}</a>{/if}
                                </div>
                                
                            </div>
                        </div>
                        {/if}
                        
                        {if $show_image_position == "float" }                                                
                        <div class="col-xs-12 float">
                            <div class="caption">                           
                                {if $show_title == 1}<h2 class="name">{$post.title}</h2>{/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_image != "" }<div class="float-image" style="float:left;"><a href="{$post.post_soteshop_url}"><img alt="" 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 $show_title == 1}<h2 class="name">{$post.title}</h2>{/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 $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>

{$pager}
</div>

{/if}

{if $display_type=="masonary"}

{use_javascript src="imagesloaded.pkgd.min.js"}
{use_javascript src="masonry.pkgd.min.js"}

{literal}
<script type="text/javascript">
jQuery(function ($)
{
    $(document).ready(function()
    {
             
        var $container = $('.masonry-container');
        $container.imagesLoaded( function () {
            $container.masonry({
                columnWidth: '.item',
                itemSelector: '.item'
            });
        });
    
    });
});
</script>
{/literal}

{/if}