
<div class="opalhotel-main-map" data-nonce="dfb2a22a10">

						<div class="opalhotel-map-wrapper">
				<div id="6ae8c0c8b8492" class="opalhotel-map-master" style="width: 100%; height:500px" data-places="[]" data-zoom="12">
					<div class="opalhotel-loading-container">
						<div class="loading-content"><span class="fa fa-spin fa-spinner"></span> Ładowanie mapy...</div>
					</div>
				</div>
			</div>
			
	<div class="grid-row">

		<div class="grid-column-3">
			
<div class="opalhotel_form_section form-hotel-availabel vertical">

	<form action="https://apartamentuniejow.pl/index.php/opal-hotels-available/" method="GET" name="opalhotel_check_hotel_available" class="opalhotel_check_hotel_available opalhotel_datepick_wrap">

		<!-- Search Text Field -->
		<div class="opalhotel-form-field">
			<label class="opalhotel-form-lable">Lokalizacja</label>
			<div class="opalhotel-form-field-group">
				<input name="location" placeholder="Wpisz swoje słowo kluczowe" value=""/>
							</div>
		</div>
		<!-- end Search Text Field -->

		<!-- arrival date -->
		<div class="opalhotel-form-field">
			<label class="opalhotel-form-lable">Zarejestruj się</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="Data Przyjazdu" data-end="opalhotel-departure-date" value="2 listopada 2026"/>
									<input type="hidden" name="arrival_datetime" value="2026-11-02" />
							</div>
		</div>
		<!-- end arrival date -->

		<!-- departure date -->
		<div class="opalhotel-form-field">
			<label class="opalhotel-form-lable">Sprawdzać</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="Data Wyjazdu" data-start="opalhotel_arrival_date" value="3 listopada 2026"/>
									<input type="hidden" name="departure_datetime" value="2026-11-03" />
							</div>
		</div>
		<!-- end departure date -->

		<!-- max adult -->
		<div class="opalhotel-form-field half">
			<label class="opalhotel-form-lable">Dorośli</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="6ae8c0c8b8fba">
																<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>
									</select>
			</div>
					</div>
		</div>
		<!-- end max adult -->

		<!-- rooms number -->
		<div class="opalhotel-form-field half">
			<label class="opalhotel-form-lable">Wyposażenie pokoju</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_rooms opalhotel-select opalhotel-select" name="number_of_rooms" id="6ae8c0c8b8fdb">
																<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>
		<!-- rooms number -->

		<footer>
			<input type="hidden" id="nonce" name="nonce" value="3b88a67e5a" /><input type="hidden" name="_wp_http_referer" value="/index.php/wp-json/wp/v2/pages/8" />			<input type="hidden" name="action" value="opalhotel_search_hotel" />
			<input type="hidden" name="current_page_id" value="8" />
			<button type="submit" class="opalhotel-button-submit button button-theme">
				<i class="fa fa-search" aria-hidden="true"></i>
				Sprawdź Dostępność Wolnych Pokoi			</button>
		</footer>

	</form>

