{% set rows = 2 %}
{% set count = 0 %}
<div class="brand-container">
	<div id="carousel{{ module }}" class="swiper-container">
		<div class="swiper-wrapper">
			{% for banner in banners %}
			{% if count % rows == 0 %}
					<div class="swiper-slide text-center">
				{% endif %}
				{% set count = count + 1 %}
					<div class="item">
						{% if banner.link %}
							<a href="{{ banner.link }}"><img src="{{ banner.image }}" alt="{{ banner.title }}" class="img-responsive" /></a>{% else %}<img src="{{ banner.image }}" alt="{{ banner.title }}" class="img-responsive" />
						{% endif %}
					</div>
			{% if (count % rows == 0) or (count == banners|length ) %}
					</div>
				{% endif %}
			{% endfor %}
		</div>
	</div>
	<div class="swiper-pagination carousel{{ module }}"></div>
	<div class="swiper-pager">
		<div class="swiper-button-next"></div>
		<div class="swiper-button-prev"></div>
	</div>
</div>
<script type="text/javascript"><!--
$('#carousel{{ module }}').swiper({
	mode: 'horizontal',
	slidesPerView: 3,
	pagination: '.carousel{{ module }}',
	paginationClickable: true,
	nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
	autoplay: false,
	loop: false
});
--></script>