{{#with data}}
<div class="container main-container ps-r">
	<h2 class="text-center mb-15">
		Recent Customer Reviews
	</h2>
	<div class="bs4--position-relative app-rating-outer-frame">
		<div id="{{@root/dom/divRatingsFrame}}" class="app-rating-frame frame ps-r clearfix center-block">
			<ul id="{{@root/dom/divRatingSlidee}}" class="slidee pl-0 flex-row-container">	
		
			{{#each this}}
			<li class="col-lg-4 col-md-6 col-xs-12 list-unstyled app-rating-card flex-item">
				<div class="card">
					<div class="app-rating clearfix">
						<div class="rating-stars s{{rating.commas}} pb-20"  aria-label="{{rating.raw}} Stars">
							<i class="material-icons bs4--align-middle" aria-hidden="true">star</i>
							<i class="material-icons bs4--align-middle" aria-hidden="true">star</i>
							<i class="material-icons bs4--align-middle" aria-hidden="true">star</i>
							<i class="material-icons bs4--align-middle" aria-hidden="true">star</i>
							{{#compare rating.raw "==" "4.5"}}
							<i class="material-icons bs4--align-middle" aria-hidden="true">star_half</i>
							{{/compare}}
							{{#compare rating.raw "==" "5"}}
							<i class="material-icons bs4--align-middle" aria-hidden="true">star</i>
							{{/compare}}
						</div>
						<div class="rating-title"><strong>{{title}}</strong></div>
						<div class="rating-quote">
							<p id="{{@root/dom/pDescription}}_{{@index}}">{{description}}</p>
						</div>
						<div>
							<span class="rating-author text-black">
								<strong>{{author}}</strong>
							</span>
							<br />
							<span class="rating-date text-grey">
								{{date.shortMonth}} {{date.day}}, {{date.year}}
							</span>
						</div>


					</div>
				</div>
			</li>		
			{{/each}}
			</ul>	
		</div>		
		{{#compare this.length ">" 3}}
		<i id="{{@root/dom/spanRatingsPreviousPage}}" class="material-icons disabled pointer app-rating-arrow-prev">chevron_left</i>
		<i id="{{@root/dom/spanRatingsNextPage}}" class="material-icons nextPrev  pointer app-rating-arrow-next">chevron_right</i>
		{{/compare}}
	</div>
</div>

{{/with}}