
<patTemplate:tmpl name="booking_particulars">
<script language="JavaScript" type="text/javascript">
	<!--
	function confirmation_validate(usecart) {
		if (document.bookingForm.agreecheck.checked) {
			if (usecart) {
				jomresJquery('#jomres_task').val("{PROCESSURL_SAVETOCART}");
			}
			else {
				jomresJquery('#jomres_task').val("{PROCESSURL}");
			}

			return true;
		}
		else {
			alert("{ALERT} {TERMSTEXT}");
			return false;
		}
	}

	function agreeAlert() {
		if (document.bookingForm.agreecheck.checked) {
			jomresJquery('#agreealert').removeClass('alert-warning').addClass('alert-success');
			jomresJquery('#send').removeAttr('disabled');
			jomresJquery('#cart').removeAttr('disabled');
		} else {
			jomresJquery('#agreealert').removeClass('alert-success').addClass('alert-warning');
			jomresJquery('#send').attr('disabled', 'disabled');
			jomresJquery('#cart').attr('disabled', 'disabled');
		}
	}
	//-->
</script>

<div class="alert alert-info">{HEADER}</div>

<form action="" method="post" name="bookingForm" role="form" onsubmit="send.disabled = true; return true;">
<div class="row">
	<div class="col-md-6">
		<div class="panel panel-default">
			<div class="panel-heading">
				<h2 class="panel-title">{AJAXFORM_PARTICULARS}</h2>
			</div>
			<div class="panel-body">
				<div class="row">
					<div class="col-md-6">
						<strong>{HARRIVAL}</strong>
					</div>
					<div class="col-md-6">
						{ARRIVAL}
					</div>
				</div>
				<div class="row">
					<div class="col-md-6">
						<strong>{HDEPARTURE}</strong>
					</div>
					<div class="col-md-6">
						{DEPARTURE}
					</div>
				</div>
				<div class="row">
					<div class="col-md-6">
						<strong>{HDAYSSTAYING}</strong>
					</div>
					<div class="col-md-6">
						{DAYSSTAYING}
					</div>
				</div>
				<div class="row">
					<div class="col-md-6">
						<strong>{HTOTALINPARTY}</strong>
					</div>
					<div class="col-md-6">
						{TOTALINPARTY}
					</div>
				</div>
				<patTemplate:tmpl name="mrp_room_details" type="simpleCondition" requiredVars="hroomsbooked">
				<div class="row">
					<div class="col-md-6">
						<strong>{PROPERTYNAME} - {HROOMSBOOKED} - {NUMROOMS}</strong>
					</div>
					<div class="col-md-6">
						<patTemplate:tmpl name="booking_rooms">
							{FULLDESC}
						</patTemplate:tmpl>
					</div>
				</div>
				</patTemplate:tmpl>
				
				<patTemplate:tmpl name="room_info">
					<div class="row">
						<div class="col-md-6">
							<strong>{HROOM_NAME}</strong>
						</div>
						<div class="col-md-6">
							{ROOM_NAME}
						</div>
					</div>
					<div class="row">
						<div class="col-md-6">
							<strong>{HROOM_NUMBER}</strong>
						</div>
						<div class="col-md-6">
							{ROOM_NUMBER}
						</div>
					</div>
				</patTemplate:tmpl>
				<patTemplate:tmpl name="customfields" type="simpleCondition" requiredVars="description">
					<div class="row">
						<div class="col-md-6">
							{DESCRIPTION}
						</div>
						<div class="col-md-6 align-right">
							{VALUE}
						</div>
					</div>
				</patTemplate:tmpl>
			</div>
		</div>
	</div>
	<div class="col-md-6">
		<div class="panel panel-default">
			<div class="panel-heading">
				<h2 class="panel-title">{AJAXFORM_ADDRESS}</h2>
			</div>
			<div class="panel-body">
				<div class="row">
					<div class="col-md-12">
						<strong>{FIRSTNAME} {SURNAME}</strong>
					</div>
				</div>
				<div class="row">
					<div class="col-md-12">
						{HOUSENO} {STREET}
					</div>
				</div>
				<div class="row">
					<div class="col-md-12">
						{TOWN}, {COUNTY}, {POSTCODE}
					</div>
				</div>
				<div class="row">
					<div class="col-md-12">
						{COUNTRY}
					</div>
				</div>
				<div class="row">
					<div class="col-md-12">
						{HTEL}: {LANDLINE}
					</div>
				</div>
				<div class="row">
					<div class="col-md-12">
						{HMOBILE}: {MOBILE}
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<!--{ALLOCATION}-->
<div class="row">
	<div class="col-md-12" align="center">
		<p>{AMENDTEXT}</p>
		<a href="{BOOKINGFORMURL}"  class="btn btn-default">{AMEND}</a>
		<p>&nbsp;</p>
	</div>
