<form method="post">
	<p>Arriving: <input type="text" size="10" value="April 22, 2026"  class="wphostelDatePicker" id="wphostelFromDate1"> </p>
	<p>Leaving: <input type="text" size="10" value="April 23, 2026" class="wphostelDatePicker" id="wphostelToDate1"> </p>
	<p><input type="button" value="Show availability" onclick="validateHostelForm(this.form);" ></p>
	<input type="hidden" name="wphostel_from" value="2026-04-22" id="alt_wphostelFromDate1">
	<input type="hidden" name="wphostel_to" value="2026-04-23" id="alt_wphostelToDate1">
</form>

<div id="wphostelRoomsTable1" >
	<table>
		<tr>		<th>Room type</th><th>Bathroom</th>
					<th>April 22, 2026</th>
			
		<th>Price per person</th><th>Book</th></tr>
		
					<tr>
				
			<td>Dorm</td><td>Shared</td>
							<td>16 beds</td>
				
			<td>RON 100.00 <br>(Per person per night)</td>
			<td align="center">				<form method="post">
				<input type="hidden" name="from_date" value="2026-04-22">
				<input type="hidden" name="to_date" value="2026-04-23">
				<input type="hidden" name="room_id" value="1">
				<input type="hidden" name="currently_setting" value="from">		
				<input type="hidden" name="action" value="wphostel_ajax">
				<input type="hidden" name="type" value="load_booking_form">
				<input type="hidden" name="in_booking_mode" value="1">
				<input type="button" value="Book" onclick="WPHostelLoadBooking(this.form, 'wphostelRoomsTable1');">
				</form>
			</td></tr>
		</table></div>

<script type="text/javascript">
function validateHostelForm(frm) {
	startParts = frm.wphostel_from.value.split('-');
	var startDate = new Date(startParts[0], startParts[1], startParts[2]);
	endParts = frm.wphostel_to.value.split('-');
	var endDate = new Date(endParts[0], endParts[1], endParts[2]);
	
	daydiff = (endDate - startDate) / (1000*60*60*24);
	
	if(daydiff > 14) {
		 alert("Please select up to 14 days interval.");
		 return false;
	}
	
	   jQuery('#wphostelRoomsTable1').html("Please wait...");
	jQuery('#wphostelRoomsTable1').show();
	data = {'action': 'wphostel_ajax', 'type': 'list_rooms', 'wphostel_from' : frm.wphostel_from.value, 
		'wphostel_to' : frm.wphostel_to.value, 'show_titles': '0', 'shortcode_id' : '1'};
	jQuery.post(wphostel_i18n.ajax_url, data, function(msg){
			jQuery('#wphostelRoomsTable1').html(msg);
		});	
}

jQuery(document).ready(function() {    
    jQuery('.wphostelDatePicker').datepicker({
        dateFormat : 'MM d, yy',        
        altFormat : "yy-mm-dd",        
        minDate: '1',  
        maxDate: '+3m',
    });
    
    jQuery(".wphostelDatePicker").each(function (idx, el) { 
	    jQuery(this).datepicker("option", "altField", "#alt_" + jQuery(this).attr("id"));
	});
});
</script><form method="post">
	<p>Arriving: <input type="text" size="10" value="April 22, 2026"  class="wphostelDatePicker" id="wphostelFromDate2"> </p>
	<p>Leaving: <input type="text" size="10" value="April 23, 2026" class="wphostelDatePicker" id="wphostelToDate2"> </p>
	<p><input type="button" value="Show availability" onclick="validateHostelForm(this.form);" ></p>
	<input type="hidden" name="wphostel_from" value="2026-04-22" id="alt_wphostelFromDate2">
	<input type="hidden" name="wphostel_to" value="2026-04-23" id="alt_wphostelToDate2">
</form>

<div id="wphostelRoomsTable2" >
	<table>
		<tr>		<th>Room type</th><th>Bathroom</th>
					<th>April 22, 2026</th>
			
		<th>Price per person</th><th>Book</th></tr>
		
					<tr>
				
			<td>Dorm</td><td>Shared</td>
							<td>16 beds</td>
				
			<td>RON 100.00 <br>(Per person per night)</td>
			<td align="center">				<form method="post">
				<input type="hidden" name="from_date" value="2026-04-22">
				<input type="hidden" name="to_date" value="2026-04-23">
				<input type="hidden" name="room_id" value="1">
				<input type="hidden" name="currently_setting" value="from">		
				<input type="hidden" name="action" value="wphostel_ajax">
				<input type="hidden" name="type" value="load_booking_form">
				<input type="hidden" name="in_booking_mode" value="1">
				<input type="button" value="Book" onclick="WPHostelLoadBooking(this.form, 'wphostelRoomsTable2');">
				</form>
			</td></tr>
		</table></div>

<script type="text/javascript">
function validateHostelForm(frm) {
	startParts = frm.wphostel_from.value.split('-');
	var startDate = new Date(startParts[0], startParts[1], startParts[2]);
	endParts = frm.wphostel_to.value.split('-');
	var endDate = new Date(endParts[0], endParts[1], endParts[2]);
	
	daydiff = (endDate - startDate) / (1000*60*60*24);
	
	if(daydiff > 14) {
		 alert("Please select up to 14 days interval.");
		 return false;
	}
	
	   jQuery('#wphostelRoomsTable2').html("Please wait...");
	jQuery('#wphostelRoomsTable2').show();
	data = {'action': 'wphostel_ajax', 'type': 'list_rooms', 'wphostel_from' : frm.wphostel_from.value, 
		'wphostel_to' : frm.wphostel_to.value, 'show_titles': '0', 'shortcode_id' : '2'};
	jQuery.post(wphostel_i18n.ajax_url, data, function(msg){
			jQuery('#wphostelRoomsTable2').html(msg);
		});	
}

jQuery(document).ready(function() {    
    jQuery('.wphostelDatePicker').datepicker({
        dateFormat : 'MM d, yy',        
        altFormat : "yy-mm-dd",        
        minDate: '1',  
        maxDate: '+3m',
    });
    
    jQuery(".wphostelDatePicker").each(function (idx, el) { 
	    jQuery(this).datepicker("option", "altField", "#alt_" + jQuery(this).attr("id"));
	});
});
</script>{"id":33,"date":"2024-05-01T12:25:53","date_gmt":"2024-05-01T12:25:53","guid":{"rendered":"https:\/\/hostelsibiu.com\/?page_id=33"},"modified":"2026-04-01T15:17:46","modified_gmt":"2026-04-01T15:17:46","slug":"booking","status":"publish","type":"page","link":"https:\/\/hostelsibiu.com\/ro\/booking\/","title":{"rendered":"Rezervari"},"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-33","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hostelsibiu.com\/ro\/wp-json\/wp\/v2\/pages\/33","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hostelsibiu.com\/ro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hostelsibiu.com\/ro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hostelsibiu.com\/ro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hostelsibiu.com\/ro\/wp-json\/wp\/v2\/comments?post=33"}],"version-history":[{"count":51,"href":"https:\/\/hostelsibiu.com\/ro\/wp-json\/wp\/v2\/pages\/33\/revisions"}],"predecessor-version":[{"id":294,"href":"https:\/\/hostelsibiu.com\/ro\/wp-json\/wp\/v2\/pages\/33\/revisions\/294"}],"wp:attachment":[{"href":"https:\/\/hostelsibiu.com\/ro\/wp-json\/wp\/v2\/media?parent=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}