{{ header }}
<div class="container">
	<div class="breadcrumb-h1 {{ menu_expanded ? ' col-md-offset-3 col-lg-offset-3 col-xxl-offset-4' }}">
		<ul class="breadcrumb mobile">
			{% for key, breadcrumb in breadcrumbs %}
				{% if key + 1 < breadcrumbs|length %}
					<li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
				{% else %}
					{% if not hide_last_breadcrumb or (hide_last_breadcrumb and key == 1) %}<li>{{ breadcrumb.text }}</li>{% endif %}
				{% endif %}
			{% endfor %}
		</ul>
		<h1 class="heading">{{ heading_title }}</h1>
	</div>
	<div class="row">
		{{ column_left }}
		{% if column_left and column_right %}
			{% set class = ' col-sm-4 col-md-6 col-lg-6 col-xxl-12' %}
		{% elseif column_left or column_right %}
			{% set class = ' col-sm-8 col-md-9 col-lg-9 col-xxl-16' %}
		{% else %}
			{% set class = ' col-sm-12' %}
		{% endif %}
		<div id="content" class="{{ class }}">
			{{content_top}}
			<div class="uni-wrapper">
			{% if description %}
				<div class="category-info">
					{% if thumb %}
						<div class="category-info__image"><img src="{{ thumb }}" alt="{{ heading_title }}" title="{{ heading_title }}" class="img-thumbnail" /></div>
					{% endif %}
					{% if description %}<div class="description">{{ description }}</div>{% endif %}
				</div>
			{% endif %}
			{% if categories %}
				<div class="category-list row row-flex">
					{% for category in categories %}
						<div class="{{ subcategory_column ? subcategory_column : ' col-sm-2' }}">
							<a href="{{ category.href }}" class="category-list__item uni-item">
								{% if category.thumb %}<img src="{{ category.thumb }}" alt="" title="" class="category-list__img img-responsive" />{% endif %}
								<span class="category-list__name">{{ category.name }}</span>
							</a>
						</div>
					{% endfor %}
				</div>
			{% endif %}
			{% if news_data %}
				<div class="sorts-block">
					<div class="sorts-block__wrapper hidden-xs hidden-sm" style="flex:0;margin-left:auto">
						{% for key, sorts in sorts %}
							{% if sort in sorts.value and order not in sorts.value %}
								<span data-href="{{ sorts.href }}" class="sorts-block__span uni-href selected {{ 'ASC' in sorts.value ? ' up' : ' down' }}">{{ sorts.text|split('(')[0] }}</span>
							{% elseif sort not in sorts.value and 'DESC' not in sorts.value %}
								<span data-href="{{ sorts.href }}" class="sorts-block__span uni-href">{{ sorts.text|split('(')[0] }}</span>
							{% endif %}
						{% endfor %}
					</div>
					<select id="input-sort" class="sorts-block__select form-control visible-xs visible-sm" onchange="location = this.value;">
						{% for sorts in sorts %}
							{% if sorts.value == '%s-%s'|format(sort, order) %}
								<option value="{{ sorts.href }}" selected="selected">{{ sorts.text }}</option>
							{% else %}
								<option value="{{ sorts.href }}">{{ sorts.text }}</option>
							{% endif %}
						{% endfor %}
					</select>
					<select id="input-limit" class="sorts-block__select sorts-block__limit form-control" style="margin:0" onchange="location = this.value;">
						{% for limits in limits %}
							{% if limits.value == limit %}
								<option value="{{ limits.href }}" selected="selected">{{ limits.text }}</option>
							{% else %}
								<option value="{{ limits.href }}">{{ limits.text }}</option>
							{% endif %}
						{% endfor %}
					</select>
				</div>
				<hr />
				<div class="news-list row">
					{% if column_left and column_right %}
						{% set class = ' col-sm-12 col-md-12 col-lg-6 col-xxl-6-1' %}
					{% elseif column_left or column_right %}
						{% set class = ' col-sm-6 col-md-4 col-lg-4 col-xxl-5' %}
					{% else %}
						{% set class = ' col-sm-6 col-md-3 col-lg-3 col-xxl-4' %}
					{% endif %}
					{% for news in news_data %}
						<div class="news-list__layout {{ class }}">
							<div class="news-list__item uni-item">
								{% if news.image %}
									<div class="news-list__image">
										<img src="{{ news.image }}" loading="lazy" alt="{{ news.name }}" title="{{ news.name }}" data-href="{{ news.href }}" class="uni-href img-responsive" width="{{ img_width }}" height="{{ img_height }}" />
									</div>
								{% endif %}
								<div class="news-list__description">
									<div class="news-list__category-date-viewed">
										<span class="news-list__date"><i class="fa fa-calendar"></i>{{ news.posted }}</span>
										<span class="news-list__viewed"><i class="fa fa-eye"></i>{{ news.viewed }}</span>
									</div>
									<a class="news-list__name" href="{{ news.href }}" title="{{ news.name }}">{{ news.name }}</a>
									<div class="news-list__text">
										{{ news.description }}
										<!-- <a title="{{ text_more }}" data-toggle="tooltip" data-href="{{ news.href }}" class="news-list__more uni-href">&rarr;</a> -->
									</div>
								</div>
							</div>
						</div>
					{% endfor %}
				</div>
				{{ pagination }}
			    <div class="pagination-text">{{ results }}</div>
			{% endif %}
			{% if not categories and not news_data %}
				<div class="div-text-empty">{{ text_error }}</div>
			{% endif %}
			</div>
			{{ content_bottom }}
		</div>
		{{ column_right }}
	</div>
</div>
<script type="application/ld+json">
	{
		"@context": "http://schema.org",
		"@type": "BreadcrumbList",
		"itemListElement": [
		{% for i, breadcrumb in breadcrumbs %}
			{
			"@type": "ListItem",
			"position": {{i+1}},
			"name": "{{ i == 0 ? shop_name : breadcrumb.text|replace({'"':'', '&quot;':''}) }}",
			"item": "{{breadcrumb.href}}"
			{{i + 1 < breadcrumbs|length ? '},' : '}' }}
		{% endfor %}
		]
	}
</script>
{{ footer }}