<div id="blog_home" class="menu-recent">
	<div class="container">
		<div class="blog-title module-title2">
		   <h2>{{ text_headingtitle }}</h2>
		</div>
	 	{% set count, rows = 0, slide.rows %}
		{% if not rows %}
			{% set rows = 1 %}
		{% endif %}

		{% if articles %}
			<div class="articles-container">
			{% for article in articles %}
				{% if count % rows == 0 %}
				<div class="row_items">
				{% endif %}
				{% set count = count + 1 %}
					<div class="articles-inner item-inner">
						<div class="articles-image"><img src="{{ article.image }}" /></div>
						<div class="articles-date">
							{{ article.date_added }}{% if article.author %}{{ " | " ~ article.author }}{% endif %}
						</div>

						<a class="articles-name" href="{{ article.href }}">{{ article.name }}</a>
						<div class="articles-intro">{{ article.intro_text }}</div>
						<div class="readmore"><a href="{{ article.href }}">{{ button_read_more }}</a></div>
					</div>
				{% if (count % rows == 0) or (count == articles|length ) %}
				</div>
				{% endif %}
			{% endfor %}
			</div>
		{% else %}
			<p>{{ text_empty }}</p>
		{% endif %}
	</div>

</div>
<script type="text/javascript">
    $(document).ready(function() {
        $(".articles-container").owlCarousel({
            autoPlay : {% if slide.auto %} true {% else %} false {% endif %},
        	items : {{ slide['items'] }},
			itemsDesktop : [1199,3],
			itemsDesktopSmall : [991,2],
			itemsTablet: [700,2],
			itemsMobile : [400,1],
			slideSpeed : {{ slide['speed'] }},
			paginationSpeed : {{ slide['speed'] }},
			rewindSpeed : {{ slide['speed'] }},
			navigation : {% if slide.navigation %} true {% else %} false {% endif %},
			pagination : {% if slide.pagination %} true {% else %} false {% endif %},
			stopOnHover : true
    	});
    });
</script>