<section class="section testimonials" id="reviews">
	<h1>{{ text.review.title }}</h1>
	<h2 class="text-center">{{ text.review.title }}</h2>
	<div class="content">
	
		<div id="reviews-carousel" class="carousel" data-ride="carousel">
			<div class="carousel-inner">
				{% for review in data.reviews %}
					<div class="item{{ loop.first ? ' active' }} text-center">
						<p class="review">
							{{ review.html | raw }}
						</p>
						{% if review.classification %}
							<p class="review">
								{% for i in 1..review.classification %}
									<i class="fa fa-star"></i>{{ (not loop.last ? '&nbsp;') | raw }}
								{% endfor %}
							</p>
						{% endif %}
						<p class="author">
							{{ (review.first_name ~ ' ' ~ review.last_name) | ucwords }}, {{ review.country }}
						</p>
					</div>
				{% endfor %}
				
				<div class="clearfix"></div>

			</div>

			{% if data.reviews|length > 1 %}
				<ol class="carousel-indicators">
					{% for i in 1..data.reviews|length %}
						<li data-target="#reviews-carousel" data-slide-to="{{ loop.index0 }}"{{ loop.first ? ' class="active"' }}></li>
					{% endfor %}
				</ol>
			{% endif %}
			<div class="clearfix"></div>
		</div>
		
	</div>
	<div id="review-button-container">
		<a href="/review.html?lightbox%5Bwidth%5D=320&amp;lightbox%5Bheight%5D=650" class="lightbox submit-btn">{{ text.review.button }}</a>
	</div>
</section>