{"id":25,"date":"2024-02-17T16:25:45","date_gmt":"2024-02-17T14:25:45","guid":{"rendered":"https:\/\/spesbonaguesthouse.com\/?page_id=25"},"modified":"2024-02-19T11:35:29","modified_gmt":"2024-02-19T09:35:29","slug":"bookings","status":"publish","type":"page","link":"https:\/\/spesbonaguesthouse.com\/?page_id=25","title":{"rendered":"Bookings"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">For <strong>Online Bookings<\/strong>, please follow this link to NightsBridge:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/book.nightsbridge.com\/23286\"><img loading=\"lazy\" decoding=\"async\" width=\"344\" height=\"97\" src=\"https:\/\/spesbonaguesthouse.com\/wp-content\/uploads\/2024\/02\/nightsbridge-logo.png\" alt=\"\" class=\"wp-image-299\" srcset=\"https:\/\/spesbonaguesthouse.com\/wp-content\/uploads\/2024\/02\/nightsbridge-logo.png 344w, https:\/\/spesbonaguesthouse.com\/wp-content\/uploads\/2024\/02\/nightsbridge-logo-300x85.png 300w\" sizes=\"auto, (max-width: 344px) 100vw, 344px\" \/><\/a><\/figure>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Or contact us directly for <strong>Queries and Reservations:\u00a0<\/strong> <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Email: <a href=\"mailto:reservations@spesbonaguesthouse.com\"><em>reservations@spesbonaguesthouse.com<\/em><\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u200bCell no: +27 83 489 1581<\/p>\n\n\n\n<div style=\"height:31px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Or find us @&nbsp;22 President Kruger street, Colesberg, South Africa<\/p>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"open-user-map\">\n\n  \n  \n<div class=\"box-wrap map-size-default map-size-mobile-square \">\n  \n  <div class=\"map-wrap\">\n    <div id=\"map-20210929\" class=\"leaflet-map map-style_OpenStreetMap.Mapnik\"><\/div>\n    \n    \n    \n    \n    <script type=\"text\/javascript\" data-category=\"functional\" class=\"cmplz-native\" id=\"oum-inline-js\">\n      var map_el = `map-20210929`;\n\n      if(document.getElementById(map_el)) {\n\n        var mapStyle = `OpenStreetMap.Mapnik`;\n        var oum_tile_provider_mapbox_key = ``;\n        var marker_icon_url = `https:\/\/spesbonaguesthouse.com\/wp-content\/plugins\/open-user-map\/src\/leaflet\/images\/marker-icon_default-2x.png`;\n        var marker_shadow_url = `https:\/\/spesbonaguesthouse.com\/wp-content\/plugins\/open-user-map\/src\/leaflet\/images\/marker-shadow.png`;\n        var oum_enable_scrollwheel_zoom_map = false;\n        var oum_enable_cluster = false;\n        var oum_enable_fullscreen = false;\n\n        var oum_enable_searchbar = false;\n        var oum_searchbar_type = `address`;\n\n        var oum_geosearch_selected_provider = ``; \n        var oum_geosearch_provider = `osm`;\n        var oum_geosearch_provider_geoapify_key = ``;\n        var oum_geosearch_provider_here_key = ``;\n        var oum_geosearch_provider_mapbox_key = ``;\n        \n        var oum_enable_searchaddress_button = false;\n        var oum_searchaddress_label = `Search for address`;\n\n        var oum_enable_searchmarkers_button = false;\n        var oum_searchmarkers_label = `Find marker`;\n        var oum_searchmarkers_zoom = `8`;\n\n        var oum_enable_currentlocation = false;\n        var oum_collapse_filter = false;\n        var oum_action_after_submit = `text`;\n        var thankyou_redirect = ``;\n        var start_lat = `-30.725437829083`;\n        var start_lng = `25.094429455943`;\n        var start_zoom = `16.5`;\n        var oum_enable_fixed_map_bounds = ``;\n        var oum_minimum_zoom_level = ``;\n        var oum_use_settings_start_location = true;\n        var oum_has_regions = false;\n\n        var oum_location = {};\n        var locations_without_type = [];\n        var locations_by_type = [];\n        var oum_custom_css = '';\n        var oum_custom_script = '';\n        var oumMap;\n        var oumMap2;\n\n        var oumPrepareLocations = (location) => {\n          \/\/console.log(location, 'location');\n          if(location.type) {\n            \/\/ add new marker category to array if not exists\n            if(!locations_by_type.find(markercategory => markercategory.id === location.type)) {\n              let newmarkercategory = {\n                id: location.type,\n                name: location.type_name,\n                icon: location.icon,\n                locations : []\n              }\n              locations_by_type.push(newmarkercategory);\n            }\n\n            \/\/ add location to marker category\n            let markercategory = locations_by_type.find(markercategory => markercategory.id === location.type);\n            markercategory.locations.push(location);\n\n          }else{\n            locations_without_type.push(location);\n          }\n        };\n\n        var oumConditionalField = (sourceField, targetField, condShow, condHide) => {\n          const sourceElement = document.querySelector(sourceField);\n          const targetElement = document.querySelector(targetField).parentElement; \/* works with custom fields only *\/\n\n          \/* trigger on change *\/\n          sourceElement.onchange = function(e) {\n            const val = this.value;\n            \n            console.log('OUM: run condition', {val, sourceField, targetField, condShow, condHide});\n            \n            if(condShow.includes(val)) {\n              targetElement.style.display = 'block';\n            }else if(condHide.includes(this.value)) {\n              targetElement.style.display = 'none';\n            }\n          }\n\n          \/* trigger initially *\/\n          let changeEvent = new Event('change');\n          sourceElement.dispatchEvent(changeEvent);\n        };\n\n        \/* Transfer PHP array to JS array *\/\n        var oum_all_locations = [{\"title\":\"22 President Kruger Street, Colesberg\",\"lat\":\"-30.7251035\",\"lng\":\"25.0941508\",\"content\":\"<div class=\\\"oum_location_text\\\"><div class=\\\"oum_location_custom_fields\\\"><\\\/div><div class=\\\"oum_location_description\\\"><\\\/div><\\\/div>\",\"icon\":\"https:\\\/\\\/spesbonaguesthouse.com\\\/wp-content\\\/plugins\\\/open-user-map\\\/src\\\/leaflet\\\/images\\\/marker-icon_default-2x.png\",\"type\":\"\",\"type_name\":\"\",\"post_id\":\"296\"}];\n\n        \/* Group Locations by marker categories (if exist) for further processing *\/\n        oum_all_locations.forEach(oumPrepareLocations);\n\n\n        \/**\n         * Add Custom Styles\n         *\/\n        \n        \n          \/* custom color *\/\n          oum_custom_css += `\n            .open-user-map .add-location #close-add-location-overlay:hover {color: #e02aaf !important}\n            .open-user-map input.oum-switch[type=\"checkbox\"]:checked + label::before {background-color: #e02aaf !important}\n            .open-user-map .add-location .location-overlay-content #oum_add_location_thankyou h3 {color: #e02aaf !important}\n            .open-user-map .oum_location_text a {color: #e02aaf !important}\n            .open-user-map .oum-tabs {border-color: #e02aaf !important}\n            .open-user-map .oum-tabs .nav-item:hover {color: #e02aaf !important; border-color: #e02aaf !important}\n            .open-user-map .oum-tabs .nav-item.active {color: #e02aaf !important; border-color: #e02aaf !important}\n            .open-user-map .box-wrap .map-wrap .oum-attribution a {color: #e02aaf !important;}`;\n\n        \n        \n          \/* custom map height *\/\n          oum_custom_css += `\n            .open-user-map .box-wrap > .map-wrap {padding: 0 !important; height: 300px !important; aspect-ratio: unset !important;}`;\n\n        \n        \n        var custom_style = document.createElement('style');\n\n        if (custom_style.styleSheet) {\n          custom_style.styleSheet.cssText = oum_custom_css;\n        } else {\n          custom_style.appendChild(document.createTextNode(oum_custom_css));\n        }\n\n        document.getElementsByTagName('head')[0].appendChild(custom_style);\n\n      }\n    <\/script>\n\n  <\/div>\n\n  <\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>For Online Bookings, please follow this link to NightsBridge: Or contact us directly for Queries and Reservations:\u00a0 Email: reservations@spesbonaguesthouse.com \u200bCell no: +27 83 489 1581 Or find us @&nbsp;22 President Kruger street, Colesberg, South Africa<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-25","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/spesbonaguesthouse.com\/index.php?rest_route=\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spesbonaguesthouse.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/spesbonaguesthouse.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/spesbonaguesthouse.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/spesbonaguesthouse.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=25"}],"version-history":[{"count":15,"href":"https:\/\/spesbonaguesthouse.com\/index.php?rest_route=\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":305,"href":"https:\/\/spesbonaguesthouse.com\/index.php?rest_route=\/wp\/v2\/pages\/25\/revisions\/305"}],"wp:attachment":[{"href":"https:\/\/spesbonaguesthouse.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}