{# @root/layouts/twig/pages/news.twig #}
{% extends [
		'@doclayout/news.twig',
		'@docpages/news.twig',
		
		'@layout/pages/news.twig'
	]
%}

{% block page %}
<section id="news{{ data.page.sub_group ? '_sub_' ~ data.page.sub_group }}" class="section{{ general.exts.store.enabled ? ' has-store' }} news full_page">
	<h1>{{ data.category.desc }}</h1>
	<div class="container">
		<div class="row text-center">
			<div class="col-md-10 col-sm-9 col-xs-8 col-xxs-7">
				<h2 class="title text-left">{{ data.category.desc }}</h2>
			</div>
			<div class="col-md-2 col-sm-3 col-xs-4 col-xxs-5 text-right">
				<a href="/{{ siteLang }}/#news{{ data.page.sub_group ? ('_sub_' ~ data.page.sub_group) }}">
					<h3><i class="fa fa-chevron-left"></i> {{ text.misc.back }}</h3>
				</a>
			</div>
		</div>
		
		<ul class="breadcrumb">
			<li><h3>{{ site.name }}</h3></li>
			<li><h3>{{ page.title }}</h3></li>
			<li><h3>{{ data.category.desc }}</h3></li>
		</ul>
		
		<div class="content" style="width: 100%;">
			<div class="col-xs-12 col-xxs-12">
				{% set carousel_id = page.group ~ (page.sub_group ? '-sub-' ~ page.sub_group) %}
				<div id="carousel-{{ carousel_id }}" class="carousel slide carousel-fade bs-carousel" data-ride="carousel">
					{{ block('content') }}
				</div>
			</div>
		</div>
	</div>
</section>
{% endblock %}
{% block script %}
{% verbatim %}
<script>
(function(window){
	window.jQuery(function($){
		$('nav ul > li > a').unbind('click');
	});
})(Function('return this')());
</script>
{% endverbatim %}
{% endblock %}