{{ header }}	
<div id="category-blogs" class="container">
	<ul class="breadcrumb">
		{% for breadcrumb in breadcrumbs %}
			<li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
		{% endfor %}
	</ul>
	<div class="row">{{ column_left }}
		{% if column_left and column_right %}
			{% set class = 'col-sm-6' %}
		{% elseif column_left or column_right %}
			{% set class = 'col-sm-12' %}
			{% set class = 'col-sm-9' %}
		{% else %}
			{% set class = 'col-sm-12' %} 
		{% endif %}
		<div id="content" class="{{ class }}">{{ content_top }}	
			<h2 class="page_title">{{ heading_title1 }}</h2>
			{% for article in articles %}
				<div class="blog-layout product-list blog-category">
		          	<div class="blog-block">
		          		<div class="row">
			          	 	<div class="blog-info col-sm-6">
								<div class="image">
					              	<a href="{{ article.href }}" class="blog-img">
					              		<img src="{{ article.image }}" alt="{{ article.name }}" title="{{ article.name }}" class="img-responsive" />
					              	</a>
					              	<div class="zoom-post">
										<a class="hover-zoom" href="{{ article.thumb }}" data-lightbox="example-set" title="{{article.name }}"></a>
										{# <a class="hover-post" href="{{ article.href }}"></a> #}
									</div>		
								</div>	
				            </div>
				            <div class="caption-blog col-sm-6">
								<div class="caption blog-description">
									{% if article.date %}
										<span class="block-date"><i class="fa fa-calendar-o"></i>{{ article.date }}</span>
									{% endif %}	
									<span class="blog-comment"><i class="fa fa-comments-o"></i>{{ article.total_comments }} {{ text_comment }}</span>
									<h4 class="blog-title"><a href="{{ article.href }}">{{ article.name }}</a></h4>
									<div class="blog-text">
										<span>{{ article.intro_text }}</span>
									</div>
									<div class="blog-group clearfix">	
										<a class="blog-read btn-default" onclick="location.href = ('{{ article.href }}');"  title="{{ text_more }}">{{ text_more }}</a>
									</div>
									{% if article.attributes %}
										<h5>{{ text_attributes }}</h5>
										{% for attribute_group in article.attributes %}
											{% for attribute_item in attribute_group.attribute %}
												<b>{{ attribute_item.name }}:</b> {{ attribute_item.text }}<br />
											{% endfor %}
										{% endfor %}
									{% endif %}
								</div> 
				            </div>
			            </div>
		          	</div>
		        </div>
			{% endfor %}
			{% if articles %}
			<div class="pro_pagination">
				<div class="row">
					<div class="col-sm-6 text-left">{{ results }}</div>
					{% if pagination %}
					<div class="col-sm-6 text-right">{{ pagination }}</div>
					{% endif %}
				</div>
			</div>
			{% endif %}
			{% if not articles and not categories %}
				<p>{{ text_empty }}</p>
				<div class="buttons">
					<div class="pull-right"><a href="{{ continue }}" class="btn btn-primary">{{ button_continue }}</a></div>
				</div>
			{% endif %}
		</div>
		{{ column_right }}
	</div>
	{{ content_bottom }}
</div>
{{ footer }}