
<div class="opalhotel-reservation-container">
	<header class="opalhotel-reservation-process-steps">

		
		<ul>
			
				<li class="opalhotel-step active">
					<span>1</span>
					<h4>Check Availability</h4>
				</li>

			
				<li class="opalhotel-step">
					<span>2</span>
					<h4>Choose Room</h4>
				</li>

			
				<li class="opalhotel-step">
					<span>3</span>
					<h4>Make A Reservation</h4>
				</li>

			
				<li class="opalhotel-step">
					<span>4</span>
					<h4>Confirmation</h4>
				</li>

					</ul>

	</header>

		<div class="opalhotel-reservation-step-content">

					
<div class="opalhotel_form_section">

	<form action="https://santamariadelasierra.com/web/opal-hotel-reservation/" method="GET" name="opalhotel_check_availability" class="opalhotel_check_availability opalhotel_datepick_wrap">
		<div class="horizontal-form clearfix">
			<header class="heading-form">
				<h3>Book <span>A Room</span></h3>
			</header>
			<div class="form-content">
				<!-- before hook -->
								<!-- arrival date -->
				<div class="opalhotel-form-field checkin-input">
					<label class="opalhotel-form-lable">Check In</label>
					<div class="opalhotel-form-field-group">
						<i class="fa fa-calendar-o" aria-hidden="true"></i>
						<input class="opalhotel_arrival_date opalhotel-has-datepicker" name="arrival" placeholder="Arrival Date" data-end="opalhotel-departure-date" value="6 de mayo de 2026"/>
													<input type="hidden" name="arrival_datetime" value="2026-05-06" />
											</div>
				</div>
				<!-- end arrival date -->

				<!-- departure date -->
				<div class="opalhotel-form-field checkout-input">
					<label class="opalhotel-form-lable">Check Out</label>
					<div class="opalhotel-form-field-group">
						<i class="fa fa-calendar-o" aria-hidden="true"></i>
						<input class="opalhotel-departure-date opalhotel-has-datepicker" name="departure" placeholder="Departure Date" data-start="opalhotel_arrival_date" value="7 de mayo de 2026"/>
													<input type="hidden" name="departure_datetime" value="2026-05-07" />
											</div>
				</div>
				<!-- end departure date -->

				<!-- max adult -->
				<div class="opalhotel-form-field adults-input">
					<label class="opalhotel-form-lable">Adults</label>
										<div class="opalhotel-form-field-group">
									<div class="opalhotel-select-wrapper">
				<!-- <span class="value"></span>
				<div class="list-options" tabindex="-1">
					<div class="filter"><input type="text" placeholder="" /></div>
					<ul>
													<li data-value=""></li>
											</ul>
				</div> -->
				<select class="opalhotel_adult opalhotel-select opalhotel-select" name="adult" id="69fb1623666ff">
																<option value="1"  data-value="">1</option>
											<option value="2"  data-value="">2</option>
											<option value="3"  data-value="">3</option>
											<option value="4"  data-value="">4</option>
											<option value="5"  data-value="">5</option>
											<option value="6"  data-value="">6</option>
											<option value="7"  data-value="">7</option>
									</select>
			</div>
							</div>
				</div>
				<!-- end max adult -->

				
					<!-- max child -->
					<div class="opalhotel-form-field children-input">
						<label class="opalhotel-form-lable">Children</label>
												<div class="opalhotel-form-field-group">
										<div class="opalhotel-select-wrapper">
				<!-- <span class="value"></span>
				<div class="list-options" tabindex="-1">
					<div class="filter"><input type="text" placeholder="" /></div>
					<ul>
													<li data-value=""></li>
											</ul>
				</div> -->
				<select class="opalhotel_children opalhotel-select opalhotel-select" name="child" id="69fb1623668d8">
																<option value="0"  selected='selected' data-value="">0</option>
											<option value="1"  data-value="">1</option>
											<option value="2"  data-value="">2</option>
											<option value="3"  data-value="">3</option>
									</select>
			</div>
								</div>
					</div>
					<!-- end max child -->

				
				
					<div class="opalhotel-form-field room-type-input">
						<label class="opalhotel-form-lable">Room Type</label>
						<div class="opalhotel-form-field-group">
										<div class="opalhotel-select-wrapper">
				<!-- <span class="value"></span>
				<div class="list-options" tabindex="-1">
					<div class="filter"><input type="text" placeholder="" /></div>
					<ul>
													<li data-value=""></li>
											</ul>
				</div> -->
				<select class="opalhotel-select opalhotel-select" name="room_type" id="">
											<option value="">Select Room Type</option>
																<option value="144"  data-value="">Adapted</option>
											<option value="145"  data-value="">Apartment</option>
											<option value="150"  data-value="">Comfort</option>
											<option value="153"  data-value="">Exclusive</option>
											<option value="154"  data-value="">Excutived logde</option>
											<option value="168"  data-value="">Spa suite</option>
											<option value="174"  data-value="">Treehouse</option>
											<option value="176"  data-value="">Woodland</option>
									</select>
			</div>
								</div>
					</div>

				
				<!-- before hook -->
								<footer class="opalhotel-form-field button-wrap">
					<input type="hidden" name="step" value="2" />
					<input type="hidden" name="current_page_id" value="113" />
					<button type="submit" class="opalhotel-button-submit button button-theme button-block">Check Availability</button>
				</footer>
			</div>
		</div>
	</form>

</div>		
	</div>

	
	
</div>{"id":113,"date":"2020-03-13T14:49:06","date_gmt":"2020-03-13T14:49:06","guid":{"rendered":"https:\/\/santamariadelasierra.com\/web\/opal-hotel-reservation\/"},"modified":"2020-03-13T14:49:06","modified_gmt":"2020-03-13T14:49:06","slug":"opal-hotel-reservation","status":"publish","type":"page","link":"https:\/\/santamariadelasierra.com\/web\/opal-hotel-reservation\/","title":{"rendered":"Opal Hotel Reservation"},"content":{"rendered":"\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/santamariadelasierra.com\/web\/wp-json\/wp\/v2\/pages\/113"}],"collection":[{"href":"https:\/\/santamariadelasierra.com\/web\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/santamariadelasierra.com\/web\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/santamariadelasierra.com\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/santamariadelasierra.com\/web\/wp-json\/wp\/v2\/comments?post=113"}],"version-history":[{"count":0,"href":"https:\/\/santamariadelasierra.com\/web\/wp-json\/wp\/v2\/pages\/113\/revisions"}],"wp:attachment":[{"href":"https:\/\/santamariadelasierra.com\/web\/wp-json\/wp\/v2\/media?parent=113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}