{"id":6515,"date":"2025-02-26T16:43:53","date_gmt":"2025-02-26T16:43:53","guid":{"rendered":"https:\/\/hotelsch\u00e4fli.com\/?page_id=6515"},"modified":"2025-02-28T03:04:54","modified_gmt":"2025-02-28T03:04:54","slug":"mobile_placeholder_rooms","status":"publish","type":"page","link":"https:\/\/Hotelsch%C3%A4fli.com\/?page_id=6515","title":{"rendered":"Mobile_placeholder_Rooms"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6515\" class=\"elementor elementor-6515\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9054b8c e-flex e-con-boxed e-con e-parent\" data-id=\"9054b8c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c7dd4f2 e-flex e-con-boxed e-con e-parent\" data-id=\"c7dd4f2\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9665458 elementor-widget elementor-widget-wp-widget-mod_vikbooking_horizontalsearch\" data-id=\"9665458\" data-element_type=\"widget\" data-widget_type=\"wp-widget-mod_vikbooking_horizontalsearch.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"vbmodhorsearchmaindiv vbo-horizsearch-standardformat-wrap\">\n\t<form action=\"https:\/\/Hotelsch%C3%A4fli.com\/?page_id=6202&amp;task=search\" method=\"post\" id=\"vbo-mod-horsearch-form-518\">\n\t\t<input type=\"hidden\" name=\"task\" value=\"search\" \/>\n\t\t<div class=\"vbmodhorsearchcheckindiv\">\n\t\t\t<label for=\"checkindatemod518\">Check-in date<\/label>\n\t\t\t<div class=\"input-group\">\n\t\t\t\t<input type=\"text\" name=\"checkindate\" id=\"checkindatemod518\" size=\"10\" autocomplete=\"off\" onfocus=\"this.blur();\" readonly\/>\n\t\t\t\t<i class=\"far fa-calendar-alt vbo-caltrigger\"><\/i>\t\t\t\t<input type=\"hidden\" name=\"checkinh\" value=\"14\"\/>\n\t\t\t\t<input type=\"hidden\" name=\"checkinm\" value=\"0\"\/>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"vbmodhorsearchcheckoutdiv\">\n\t\t\t<label for=\"checkoutdatemod518\">Check-out date<\/label>\n\t\t\t<div class=\"input-group\">\n\t\t\t\t<input type=\"text\" name=\"checkoutdate\" id=\"checkoutdatemod518\" size=\"10\" autocomplete=\"off\" onfocus=\"this.blur();\" readonly\/>\n\t\t\t\t<i class=\"far fa-calendar-alt vbo-caltrigger\"><\/i>\t\t\t\t<input type=\"hidden\" name=\"checkouth\" value=\"11\"\/>\n\t\t\t\t<input type=\"hidden\" name=\"checkoutm\" value=\"0\"\/>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t<div class=\"vbmodhorsearchtotnights\" id=\"vbjstotnightsmod518\"><\/div>\n\t\t\t<div class=\"vbmodhorsearchrac\">\n\t\t\n\t\t\t<div class=\"vbmodhorsearchroomsel\">\n\t\t\t\t<label for=\"vbmodformroomsn518\">Rooms<\/label>\t\t\t\t<span class=\"vbhsrnselsp\"><select name=\"roomsnum\" id=\"vbmodformroomsn518\" onchange=\"vbSetRoomsAdultsMod518(this.value);\">\n<option value=\"1\">1<\/option>\n<option value=\"2\">2<\/option>\n<option value=\"3\">3<\/option>\n<option value=\"4\">4<\/option>\n<option value=\"5\">5<\/option>\n<\/select><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t<div class=\"vbmodhorsearchroomdentr\">\n\t\t\t\t\n\t\t\t\t<div class=\"vbmodhorsearchroomdentrfirst\">\n\t\t\t\t\t<span class=\"horsrnum\">Room 1<\/span>\t\t\t\t\t<div class=\"horsanumdiv\">\n\t\t\t\t\t\t<label class=\"horsanumlb\" for=\"vbo-mhs-adults-518\">Guests<\/label>\n\t\t\t\t\t\t<span class=\"horsanumsel\"><select name=\"adults[]\" id=\"vbo-mhs-adults-518\" onchange=\"vbCountTotGuests518();\"><option value=\"1\">1<\/option><option value=\"2\" selected=\"selected\">2<\/option><option value=\"3\">3<\/option><\/select><\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<div class=\"vbmoreroomscontmod\" id=\"vbmoreroomscontmod518\"><\/div>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t<input type=\"hidden\" name=\"categories\" value=\"1\" \/>\n\t\t<input type=\"hidden\" name=\"category_id\" value=\"1\" \/>\n\t\t\t\t<div class=\"vbmodhorsearchbookdiv\">\n\t\t\t<button type=\"submit\" id=\"vbo-mod-horsearch-sbt-518\" class=\"btn vbsearchinputmodhors vbo-pref-color-btn\">Book Now<\/button>\n\t\t<\/div>\n\n\t\t<script type=\"text\/javascript\">\n\t\t\tjQuery(function() {\n\t\t\t\tjQuery('button#vbo-mod-horsearch-sbt-518').on('click', function(e) {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tjQuery(this).prop('disabled', true);\n\t\t\t\t\tjQuery(this).html('<i class=\"fas fa-circle-notch fa-spin fa-fw\"><\/i> ' + jQuery(this).text());\n\t\t\t\t\tjQuery(this).closest('form').submit();\n\t\t\t\t});\n\t\t\t});\n\t\t<\/script>\n\t\t<\/form>\n<\/div>\n\n<div class=\"vbo-modhs-js-helpers\" style=\"display: none;\">\n\t<div class=\"vbo-modhs-add-element-html\">\n\t\t<div class=\"vbmodhorsearchroomdentr\">\n\t\t\t<span class=\"horsrnum\">Room %d<\/span>\n\t\t\t<div class=\"horsanumdiv\">\n\t\t\t\t<label style=\"display: none;\" for=\"vbo-mhs-adults-518-hid\">Guests<\/label>\n\t\t\t\t<span class=\"horsanumsel\"><select name=\"adults[]\" id=\"vbo-mhs-adults-518-hid\" onchange=\"vbCountTotGuests518();\"><option value=\"1\">1<\/option><option value=\"2\" selected=\"selected\">2<\/option><option value=\"3\">3<\/option><\/select><\/span>\n\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n<script type=\"text\/javascript\">\nfunction vboModHorSearchSendRequest(elem, formId) {\n\tvar form_el = document.getElementById('vbo-mod-horsearch-form-' + formId);\n\tif (!form_el) {\n\t\tconsole.error('form not found', formId);\n\t\treturn false;\n\t}\n\n\t\/\/ valid all form required fields\n\tif (typeof form_el.checkValidity === 'function' && !form_el.checkValidity()) {\n\t\t\/\/ modern browsers will support this HTML5 method to check the form required fields\n\t\talert(Joomla.JText._('VBO_PLEASE_FILL_FIELDS'));\n\t\treturn false;\n\t}\n\n\t\/\/ make sure the dates have been selected\n\tvar checkin_date_el = jQuery(form_el).find('input[name=\"checkindate\"]');\n\tvar checkout_date_el = jQuery(form_el).find('input[name=\"checkoutdate\"]');\n\tif (!checkin_date_el.length || !checkin_date_el.val().length || !checkout_date_el.length || !checkout_date_el.val().length) {\n\t\talert(Joomla.JText._('VBO_PLEASE_SEL_DATES'));\n\t\treturn false;\n\t}\n\t\/\/ make sure the dates are not identical to have a min stay of 1 night\n\t\/\/ as by default the datepicker could set equal dates to the hidden fields.\n\tif (checkin_date_el.val() == checkout_date_el.val()) {\n\t\talert(Joomla.JText._('VBO_PLEASE_SEL_DATES'));\n\t\treturn false;\n\t}\n\n\t\/\/ disable the send request button to avoid double submissions\n\telem.disabled = true;\n\t\n\t\/\/ get form values\n\tvar qstring = jQuery(form_el).serialize();\n\n\t\/\/ make sure the task is not set\n\tqstring = qstring.replace('task=search', '');\n\tqstring = qstring.replace('view=search', '');\n\n\t\/\/ make the ajax request to the controller\n\tjQuery.ajax({\n\t\ttype: \"POST\",\n\t\turl: \"https:\/\/Hotelsch%C3%A4fli.com\/wp-admin\/admin-ajax.php?task=submit_inquiry&Itemid=6202&action=vikbooking&vik_ajax_client=site\",\n\t\tdata: qstring\n\t}).done(function(res) {\n\t\tif (!res.hasOwnProperty('status')) {\n\t\t\talert('Invalid response');\n\t\t\t\/\/ re-enable the button\n\t\t\telem.disabled = false;\n\t\t\treturn false;\n\t\t}\n\t\tif (!res.status) {\n\t\t\talert(res.error);\n\t\t\t\/\/ re-enable the button\n\t\t\telem.disabled = false;\n\t\t\treturn false;\n\t\t}\n\t\t\/\/ show success message by replacing all fields\n\t\tjQuery('.vbo-mod-horsearch-inquiry-fields').html('<p class=\"vbo-mod-horsearch-inquiry-mess-success\">' + Joomla.JText._('VBO_THANKS_INQ_SUBMITTED') + '<\/p>');\n\t\t\/\/ remove submit button container\n\t\tjQuery('.vbo-mod-horsearch-inquiry-submit').remove();\n\t}).fail(function(err) {\n\t\talert(err.responseText);\n\t\t\/\/ re-enable the button\n\t\telem.disabled = false;\n\t});\n}\n\nfunction vboModHorSearchBookOnline(formId) {\n\tvar form_el = document.getElementById('vbo-mod-horsearch-form-' + formId);\n\tif (!form_el) {\n\t\tconsole.error('form not found', formId);\n\t\treturn false;\n\t}\n\n\t\/\/ we need to let a button of type button trigger the submit of the \"check availability\"\n\t\/\/ or in case of inquiry, the browser will check the validity of the required fields.\n\n\t\/\/ we only check if the dates have been selected\n\tvar checkin_date_el = jQuery(form_el).find('input[name=\"checkindate\"]');\n\tvar checkout_date_el = jQuery(form_el).find('input[name=\"checkoutdate\"]');\n\tif (!checkin_date_el.length || !checkin_date_el.val().length || !checkout_date_el.length || !checkout_date_el.val().length) {\n\t\talert(Joomla.JText._('VBO_PLEASE_SEL_DATES'));\n\t\treturn false;\n\t}\n\n\t\/\/ make sure the dates are not identical to have a min stay of 1 night\n\t\/\/ as by default the datepicker could set equal dates to the hidden fields.\n\tif (checkin_date_el.val() == checkout_date_el.val()) {\n\t\talert(Joomla.JText._('VBO_PLEASE_SEL_DATES'));\n\t\treturn false;\n\t}\n\n\t\/\/ simply submit the form to start the booking process\n\tform_el.submit();\n\n\treturn true;\n}\n\nfunction vbAddElementMod518() {\n\tvar ni = document.getElementById('vbmoreroomscontmod518');\n\tvar numi = document.getElementById('vbroomhelpermod518');\n\tvar num = (document.getElementById('vbroomhelpermod518').value -1) + 2;\n\tnumi.value = num;\n\tvar newdiv = document.createElement('div');\n\tvar divIdName = 'vb'+num+'racont';\n\tnewdiv.setAttribute('id', divIdName);\n\t\/\/ build HTML content to append to new element\n\tvar new_element_html = document.getElementsByClassName('vbo-modhs-add-element-html')[0].innerHTML;\n\t\/\/ set room number\n\tlet rp_rgx = new RegExp('%d', 'g');\n\tnew_element_html = new_element_html.replace(rp_rgx, num);\n\t\/\/ get rid of label tag (Web Accessibility)\n\tlet lbl_rgx = new RegExp(\/<label\\s.+>.+<\\\/label>\/, 'g');\n\tnew_element_html = new_element_html.replace(lbl_rgx, '');\n\t\/\/ get rid of any id attribute (Web Accessibility)\n\tlet idattr_rgx = new RegExp(\/id=\"[^\\\"]+\"\/, 'g');\n\tnew_element_html = new_element_html.replace(idattr_rgx, '');\n\t\/\/ set HTML content and append element\n\tnewdiv.innerHTML = new_element_html;\n\tni.appendChild(newdiv);\n}\n\nfunction vbSetRoomsAdultsMod518(totrooms) {\n\tvar actrooms = parseInt(document.getElementById('vbroomhelpermod518').value);\n\tvar torooms = parseInt(totrooms);\n\tvar difrooms;\n\tif (torooms > actrooms) {\n\t\tdifrooms = torooms - actrooms;\n\t\tfor (var ir = 1; ir <= difrooms; ir++) {\n\t\t\tvbAddElementMod518();\n\t\t}\n\t}\n\tif (torooms < actrooms) {\n\t\tfor (var ir = actrooms; ir > torooms; ir--) {\n\t\t\tif (ir > 1) {\n\t\t\t\tvar rmra = document.getElementById('vb' + ir + 'racont');\n\t\t\t\trmra.parentNode.removeChild(rmra);\n\t\t\t}\n\t\t}\n\t\tdocument.getElementById('vbroomhelpermod518').value = torooms;\n\t}\n\tif (document.getElementById('vbmodhorsearch-hum-guests-rooms518')) {\n\t\tdocument.getElementById('vbmodhorsearch-hum-guests-rooms518').innerText = torooms;\n\t\tvbCountTotGuests518();\n\t}\n}\n\nfunction vbCountTotGuests518() {\n\tif (!document.getElementById('vbmodhorsearch-hum-guests-rooms518')) {\n\t\treturn;\n\t}\n\tvar totadults = 0;\n\tvar totchildren = 0;\n\tjQuery('#vbmodhorsearch-hum-guests-count518').parent().find('select[name=\"adults[]\"]').each(function() {\n\t\tvar curel = jQuery(this).find('option:selected');\n\t\tif (curel.length) {\n\t\t\ttotadults += parseInt(curel.val());\n\t\t}\n\t});\n\tjQuery('#vbmodhorsearch-hum-guests-adults518').text(totadults);\n\tif (jQuery('#vbmodhorsearch-hum-guests-children518').length) {\n\t\tjQuery('#vbmodhorsearch-hum-guests-count518').parent().find('select[name=\"children[]\"]').each(function() {\n\t\t\tvar curel = jQuery(this).find('option:selected');\n\t\t\tif (curel.length) {\n\t\t\t\ttotchildren += parseInt(curel.val());\n\t\t\t}\n\t\t});\n\t\tjQuery('#vbmodhorsearch-hum-guests-children518').text(totchildren);\n\t}\n}\n\nfunction vbCalcNightsMod518() {\n\tvar vbcheckin = document.getElementById('checkindatemod518').value;\n\tvar vbcheckout = document.getElementById('checkoutdatemod518').value;\n\tif (vbcheckin.length > 0 && vbcheckout.length > 0) {\n\t\tvar vbcheckinp = vbcheckin.split(\"\/\");\n\t\tvar vbcheckoutp = vbcheckout.split(\"\/\");\n\t\t\tvar vbinmonth = parseInt(vbcheckinp[1]);\n\t\tvbinmonth = vbinmonth - 1;\n\t\tvar vbinday = parseInt(vbcheckinp[0], 10);\n\t\tvar vbcheckind = new Date(vbcheckinp[2], vbinmonth, vbinday);\n\t\tvar vboutmonth = parseInt(vbcheckoutp[1]);\n\t\tvboutmonth = vboutmonth - 1;\n\t\tvar vboutday = parseInt(vbcheckoutp[0], 10);\n\t\tvar vbcheckoutd = new Date(vbcheckoutp[2], vboutmonth, vboutday);\n\t\t\t\tvar vbdivider = 1000 * 60 * 60 * 24;\n\t\tvar vbints = vbcheckind.getTime();\n\t\tvar vboutts = vbcheckoutd.getTime();\n\t\tif (vboutts > vbints) {\n\t\t\t\/\/var vbnights = Math.ceil((vboutts - vbints) \/ (vbdivider));\n\t\t\tvar utc1 = Date.UTC(vbcheckind.getFullYear(), vbcheckind.getMonth(), vbcheckind.getDate());\n\t\t\tvar utc2 = Date.UTC(vbcheckoutd.getFullYear(), vbcheckoutd.getMonth(), vbcheckoutd.getDate());\n\t\t\tvar vbnights = Math.ceil((utc2 - utc1) \/ vbdivider);\n\t\t\tif (vbnights > 0) {\n\t\t\t\tdocument.getElementById('vbjstotnightsmod518').innerHTML = '<div class=\"vbo-horizsearch-numnights-inner\"><span>Nights:<\/span> <span>'+vbnights+'<\/span><\/div>';\n\t\t\t} else {\n\t\t\t\tdocument.getElementById('vbjstotnightsmod518').innerHTML = '';\n\t\t\t}\n\t\t} else {\n\t\t\tdocument.getElementById('vbjstotnightsmod518').innerHTML = '';\n\t\t}\n\t} else {\n\t\tdocument.getElementById('vbjstotnightsmod518').innerHTML = '';\n\t}\n}\n<\/script>\n\n<input type=\"hidden\" id=\"vbroomhelpermod518\" value=\"1\"\/>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b010a23 e-flex e-con-boxed e-con e-parent\" data-id=\"b010a23\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d86207 elementor-widget elementor-widget-image\" data-id=\"6d86207\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"http:\/\/Hotelsch%C3%A4fli.com\/wp-content\/uploads\/2025\/02\/Schild_ZH_introLogo_header-scaled.webp\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-6515","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/Hotelsch%C3%A4fli.com\/index.php?rest_route=\/wp\/v2\/pages\/6515","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/Hotelsch%C3%A4fli.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/Hotelsch%C3%A4fli.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/Hotelsch%C3%A4fli.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/Hotelsch%C3%A4fli.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6515"}],"version-history":[{"count":41,"href":"https:\/\/Hotelsch%C3%A4fli.com\/index.php?rest_route=\/wp\/v2\/pages\/6515\/revisions"}],"predecessor-version":[{"id":6579,"href":"https:\/\/Hotelsch%C3%A4fli.com\/index.php?rest_route=\/wp\/v2\/pages\/6515\/revisions\/6579"}],"wp:attachment":[{"href":"https:\/\/Hotelsch%C3%A4fli.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6515"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}