{"id":14,"date":"2023-02-21T12:56:49","date_gmt":"2023-02-21T12:56:49","guid":{"rendered":"https:\/\/wp-hostel.com\/demo\/?page_id=14"},"modified":"2023-02-21T12:56:49","modified_gmt":"2023-02-21T12:56:49","slug":"list-rooms","status":"publish","type":"page","link":"https:\/\/wp-hostel.com\/demo\/","title":{"rendered":"List Rooms"},"content":{"rendered":"\n<p>Here is a table showing all available rooms<br><br><form method=\"post\" id=\"form-hostelPRORoomsTable1\">\n\n\t<p>Arriving: <input type=\"text\" value=\"April 9, 2026\" class=\"hostelproDatePicker\" id=\"hostelproDatePickerFrom1\"> <\/p>\t\n\t<p>Leaving: <input type=\"text\" value=\"April 10, 2026\" class=\"hostelproDatePicker\" id=\"hostelproDatePickerTo1\"> <\/p>\t\t\n\t<p><input type=\"button\" value=\"Show availability\" onclick=\"validateHostelPROForm(this.form);\"><\/p>\n\t<input type=\"hidden\" name=\"hostelpro_to\" value=\"2026-04-10\" id=\"alt_hostelproDatePickerTo1\">\n\t<input type=\"hidden\" name=\"hostelpro_from\" value=\"2026-04-09\" id=\"alt_hostelproDatePickerFrom1\">\n<\/form>\n\n<div id=\"hostelPRORoomsTable1\" >\n\t<table>\n\t\t<tr>\t\t<th>Room type<\/th>\t\t<th>Bathroom<\/th>\t\t\t\t\t<th>April 9, 2026<\/th>\n\t\t\t\t<th>Price<\/th><th>Book<\/th><\/tr>\n\t\t\n\t\t\t\t\t<tr>\n\t\t\t\t\t\n\t\t\t<td>Mixed Dorm<\/td>\t\t\t<td>Shared<\/td>\t\t\t<td>6 beds<\/td>\t\n\t\t\t<td>USD 15 <br>(Per person per night)<\/td>\n\t\t\t<td align=\"center\">\t\t\t\t<form method=\"post\">\n\t\t\t\t<input type=\"hidden\" name=\"from_date\" value=\"2026-04-09\">\n\t\t\t\t<input type=\"hidden\" name=\"to_date\" value=\"2026-04-10\">\n\t\t\t\t<input type=\"hidden\" name=\"room_id\" value=\"1\">\n\t\t\t\t<input type=\"hidden\" name=\"currently_setting\" value=\"from\">\t\t\n\t\t\t\t<input type=\"hidden\" name=\"action\" value=\"hostelpro_ajax\">\n\t\t\t\t<input type=\"hidden\" name=\"type\" value=\"load_booking_form\">\n\t\t\t\t<input type=\"hidden\" name=\"in_booking_mode\" value=\"1\">\n\t\t\t\t<input type=\"button\" value=\"Book\" onclick=\"hostelPROLoadBooking(this.form, 'hostelPRORoomsTable1');\">\n\t\t\t\t<\/form>\n\t\t\t<\/td><\/tr>\n\t\t\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\n\t\t\t<td>Private<\/td>\t\t\t<td>Ensuite<\/td>\t\t\t<td>2 beds<\/td>\t\n\t\t\t<td>USD 50 <br>(Per night for the whole room)<\/td>\n\t\t\t<td align=\"center\">\t\t\t\t<form method=\"post\">\n\t\t\t\t<input type=\"hidden\" name=\"from_date\" value=\"2026-04-09\">\n\t\t\t\t<input type=\"hidden\" name=\"to_date\" value=\"2026-04-10\">\n\t\t\t\t<input type=\"hidden\" name=\"room_id\" value=\"2\">\n\t\t\t\t<input type=\"hidden\" name=\"currently_setting\" value=\"from\">\t\t\n\t\t\t\t<input type=\"hidden\" name=\"action\" value=\"hostelpro_ajax\">\n\t\t\t\t<input type=\"hidden\" name=\"type\" value=\"load_booking_form\">\n\t\t\t\t<input type=\"hidden\" name=\"in_booking_mode\" value=\"1\">\n\t\t\t\t<input type=\"button\" value=\"Book\" onclick=\"hostelPROLoadBooking(this.form, 'hostelPRORoomsTable1');\">\n\t\t\t\t<\/form>\n\t\t\t<\/td><\/tr>\n\t\t\t\t\t\t\t\t\t<\/table><\/div>\t\n\n<script type=\"text\/javascript\">\nfunction validateHostelPROForm(frm) {\n\tstartParts = frm.hostelpro_from.value.split('-');\n\tvar startDate = new Date(startParts[0], (startParts[1]-1), startParts[2]);\n\tendParts = frm.hostelpro_to.value.split('-');\n\tvar endDate = new Date(endParts[0], (endParts[1]-1), endParts[2]);\n\tdaydiff = (endDate - startDate) \/ (1000*60*60*24);\t\n\tif(daydiff > 5) {\n\t\t alert(\"Please select up to 5 days interval.\");\n\t\t return false;\n\t}\t\n\tif(hostelPROCheckMinStay(daydiff, frm.hostelpro_from.value, frm.hostelpro_to.value)) {\n\t\tjQuery('#hostelPRORoomsTable1').html(\"Please wait...\");\n\t\tjQuery('#hostelPRORoomsTable1').show();\n\t\tdata = {'action': 'hostelpro_ajax', 'type': 'list_rooms', 'hostelpro_from' : frm.hostelpro_from.value, \n\t\t\t'hostelpro_to' : frm.hostelpro_to.value, 'show_titles': '0',\n\t\t\t'show_descriptions' : '0', 'show_types': '1',\n\t\t\t'show_bathrooms': '1', 'shortcode_id' : '1',\n\t\t\t'group_rooms': '0', 'vertical_after' : '0',  'hide_dates' : 0};\n\t\tjQuery.post(hostelpro_i18n.ajax_url, data, function(msg){\n\t\t\t\tjQuery('#hostelPRORoomsTable1').html(msg);\n\t\t\t});\n\t} \/\/ end if\n}\njQuery(document).ready(function() {\n    jQuery('.hostelproDatePicker').datepicker({\n        dateFormat : \"MM d, yy\",\n        altFormat: 'yy-mm-dd',\n        minDate: '1',\n        maxDate: '+1y',\n    });    \n    jQuery(\".hostelproDatePicker\").each(function (idx, el) { \n\t    jQuery(this).datepicker(\"option\", \"altField\", \"#alt_\" + jQuery(this).attr(\"id\"));\n\t});\t\n\tjQuery('#hostelproDatePickerFrom1').datepicker('option', 'onSelect', function(dateText, inst) {\n\t\t\tvar toDate = jQuery('#hostelproDatePickerFrom1').datepicker('getDate', '+1d');\n\t\t\ttoDate.setDate(toDate.getDate()+1); \n\t\t\tjQuery('#hostelproDatePickerTo1').datepicker(\"setDate\", toDate);\n\t\t});\n});\t\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Here is a table showing all available rooms<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/wp-hostel.com\/demo\/index.php?rest_route=\/wp\/v2\/pages\/14"}],"collection":[{"href":"https:\/\/wp-hostel.com\/demo\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wp-hostel.com\/demo\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wp-hostel.com\/demo\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wp-hostel.com\/demo\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":1,"href":"https:\/\/wp-hostel.com\/demo\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":15,"href":"https:\/\/wp-hostel.com\/demo\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/15"}],"wp:attachment":[{"href":"https:\/\/wp-hostel.com\/demo\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}