<patTemplate:tmpl name="pageoutput" unusedvars="strip">

<patTemplate:tmpl name="rows" unusedvars="strip" type="simpleCondition" requiredVars="roomtype">
<div class="well well-small">
	<div class="row">
		<div class="col-md-2">
			<a href="#roomdetails{ROOMUID}_{TARIFFUID}" role="button" data-toggle="modal" class="thumbnail"><img src="{ROOM_IMAGE}" alt="room image" class="img-responsive" /></a>
			<a href="#roomdetails{ROOMUID}_{TARIFFUID}" role="button" data-toggle="modal" class="thumbnail"><img src="{ROOM_TYPE_IMAGE}" alt="room type image" class="img-responsive" /></a>
			
		</div>
		<div class="col-md-4">
			<h4 class=""><a href="#roomdetails{ROOMUID}_{TARIFFUID}" role="button" data-toggle="modal">{ROOMTYPE}</a></h4>
			<p><b>{TAGLINE}</b></p>
			<p>
				{HEADER_MAXPEOPLE}: {MAXPEOPLE_INROOM}<br />
				{HTITLE}: {TITLE}<br />
				{HDESC}: {DESC}<br />
				<a href="#roomdetails{ROOMUID}_{TARIFFUID}" role="button" data-toggle="modal" class="hidden-phone hidden-tablet">{HMOREINFO}...</a>
			</p>
		</div>
		<div class="col-md-3">
			<p><span class="big-price">{FORMATTED_PRICE}</span>{HRATEPERNIGHT}</p>
		</div>
		<div class="col-md-3" align="right">
			<div id="{ROOMTARIFFOUTPUTID}"><a href="javascript:void(0);" onclick="getResponse_rooms('requestedRoom','{ROOMTARIFFOUTPUTID}' );" class="btn {BUTTON_CLASS}"><i class="fa fa-shopping-cart"></i> </a></div>
		</div>
	</div>
	<div class="row">
		<div class="col-md-6">
			{FEATURES}
		</div>
	</div>
</div>

<script type="text/javascript">
jomresJquery(document).ready(function(){
	jomresJquery('#roomdetails{ROOMUID}_{TARIFFUID}').appendTo("body");
});
</script>	

<div id="roomdetails{ROOMUID}_{TARIFFUID}" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel{ROOMUID}_{TARIFFUID}" aria-hidden="true">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
				<h4 id="myModalLabel{ROOMUID}_{TARIFFUID}">{ROOMTYPE} - {ROOMNAME} {ROOMNUMBER}</h4>
			</div>
			<div class="modal-body">
				<div class="row">
					<div class="col-md-5">
						<div class="thumbnail"><img src="{ROOM_IMAGE_MEDIUM}" alt="room image" class="img-responsive"/></div>
					</div>
					<div class="col-md-7">
						<h4 class="page-header">{HROOM_DETAILS}</h4>
						<p><b>{TAGLINE}</b></p>
						<p>
							<!--<img src="{ROOM_TYPE_IMAGE}" alt="room type image"/><br />-->
							{HEADER_ROOMTYPE}: {ROOMTYPE}<br />
							{HEADER_ROOMNAME}: {ROOMNAME}<br />
							{HEADER_ROOMNUMBER}: {ROOMNUMBER}<br />
							{HEADER_MAXPEOPLE}: {MAXPEOPLE_INROOM}<br />
							{HEADER_ROOMFLOOR}: {ROOMFLOOR}<br />
							{HEADER_FEATURES}:<br /> {FEATURES}
						</p>
					</div>
				</div>
		
				<div class="row">
					<div class="col-md-5" align="center">
						<div class="well">
							<p>{HRATEPERNIGHT}<span class="big-price">{FORMATTED_PRICE}</span></p>
						</div>
						<div class="thumbnail"><img src="{ROOM_TYPE_IMAGE}" alt="room type image" class="img-responsive"/></div>
					</div>
					<div class="col-md-7">
						<h4 class="page-header">{HTARIFF_DETAILS}</h4>
						<p>
							{HTITLE}: {TITLE}<br />
							{HSTARTS}: {VALIDFROM}<br />
							{HENDS}: {VALIDTO}<br />
							{HMINDAYS}: {MINDAYS}<br />
							{HMAXDAYS}: {MAXDAYS}<br />
							{HMINPEEPS}: {MINPEOPLE}<br />
							{HMAXPEEPS}: {MAXPEOPLE}
						</p>
					</div>
				</div>
				
				<p>{DESCRIPTION}</p>
			</div>
			<div class="modal-footer">
				<a class="btn btn-default" data-dismiss="modal" aria-hidden="true">{COMMON_CLOSE}</a>
				<a href="javascript:void(0);" onclick="getResponse_rooms('requestedRoom','{ROOMTARIFFOUTPUTID}' );" class="btn {BUTTON_CLASS}" title="{CAPTION}" data-dismiss="modal" aria-hidden="true"><i class="{ICON} icon-white"></i> {CAPTION}</a>
			</div>
		</div>
	</div>
</div>

</patTemplate:tmpl>
</patTemplate:tmpl>