</div>

<div class="panel panel-default">
	<div class="panel-heading">
		<h2 class="panel-title">{PRICE_SUMMARY}</h2>
	</div>
	<div class="panel-body">
		<div class="row">
			<div class="col-md-12">
				{DISCOUNT}
			</div>
		</div>
		<div class="row">
			<div class="col-md-6">
				{HSINGLEPERSON_COST}
			</div>
			<div class="col-md-6 align-right">
				{SINGLEPERSON_COST}
			</div>
		</div>
		<div class="row">
			<div class="col-md-6">
				{ACCOMMODATION_TOTAL}
			</div>
			<div class="col-md-6 align-right">
				{ROOMTOTAL}
			</div>
		</div>
		<patTemplate:tmpl name="booking_extratext" type="simpleCondition" requiredVars="ajaxform_extras">
			<patTemplate:tmpl name="booking_extras" type="simpleCondition" requiredVars="name">
				<div class="row">
					<div class="col-md-6">
						{NAME}
					</div>
					<div class="col-md-6 align-right">
						{PRICE}
					</div>
				</div>
			</patTemplate:tmpl>
			<div class="row">
				<div class="col-md-6">
					{HEXTRASTOTAL}
				</div>
				<div class="col-md-6 align-right">
					{EXTRASTOTAL}
				</div>
			</div>
		</patTemplate:tmpl>
		<div class="row">
			<div class="col-md-6">
				{HCOUPON_DISCOUNTVALUE}
			</div>
			<div class="col-md-6 align-right">
				{COUPON_DISCOUNT_VALUE}
			</div>
		</div>
		<div class="row">
			<div class="col-md-6">
				{HTAX}
			</div>
			<div class="col-md-6 align-right">
				{TAX}
			</div>
		</div>
		<div class="row">
			<div class="col-md-6">
				<strong>{HGRANDTOTAL}</strong>
			</div>
			<div class="col-md-6 align-right">
				<strong>{TOTAL}</strong>
			</div>
		</div>
		<div class="row">
			<div class="col-md-6">
				{HDEPOSIT}
			</div>
			<div class="col-md-6 align-right">
				{DEPOSIT}
			</div>
		</div>
	</div>
</div>

<div class="panel panel-default">
	<div class="panel-heading">
		<h2 class="panel-title">{BOOKINGSPECIALREQ}</h2>
	</div>
	<div class="panel-body">
		<p>{SPECIALS} {DISCLAIMER}</p>
		<textarea class="col-md-12" name="specialReqs" rows="2">{SPECIALREQS}</textarea>
	</div>
</div>

<patTemplate:tmpl name="gateway_output" type="simpleCondition" requiredVars="gatewaychoiceintro">
<div class="panel panel-default">
	<div class="panel-heading">
		<h2 class="panel-title">{GATEWAYCHOICEINTRO}</h2>
	</div>
	<div class="panel-body">
		<div class="row">
			<patTemplate:tmpl name="gateways">
			<div class="col-xs-6 col-sm-4 col-md-3 col-lg-3" align="center">
				<label>{GWINPUT}</label>
				<div>{GWIMAGE}</div>
			</div>
			</patTemplate:tmpl>
		</div>
	</div>
</div>
</patTemplate:tmpl>


<div id="agreealert" class="alert alert-warning">
	<input name="agreecheck" type="checkbox" onchange="agreeAlert();"/>
	<span> {TERMSPRETEXT}&nbsp;
		<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#terms_modal">
			{TERMS_NO_POPUP}
		</button>

	</span>
</div>
<div class="form-actions">
	<div class="col-md-4 col-md-push-4" align="center">
		<input type="submit" id="send" name="send" value="{THEBUTTON}" class="btn btn-success btn-lg btn-block" onclick="return confirmation_validate(false);" disabled="disabled"/>
		<patTemplate:tmpl name="cartoutput" type="simpleCondition" requiredVars="_jomres_saveforlater"> {_JOMRES_CART_OR}
			<input class="btn btn-default btn-lg btn-block" type="submit" id="cart" name="cart" value="{_JOMRES_SAVEFORLATER}" onclick="return confirmation_validate(true);" disabled="disabled"/>
		</patTemplate:tmpl>
	</div>
</div>

<input type="hidden" name="task" id="jomres_task" value="" />
{CSRF_TOKEN}
</form>


<div class="modal fade" id="terms_modal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">{TERMS}</h4>
      </div>
      <div class="modal-body">
        {TERMS_MODAL_CONTENTS}
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">{COMMON_CLOSE}</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

</patTemplate:tmpl>