</div>
<div class="opalhotel-ajax-filter-hotel">

    <div class="filter-section filter-section-price">
        <h4 class="section-title">
			Cena            <a class="toggle"></a>
        </h4>
        <div class="price">
					<div class="opalhotel-slide-ranger" data-unit="&#122;&#322;" data-decimals="2" >
			<div class="slide-ranger-bar" data-min="0" data-max="2500"></div>
		 	<label class="title">
				<span class="slide-ranger-min-label"></span>
				<i>-</i>
				<span class="slide-ranger-max-label"></span>
			</label>

		  	<input type="hidden" class="slide-ranger-min-input" autocomplete="off" name="min-price" value="0" />
		  	<input type="hidden" name="max-price" autocomplete="off" class="slide-ranger-max-input" value="10000" />
	  	</div>
		        </div>
    </div>
    <div class="filter-section filter-section-stars">
        <h4 class="section-title">
			Gwiazdy Hotelu            <a class="toggle"></a>
        </h4>
        <ul>
            <li>
                <input type="checkbox" name="hotel-stars[]" value="5" id="hotel-stars-5" />
                <label for="hotel-stars-5"><ul class="opalhotel-hotel-stars"><li><i class="fa fa-star"></i></li><li><i class="fa fa-star"></i></li><li><i class="fa fa-star"></i></li><li><i class="fa fa-star"></i></li><li><i class="fa fa-star"></i></li></ul></label>
                <span class="count">0</span>
            </li>
            <li>
                <input type="checkbox" name="hotel-stars[]" value="4" id="hotel-stars-4" />
                <label for="hotel-stars-4"><ul class="opalhotel-hotel-stars"><li><i class="fa fa-star"></i></li><li><i class="fa fa-star"></i></li><li><i class="fa fa-star"></i></li><li><i class="fa fa-star"></i></li></ul></label>
                <span class="count">0</span>
            </li>
            <li>
                <input type="checkbox" name="hotel-stars[]" value="3" id="hotel-stars-3" />
                <label for="hotel-stars-3"><ul class="opalhotel-hotel-stars"><li><i class="fa fa-star"></i></li><li><i class="fa fa-star"></i></li><li><i class="fa fa-star"></i></li></ul></label>
                <span class="count">0</span>
            </li>
            <li>
                <input type="checkbox" name="hotel-stars[]" value="2" id="hotel-stars-2" />
                <label for="hotel-stars-2"><ul class="opalhotel-hotel-stars"><li><i class="fa fa-star"></i></li><li><i class="fa fa-star"></i></li></ul></label>
                <span class="count">0</span>
            </li>
            <li>
                <input type="checkbox" name="hotel-stars[]" value="1" id="hotel-stars-1" />
                <label for="hotel-stars-1"><ul class="opalhotel-hotel-stars"><li><i class="fa fa-star"></i></li></ul></label>
                <span class="count">0</span>
            </li>
        </ul>
    </div>
    <div class="filter-section filter-section-amenities">
        <h4 class="section-title">
			Usługi            <a class="toggle"></a>
        </h4>
				
            <ul>
				                    <li>
                        <input type="checkbox" name="amenities[]" value="11625"
                               id="amenities-11625" />
                        <label for="amenities-11625">Bathroom</label>
                        <span class="count"></span>
                    </li>
				                    <li>
                        <input type="checkbox" name="amenities[]" value="11624"
                               id="amenities-11624" />
                        <label for="amenities-11624">Food &amp; Drink</label>
                        <span class="count"></span>
                    </li>
				                    <li>
                        <input type="checkbox" name="amenities[]" value="11623"
                               id="amenities-11623" />
                        <label for="amenities-11623">Reception services</label>
                        <span class="count"></span>
                    </li>
				                    <li>
                        <input type="checkbox" name="amenities[]" value="11622"
                               id="amenities-11622" />
                        <label for="amenities-11622">Media &amp; Technology</label>
                        <span class="count"></span>
                    </li>
				                    <li>
                        <input type="checkbox" name="amenities[]" value="11621"
                               id="amenities-11621" />
                        <label for="amenities-11621">Cleaning services</label>
                        <span class="count"></span>
                    </li>
				                    <li>
                        <input type="checkbox" name="amenities[]" value="11620"
                               id="amenities-11620" />
                        <label for="amenities-11620">Business facilities</label>
                        <span class="count"></span>
                    </li>
				            </ul>

		    </div>
    <div class="filter-section filter-section-rating">
        <h4 class="section-title">
			Ocena            <a class="toggle"></a>
        </h4>
        <ul>
            <li>
                <input type="checkbox" name="rating[]" value="5" id="hotel-rating-5" />
                <label for="hotel-rating-5"><ul class="opalhotel-review-stars"><li><i class="fa fa-star"></i></li><li><i class="fa fa-star"></i></li><li><i class="fa fa-star"></i></li><li><i class="fa fa-star"></i></li><li><i class="fa fa-star"></i></li></ul></label>
                <span class="count"></span>
            </li>
            <li>
                <input type="checkbox" name="rating[]" value="4" id="hotel-rating-4" />
                <label for="hotel-rating-4"><ul class="opalhotel-review-stars"><li><i class="fa fa-star"></i></li><li><i class="fa fa-star"></i></li><li><i class="fa fa-star"></i></li><li><i class="fa fa-star"></i></li><li><i class="fa fa-star-o"></i></li></ul></label>
                <span class="count"></span>
            </li>
            <li>
                <input type="checkbox" name="rating[]" value="3" id="hotel-rating-3" />
                <label for="hotel-rating-3"><ul class="opalhotel-review-stars"><li><i class="fa fa-star"></i></li><li><i class="fa fa-star"></i></li><li><i class="fa fa-star"></i></li><li><i class="fa fa-star-o"></i></li><li><i class="fa fa-star-o"></i></li></ul></label>
                <span class="count"></span>
            </li>
            <li>
                <input type="checkbox" name="rating[]" value="2" id="hotel-rating-2" />
                <label for="hotel-rating-2"><ul class="opalhotel-review-stars"><li><i class="fa fa-star"></i></li><li><i class="fa fa-star"></i></li><li><i class="fa fa-star-o"></i></li><li><i class="fa fa-star-o"></i></li><li><i class="fa fa-star-o"></i></li></ul></label>
                <span class="count"></span>
            </li>
            <li>
                <input type="checkbox" name="rating[]" value="1" id="hotel-rating-1" />
                <label for="hotel-rating-1"><ul class="opalhotel-review-stars"><li><i class="fa fa-star"></i></li><li><i class="fa fa-star-o"></i></li><li><i class="fa fa-star-o"></i></li><li><i class="fa fa-star-o"></i></li><li><i class="fa fa-star-o"></i></li></ul></label>
                <span class="count"></span>
            </li>
        </ul>
    </div>

</div>
		</div>

		<div class="grid-column-9">
			
<div class="opalhotel-main hotels opalhotel-hotel-available" data-atts="a:2:{s:7:&quot;columns&quot;;i:3;s:6:&quot;height&quot;;s:5:&quot;500px&quot;;}">
	
		

<div class="opalhotel-error-messages">

	
		<div class="opalhotel-notice-error">No hotels found in our system.</div>

	
</div>

	</div>		</div>

	</div>

</div>{"id":8,"date":"2021-02-21T09:36:34","date_gmt":"2021-02-21T08:36:34","guid":{"rendered":"http:\/\/apartamentuniejow.pl\/index.php\/opal-hotels-available\/"},"modified":"2021-02-21T09:36:34","modified_gmt":"2021-02-21T08:36:34","slug":"opal-hotels-available","status":"publish","type":"page","link":"https:\/\/apartamentuniejow.pl\/index.php\/opal-hotels-available\/","title":{"rendered":"Opal Hotel 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":"page-templates\/hotels-map-sidebar-left.php","meta":[],"_links":{"self":[{"href":"https:\/\/apartamentuniejow.pl\/index.php\/wp-json\/wp\/v2\/pages\/8"}],"collection":[{"href":"https:\/\/apartamentuniejow.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/apartamentuniejow.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/apartamentuniejow.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/apartamentuniejow.pl\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":0,"href":"https:\/\/apartamentuniejow.pl\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"wp:attachment":[{"href":"https:\/\/apartamentuniejow.pl\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}