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




{% block article %}
	{% set page = data.pages[news.id_page] %}
	<article id="news_{{ news.id_n }}" class="col-md-{{ cols }} col-sm-6 col-xxs-12" data-cat="{{ news.id_news_categories }}" data-page="5" data-sub-page="{{ news.id_page }}">
		<h1>{{ title | raw }}</h1>
		{% block article_header %}{{ parent('article_title') }}{% endblock %}
		
		<div class="no-padding">
			
			{% block article_title %}{{ parent('article_title') }}{% endblock %}
			{% block _ext_store_news_articles_price %}{{ parent('_ext_store_news_articles_price') }}{% endblock %}
			
			{% block article_contents %}{{ parent('article_contents') }}{% endblock %}
		</div>
		
		{% block article_hidden_section %}{{ parent('article_hidden_section') }}{% endblock %}
	</article>
{% endblock %}



{% block page %}
<section id="news{{ data.page.sub_group ? '_sub_' ~ data.page.sub_group }}" class="blog{{ general.exts.store.enabled and data.models ? ' has-store' }} section news full_page full_page-search">
	<h1>{{ data.news.title }}</h1>
	<div class="container">
		<div class="row group show" style="width: 100%;">
			<div class="col-xs-12 col-md-8 col-md-push-2">
				<form action="/{{ constant('SITE_LANG') }}/search.html" method="POST">
					<div class="row">
						<div class="col-xs-8 col-sm-9 col-md-10">
							<input name="search" type="text" placeholder="{{ out.search.search }}" class="form-control" value="{{ POST.search }}">
						</div>
						<div class="col-xs-4 col-sm-3 col-md-2">
							<button type="submit" class="small-button">
								<i class="fa fa-search fa-2x fa-fw"></i>
							</button>
						</div>
					</div>
				</form>
			</div>
		</div>
		
		
		{% block filter %}
			<div class="news-filter col-xs-12 os-animation animated fadeInUp" data-os-animation="fadeInUp">
				<div class="col-md-3 col-xs-4 col-xs-12">
					<p>{{ out.search.pages }}:</p>
					<ul class="filter-page no-padding-top">
						<li class="active"><a class="active" data-filter="*" href="#">{{ out.search.all }}</a></li>
						{% for page in data.pages %}
							<li><a data-filter="[data-page='{{ page.group }}'][data-sub-page='{{ page.sub_group }}']" href="#">{{ page.title }}</a></li>
						{% endfor %}
					</ul>
				</div>
				<div class="col-md-9 col-xs-8 col-xxs-12">
					<p>{{ out.search.categories }}:</p>
					<ul class="filter-cat no-padding-top">
						<li class="active"><a class="active" data-filter="*" href="#">{{ out.search.all }}</a></li>
						{% for category in data.cats %}
							<li><a data-filter="[data-cat='{{ category.id_category }}']" href="#">{{ category.desc }}</a></li>
						{% endfor %}
					</ul>
				</div>
			</div>
		{% endblock %}
		
		{{ block('content') }}
	</div>
</section>
{% block js %}
{% verbatim %}
<script>
(function(window, undefined){
	window.jQuery(function($){
		$('nav ul > li > a').unbind('click');
	
		$('#news').has('.news-filter').each(function(){
			var $this = $(this);
			
			var $ul = $this.find('.news-filter ul').addClass('isotope-filters');
			var $articles = $this.find('.row.group.show > article');
			var $parent = $articles.parent();
			var $ul_pages = $ul.filter('.filter-page');
			var $ul_cats = $ul.filter('.filter-cat');
			
			var $isotope = $parent.isotope({
				layoutMode: 'fitRows',
				percentPosition: true
			});
			
			$ul.on('click', 'a', function(e){
				e.preventDefault();
				
				var $a = $(this);
				
				if($a.hasClass('active'))
				{
					return;
				}
				
				var $top_ul = $a.closest('ul');
				
				$top_ul.find('a.active').removeClass('active');
				$a.addClass('active');
				
				var filter = (
					$ul_cats.find('a.active').attr('data-filter')
					+ $ul_pages.find('a.active').attr('data-filter')
				).replace('*', '') || '*';
				
				$isotope.isotope({
					filter: function(){
						return $(this).is(filter);
					}
				});
			});
		});
	});
})(Function('return this')());
</script>
{% endverbatim %}
{% endblock %}
{% endblock %}