
<div class="opalhotel_form_section">

	<form action="http://demo.dithemes.com/di-multipurpose/hotel-resort/opal-hotel-reservation/" method="GET" name="opalhotel_check_availability" class="opalhotel_check_availability opalhotel_datepick_wrap">
		<!-- arrival date -->
		<div class="opalhotel-form-field">
			<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="April 15, 2026"/>
									<input type="hidden" name="arrival_datetime" value="2026-04-15" />
							</div>
		</div>
		<!-- end arrival date -->

		<!-- departure date -->
		<div class="opalhotel-form-field">
			<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="April 16, 2026"/>
									<input type="hidden" name="departure_datetime" value="2026-04-16" />
							</div>
		</div>
		<!-- end departure date -->

		<!-- max adult -->
		<div class="opalhotel-form-field">
			<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="69defd413d3b5">
																<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>
									</select>
			</div>
					</div>
		</div>
		<!-- end max adult -->

		
			<!-- max child -->
			<div class="opalhotel-form-field">
				<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="69defd413d3ea">
																<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>
											<option value="4"  data-value="">4</option>
											<option value="5"  data-value="">5</option>
									</select>
			</div>
						</div>
			</div>
			<!-- end max child -->

		
		
			<div class="opalhotel-form-field">
				<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="3"  data-value="">Double Bed</option>
											<option value="5"  data-value="">Full Facility</option>
											<option value="4"  data-value="">Single Bed</option>
											<option value="6"  data-value="">With AC</option>
									</select>
			</div>
						</div>
			</div>

		
		<footer>
			<input type="hidden" name="step" value="2" />
			<input type="hidden" name="current_page_id" value="165" />
			<button type="submit" class="opalhotel-button-submit button button-primary">Check Availability</button>
		</footer>

	</form>

</div>{"id":165,"date":"2019-11-18T05:34:45","date_gmt":"2019-11-18T05:34:45","guid":{"rendered":"http:\/\/demo.dithemes.com\/di-multipurpose\/hotel-resort\/opal-hotel-available\/"},"modified":"2019-11-18T05:34:45","modified_gmt":"2019-11-18T05:34:45","slug":"opal-hotel-available","status":"publish","type":"page","link":"http:\/\/demo.dithemes.com\/di-multipurpose\/hotel-resort\/opal-hotel-available\/","title":{"rendered":"Opal Hotel Check Available"},"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":{"footnotes":""},"_links":{"self":[{"href":"http:\/\/demo.dithemes.com\/di-multipurpose\/hotel-resort\/wp-json\/wp\/v2\/pages\/165"}],"collection":[{"href":"http:\/\/demo.dithemes.com\/di-multipurpose\/hotel-resort\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/demo.dithemes.com\/di-multipurpose\/hotel-resort\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/demo.dithemes.com\/di-multipurpose\/hotel-resort\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/demo.dithemes.com\/di-multipurpose\/hotel-resort\/wp-json\/wp\/v2\/comments?post=165"}],"version-history":[{"count":0,"href":"http:\/\/demo.dithemes.com\/di-multipurpose\/hotel-resort\/wp-json\/wp\/v2\/pages\/165\/revisions"}],"wp:attachment":[{"href":"http:\/\/demo.dithemes.com\/di-multipurpose\/hotel-resort\/wp-json\/wp\/v2\/media?parent=165"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}