
<patTemplate:tmpl name="pageoutput" unusedvars="strip">
<script type="text/javascript">
	<!--
	var confirmation_thanks = "{_JOMRES_REVIEWS_THANKS_FOR_CONFIRM}";
	var confirmation_already = "{_JOMRES_REVIEWS_ALREADY_CONFIRMED}";

	var show_thanks = {SHOW_THANKS};

	jomresJquery(document).ready(function () {
		if (!show_thanks) {
			jomresJquery("#thanks_field").hide();
		}
	});

	function confirm_review(rating_id, state) {
		div_name = '#agree_thumbs' + rating_id;
		//
		jomresJquery.get('{JOMRES_SITEPAGE_URL_AJAX}&task=review_confirm&rating_id=' + rating_id + '&state=' + state, function (data) {
			jomresJquery('.result').html(data);

			if (data == 1) {
				jomresJquery(div_name).empty();
				jomresJquery(div_name).addClass('alert alert-success');
				jomresJquery(div_name).css({"font-size":"12px"});
				jomresJquery(div_name).text(confirmation_thanks);
			}
			else {
				jomresJquery(div_name).empty();
				jomresJquery(div_name).addClass('alert alert-warning');
				jomresJquery(div_name).css({"font-size":"12px"});
				jomresJquery(div_name).text(confirmation_already);
			}
		});
	}
	//-->
</script>

<div id="thanks_field">
	<div class="alert alert-success">
		<button class="close" data-dismiss="alert">x</button>
		{_JOMRES_REVIEWS_THANKS_FOR_REVIEW}
	</div>
</div>
<div>
<div >
	<h2>
		<span >{PROPERTY_NAME}</span><!-- hotel name -->
		<span >
	{_JOMRES_REVIEWS_AVERAGE_RATING}
		<span >{AVERAGE_RATING}</span> 
	</span><!-- average rating --> -
		{_JOMRES_REVIEWS_TOTAL_VOTES}
		<span>{NUMBER_OF_REVIEWS}</span><!-- number of reviews -->
	</h2>
</div>

<patTemplate:tmpl name="rows" unusedvars="strip" type="simpleCondition" requiredVars="review_title">
<div>
	<div class="page-header">
		<div class="row">
			<div class="col-md-12" itemprop="name" ><h3>{REVIEW_TITLE} <span>{RATING_STARS}</span></h3></div>
		</div>
		<div class="small">{_JOMRES_REVIEWS_DATE} {RATING_DATE} {_JOMRES_REVIEWS_REVIEWED_BY}<span><strong><a href="{REVIEWER_PROFILE_LINK}">{REVIEWER_FIRSTNAME} {REVIEWER_SURNAME}</a></strong></span></div>
	</div>
	<div class="row" >
		<div class="col-md-4">
			<div class="well">
				<div class="row">
					<div class="col-md-5">{_JOMRES_REVIEWS_RATING_1}</div>
					<div class="col-md-7">
						<div class="progress progress-striped">
							<div class="progress-bar {RATING_1_PROGRESSBAR_COLOUR}" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: {RATING_1_PERCENTAGE}%">{RATING_1}
								<span class="sr-only">{RATING_1_PERCENTAGE}%</span>
							</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-5">{_JOMRES_REVIEWS_RATING_2}</div>
					<div class="col-md-7">
						<div class="progress progress-striped">
							<div class="progress-bar {RATING_2_PROGRESSBAR_COLOUR}" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: {RATING_2_PERCENTAGE}%">{RATING_2}
								<span class="sr-only">{RATING_2_PERCENTAGE}%</span>
							</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-5">{_JOMRES_REVIEWS_RATING_3}</div>
					<div class="col-md-7">
						<div class="progress progress-striped">
							<div class="progress-bar {RATING_3_PROGRESSBAR_COLOUR}" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: {RATING_3_PERCENTAGE}%">{RATING_3}
								<span class="sr-only">{RATING_3_PERCENTAGE}%</span>
							</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-5">{_JOMRES_REVIEWS_RATING_4}</div>
					<div class="col-md-7">
						<div class="progress progress-striped">
							<div class="progress-bar {RATING_4_PROGRESSBAR_COLOUR}" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: {RATING_4_PERCENTAGE}%">{RATING_4}
								<span class="sr-only">{RATING_4_PERCENTAGE}%</span>
							</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-5">{_JOMRES_REVIEWS_RATING_5}</div>
					<div class="col-md-7">
						<div class="progress progress-striped">
							<div class="progress-bar {RATING_5_PROGRESSBAR_COLOUR}" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: {RATING_5_PERCENTAGE}%">{RATING_5}
								<span class="sr-only">{RATING_5_PERCENTAGE}%</span>
							</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-5">{_JOMRES_REVIEWS_RATING_6}</div>
					<div class="col-md-7">
						<div class="progress progress-striped">
							<div class="progress-bar {RATING_6_PROGRESSBAR_COLOUR}" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: {RATING_6_PERCENTAGE}%">{RATING_6}
								<span class="sr-only">{RATING_6_PERCENTAGE}%</span>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="col-md-8">
			<small><cite title="{USERNAME}">{_JOMRES_REVIEWS_REVIEWBODY_SAID}</cite></small>
			<blockquote>
				<p itemprop="description">
					{REVIEW_DESCRIPTION}
				</p>
			</blockquote>
			<small>{_JOMRES_REVIEWS_PROS}</small>
			<blockquote>
				<p>
					{PROS}
				</p>
			</blockquote>
			<small>{_JOMRES_REVIEWS_CONS}</small>
			<blockquote>
				<p>
					{CONS}
				</p>
			</blockquote>
			<div class="btn-toolbar">
				<div class="btn-group" id="agree_thumbs{RATING_ID}">
					{THUMB_UP}{THUMB_DOWN}
				</div>
				<div class="btn-group"><a href="{REPORT_URL}" class="btn btn-default"><i class="icon-warning"></i>
					{REPORT_TEXT}</a></div>
			</div>
		</div>
	</div>
	
	{REVIEW_REPLY}
	<p>&nbsp;</p>
	<!--<div>{NUMBER_AGREE} {_JOMRES_REVIEWS_NUMBER_AGREE_WITHREVIEW}&nbsp;</div>
	<div>{NUMBER_DISAGREE} {_JOMRES_REVIEWS_NUMBER_DISAGREE_WITHREVIEW}&nbsp;</div>-->
</div>
</patTemplate:tmpl>
</div>

<patTemplate:tmpl name="showall" type="simpleCondition" requiredVars="text" unusedvars="nbsp">
<div class="center"><a href="{LINK}" class="btn btn-default">{TEXT}</a></div>
</patTemplate:tmpl>


<div>{_JOMRES_REVIEWS_ADD_REVIEW}</div>
</patTemplate:tmpl>