
<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://castlegarden.co.ke/index.php/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="May 15, 2026"/>
													<input type="hidden" name="arrival_datetime" value="2026-05-15" />
											</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="May 16, 2026"/>
													<input type="hidden" name="departure_datetime" value="2026-05-16" />
											</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="6a078981ed0ca">
																<option value="1"  data-value="">1</option>
											<option value="2"  data-value="">2</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="6a078981ed301">
																<option value="0"  selected='selected' data-value="">0</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="147"  data-value="">Standard</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="8" />
					<button type="submit" class="opalhotel-button-submit button button-theme button-block">Check Availability</button>
				</footer>
			</div>
		</div>
	</form>

</div>		
	</div>

	
	
</div>
<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://castlegarden.co.ke/index.php/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="May 15, 2026"/>
													<input type="hidden" name="arrival_datetime" value="2026-05-15" />
											</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="May 16, 2026"/>
													<input type="hidden" name="departure_datetime" value="2026-05-16" />
											</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="6a078981eee7b">
																<option value="1"  data-value="">1</option>
											<option value="2"  data-value="">2</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="6a078981ef096">
																<option value="0"  selected='selected' data-value="">0</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="147"  data-value="">Standard</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="8" />
					<button type="submit" class="opalhotel-button-submit button button-theme button-block">Check Availability</button>
				</footer>
			</div>
		</div>
	</form>

</div>		
	</div>

	
	
</div>{"id":8,"date":"2019-01-23T05:53:52","date_gmt":"2019-01-23T05:53:52","guid":{"rendered":"http:\/\/castlegarden.co.ke\/index.php\/opal-hotel-reservation\/"},"modified":"2019-02-24T10:43:26","modified_gmt":"2019-02-24T10:43:26","slug":"opal-hotel-reservation","status":"publish","type":"page","link":"https:\/\/castlegarden.co.ke\/index.php\/opal-hotel-reservation\/","title":{"rendered":"Castle Garden 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":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/castlegarden.co.ke\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/castlegarden.co.ke\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/castlegarden.co.ke\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/castlegarden.co.ke\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/castlegarden.co.ke\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":2,"href":"https:\/\/castlegarden.co.ke\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":10652,"href":"https:\/\/castlegarden.co.ke\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/10652"}],"wp:attachment":[{"href":"https:\/\/castlegarden.co.ke\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}