{"id":641,"date":"2025-01-20T10:10:31","date_gmt":"2025-01-20T10:10:31","guid":{"rendered":"https:\/\/leebong.alanindonesia.com\/?page_id=641"},"modified":"2025-04-25T06:30:57","modified_gmt":"2025-04-25T06:30:57","slug":"booking","status":"publish","type":"page","link":"https:\/\/leebong.alanindonesia.com\/zh\/booking\/","title":{"rendered":"\u9884\u8ba2"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"641\" class=\"elementor elementor-641\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f3821b e-con-full e-flex e-con e-parent\" data-id=\"1f3821b\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a009d98 e-con-full e-flex e-con e-child\" data-id=\"a009d98\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c476dcf elementor-widget elementor-widget-heading\" data-id=\"c476dcf\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u9884\u5b9a\u522b\u5885<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5c3011c elementor-widget elementor-widget-text-editor\" data-id=\"5c3011c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>\u5bfb\u627e\u9002\u5408\u60a8\u5ea6\u5047\u7684\u522b\u5885<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-92022cd e-con-full e-flex e-con e-parent\" data-id=\"92022cd\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-176c30c lib-saf-form elementor-widget elementor-widget-mphbe-search-form\" data-id=\"176c30c\" data-element_type=\"widget\" data-settings=\"{&quot;no_paddings&quot;:&quot;yes&quot;,&quot;hide_tips&quot;:&quot;no&quot;}\" data-widget_type=\"mphbe-search-form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"mphb_sc_search-wrapper is-style-default mphbs-no-paddings  is-style-horizontal-form\">\n<form method=\"GET\" class=\"mphb_sc_search-form\" action=\"https:\/\/leebong.alanindonesia.com\/zh\/booking\/\" data-first_available_check_in_date=\"2026-04-10\" data-trp-original-action=\"https:\/\/leebong.alanindonesia.com\/zh\/booking\/\">\n\n\t<p class = \"mphb-required-fields-tip\">\n\t<small>\n\t\t\u5fc5\u8981\u8d44\u6599\u5982\u4e0b\t\t<abbr title=\"required\">*<\/abbr>\n\t<\/small>\n<\/p>\n\n\t<p class=\"mphb_sc_search-check-in-date\">\n\t\t<label for=\"mphb_check_in_date-mphb-search-form-69d90e447ac7c\">\n\t\t\t\u529e\u7406\u5165\u4f4f\t\t\t<abbr title=\"\u683c\u5f0f\u4e3a\uff1add\/mm\/yyyy\">*<\/abbr>\n\t\t<\/label>\n\t\t<br \/>\n\t\t<input\n\t\t\tid=\"mphb_check_in_date-mphb-search-form-69d90e447ac7c\"\n\t\t\tdata-datepick-group=\"mphb-search-form-69d90e447ac7c\"\n\t\t\tvalue=\"\"\n\t\t\tplaceholder=\"\u767b\u8bb0\u5165\u4f4f\u65e5\u671f\"\n\t\t\trequired=\"required\"\n\t\t\ttype=\"text\"\n\t\t\tinputmode=\"none\"\n\t\t\tname=\"mphb_check_in_date\"\n\t\t\tclass=\"mphb-datepick\"\n\t\t\tautocomplete=\"off\"\n\t\t\t\/>\n\t<\/p>\n\n\t<p class=\"mphb_sc_search-check-out-date\">\n\t\t<label for=\"mphb_check_out_date-mphb-search-form-69d90e447ac7c\">\n\t\t\t\u7ed3\u8d26\u9000\u623f\t\t\t<abbr title=\"\u683c\u5f0f\u4e3a\uff1add\/mm\/yyyy\">*<\/abbr>\n\t\t<\/label>\n\t\t<br \/>\n\t\t<input\n\t\t\tid=\"mphb_check_out_date-mphb-search-form-69d90e447ac7c\"\n\t\t\tdata-datepick-group=\"mphb-search-form-69d90e447ac7c\"\n\t\t\tvalue=\"\"\n\t\t\tplaceholder=\"\u7ed3\u8d26\u9000\u623f\u65e5\u671f\"\n\t\t\trequired=\"required\"\n\t\t\ttype=\"text\"\n\t\t\tinputmode=\"none\"\n\t\t\tname=\"mphb_check_out_date\"\n\t\t\tclass=\"mphb-datepick\"\n\t\t\tautocomplete=\"off\"\n\t\t\t\/>\n\t<\/p>\n\n\t\t\t<p class=\"mphb_sc_search-adults\">\n\t\t\t<label for=\"mphb_adults-mphb-search-form-69d90e447ac7c\">\n\t\t\t\t\u6210\u5e74\u4eba\t\t\t<\/label>\n\t\t\t<br \/>\n\t\t\t<select id=\"mphb_adults-mphb-search-form-69d90e447ac7c\" name=\"mphb_adults\" >\n\t\t\t\t\t\t\t\t\t<option value=\"1\"  selected='selected'>1<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"2\" >2<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"3\" >3<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"4\" >4<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"5\" >5<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"6\" >6<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"7\" >7<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"8\" >8<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"9\" >9<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"10\" >10<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"11\" >11<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"12\" >12<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"13\" >13<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"14\" >14<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"15\" >15<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"16\" >16<\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t<\/p>\n\t\n\t\t\t<p class=\"mphb_sc_search-children\">\n\t\t\t<label for=\"mphb_children-mphb-search-form-69d90e447ac7c\">\n\t\t\t\tChildren 12\t\t\t<\/label>\n\t\t\t<br \/>\n\t\t\t<select id=\"mphb_children-mphb-search-form-69d90e447ac7c\" name=\"mphb_children\">\n\t\t\t\t\t\t\t\t\t<option value=\"0\"  selected='selected'>0<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"1\" >1<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"2\" >2<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"3\" >3<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"4\" >4<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"5\" >5<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"6\" >6<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"7\" >7<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"8\" >8<\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t<\/p>\n\t\n\t\n\t\n\t<input id=\"mphb_check_in_date-mphb-search-form-69d90e447ac7c-hidden\" value=\"\" type=\"hidden\" name=\"mphb_check_in_date\" \/><input id=\"mphb_check_out_date-mphb-search-form-69d90e447ac7c-hidden\" value=\"\" type=\"hidden\" name=\"mphb_check_out_date\" \/>\n\t<p class=\"mphb_sc_search-submit-button-wrapper\">\n\t\t<input type=\"submit\" class=\"button\" value=\"\u641c\u7d22\"\/>\n\t<\/p>\n\n\t\n<input type=\"hidden\" name=\"trp-form-language\" value=\"zh\"\/><\/form>\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-be99aa7 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"be99aa7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script>\n   document.addEventListener(\"DOMContentLoaded\", () => {\n       const calendarIcon = `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"57\" height=\"57\" viewBox=\"0 0 57 57\" fill=\"none\">\n<rect x=\"7.125\" y=\"14.25\" width=\"42.75\" height=\"35.625\" rx=\"2\" stroke=\"#003D25\" stroke-width=\"4\"\/>\n<path d=\"M9.5 26.125H47.5\" stroke=\"#003D25\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n<path d=\"M21.375 38H35.625\" stroke=\"#003D25\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n<path d=\"M19 7.125L19 16.625\" stroke=\"#003D25\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n<path d=\"M38 7.125L38 16.625\" stroke=\"#003D25\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n<\/svg>`;\n     const parser = new DOMParser();\n\n       const form = document.querySelector(\".lib-saf-form form\");\n       \n       const checkInContainer = form.querySelector(\".mphb_sc_search-check-in-date\");\n       const checkInLabel = checkInContainer.querySelector(\"label\");\n       checkInLabel.textContent = \"Masuk\";\n       const checkInInput = checkInContainer.querySelector(\"input\");\n       checkInInput.placeholder = \"dd\/mm\/yyyy\";\n       \n       if (!checkInInput.value) {\n           const today = new Date();\n           const day = String(today.getDate()).padStart(2, '0');\n           const month = String(today.getMonth() + 1).padStart(2, '0');\n           const year = today.getFullYear();\n           checkInInput.value = `${day}\/${month}\/${year}`;\n       }\n       \n       const checkInInputContainer = document.createElement(\"div\");\n       checkInInputContainer.classList.add(\"lib-saf-ic\");\n       checkInContainer.removeChild(checkInInput);\n       checkInInputContainer.appendChild(checkInInput);\n       checkInContainer.appendChild(checkInInputContainer);\n       const checkInIcon = parser.parseFromString(calendarIcon, \"image\/svg+xml\").documentElement;\n       checkInIcon.addEventListener('click', () => {\n           checkInInput.focus();\n       });\n       checkInInputContainer.appendChild(checkInIcon);\n      \n       \n       const checkOutContainer = form.querySelector(\".mphb_sc_search-check-out-date\");\n       const checkOutLabel = checkOutContainer.querySelector(\"label\");\n       checkOutLabel.textContent = \"Keluar\";\n       const checkOutInput = checkOutContainer.querySelector(\"input\");\n       checkOutInput.placeholder = \"dd\/mm\/yyyy\";\n       \n       if (!checkOutInput.value) {\n           const tomorrow = new Date();\n           tomorrow.setDate(tomorrow.getDate() + 1);\n           const day = String(tomorrow.getDate()).padStart(2, '0');\n           const month = String(tomorrow.getMonth() + 1).padStart(2, '0');\n           const year = tomorrow.getFullYear();\n           checkOutInput.value = `${day}\/${month}\/${year}`;\n       }\n       \n       const checkOutInputContainer = document.createElement(\"div\");\n       checkOutInputContainer.classList.add(\"lib-saf-ic\");\n       checkOutContainer.removeChild(checkOutInput);\n      checkOutInputContainer.appendChild(checkOutInput);\n      checkOutContainer.appendChild(checkOutInputContainer);\n      const checkOutIcon = parser.parseFromString(calendarIcon, \"image\/svg+xml\").documentElement;\n      checkOutIcon.addEventListener('click', () => {\n           checkOutInput.focus();\n       });\n      checkOutInputContainer.appendChild(checkOutIcon);\n       \n       const urlParams = new URLSearchParams(window.location.search);\n      const adultParam = urlParams.get('mphb_adults') || '1';\n      const childrenParam = urlParams.get('mphb_children') || '0';\n       \n       const adultLabel = form.querySelector(\".mphb_sc_search-adults label\");\n       adultLabel.textContent = \"Dewasa\";\n       \n       const adultSelect = form.querySelector('[name=\"mphb_adults\"]');\n       adultSelect.value = adultParam;\n       \n       const childrenLabel = form.querySelector(\".mphb_sc_search-children label\");\n       childrenLabel.textContent = \"Anak-Anak\";\n       \n       const childrenSelect = form.querySelector('[name=\"mphb_children\"]');\n       childrenSelect.value = childrenParam;\n       \n       const searchButton = form.querySelector(\".mphb_sc_search-submit-button-wrapper input\");\n    \/\/   searchButton.value = \"Cek\";\n   });\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ef9f48a e-con-full e-flex e-con e-parent\" data-id=\"ef9f48a\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-df03326 e-con-full e-flex e-con e-child\" data-id=\"df03326\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79bee32 lib-sr-search-result elementor-widget elementor-widget-mphbe-search-results\" data-id=\"79bee32\" data-element_type=\"widget\" data-widget_type=\"mphbe-search-results.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"mphb_sc_search_results-wrapper\"><div class=\"mphb-errors-wrapper\">\n\t<\/div>\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f98afeb elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"f98afeb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script>\r\n    document.addEventListener(\"DOMContentLoaded\", () => {\r\n        \/\/ remove uneeded element\r\n        const searchResult = document.querySelector('.lib-sr-search-result');\r\n        const searchResultInfo = searchResult.querySelector('.mphb_sc_search_results-info');\r\n        searchResultInfo.style.display = 'none';\r\n        const searchResultTitle = searchResult.querySelector('.mphb-recommendation-title');\r\n        searchResultTitle.style.display = 'none';\r\n        const searchResultRecommendation = searchResult.querySelector('.mphb-recommendation');\r\n        searchResultRecommendation.style.display = 'none';\r\n        const searchResultEmptyCart = searchResult.querySelector('.mphb-empty-cart');\r\n        searchResultEmptyCart.style.display = 'none';\r\n        const searchResultEmptyCartMessage = searchResult.querySelector('.mphb-empty-cart-message');\r\n        searchResultEmptyCartMessage.style.display = 'none';\r\n        \r\n        const bedSvg = `<svg width=\"18\" height=\"24\" viewBox=\"0 0 18 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M1 12.8787C1 12.3387 1 11.9987 1 11.9987C1 11.9987 1 4.21875 2.11 3.12875C4.32 0.99875 13.18 0.99875 15.4 3.12875C16.51 4.21875 16.51 11.9987 16.51 11.9987C16.51 11.9987 16.51 12.3387 16.51 12.8787C16.51 14.9487 16.29 20.0087 15.41 20.8787C13.18 22.9987 4.32 22.9988 2.1 20.8688C1.22 19.9988 1.03 14.9987 1 12.8787Z\" stroke=\"#AAAAAA\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<path d=\"M16.5 12.8792C16.5 14.9492 16.28 20.0092 15.4 20.8792C13.18 22.9992 4.32 22.9992 2.1 20.8692C1.22 20.0092 1.03 14.9492 1 12.8692C4.13 11.3492 13.37 11.3492 16.5 12.8792Z\" stroke=\"#AAAAAA\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<path d=\"M7.65922 6.26969C7.65922 6.26969 7.65922 7.42969 7.35922 7.58969C6.17957 7.92731 4.92887 7.92731 3.74922 7.58969C3.44922 7.42969 3.44922 6.26969 3.44922 6.26969C3.44922 6.26969 3.48922 5.11969 3.74922 4.99969C4.91772 4.67979 6.15072 4.67979 7.31922 4.99969C7.65922 5.11969 7.65922 6.26969 7.65922 6.26969Z\" stroke=\"#AAAAAA\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<path d=\"M14.0098 6.26962C14.0098 6.26962 14.0098 7.42962 13.7098 7.58962C12.5427 7.91965 11.307 7.91965 10.1398 7.58962C9.83984 7.42962 9.83984 6.26962 9.83984 6.26962C9.83984 6.26962 9.83984 5.11962 10.1398 4.94962C11.3255 4.6387 12.5733 4.65599 13.7498 4.99962C14.0098 5.11962 14.0098 6.26962 14.0098 6.26962Z\" stroke=\"#AAAAAA\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg>\r\n`;\r\nconst toiletSvg = `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\" viewBox=\"0 0 1600 1600\" width=\"20\" height=\"20\" fill=\"#AAAAAA\">\r\n<path transform=\"translate(328,414)\" d=\"m0 0h232l31 1 32 3 22 5 18 7 21 11 11 8 7 7 5 8 2 7-1 11-5 10-8 8-10 7-5 2-6-1-10-3-18-10-12-7-15-5-23-2-29-1h-245l-23 1-24 3-17 6-15 8-11 9-8 7-13 17-8 16-6 15-3 15-1 9-1 26v381l2 13 4 7 8 5 4 1h22l11-4 8-5 2-7 2-313 1-34 3-6 6-5 10-3h18l16 4 6 4 3 3 1 6 1 364v427l2 16 4 2 21 2h50l14-3 2-20 1-247 1-153 1-16 3-7 10-6 10-3h12l17 5 8 5 3 8 1 109 1 324 22 3 18 1h37l13-3 2-18 1-425 1-99 2-22 5-19 8-16 5-9 7-10 9-10 12-12 13-9 16-9 15-5 22-4 9-1 24-1h133l42 1 25 3 16 4 12 5 15 8 12 9 15 15 11 15 9 16 6 15 3 11 2 16v204l20-1 317-1-3-12-10-28-16-50-26-79-13-38-33-99-14-43-12-37-6-19-2-9-1-10 3-6 7-6 12-7 12-4h13l8 6 7 12 9 24 13 37 12 36 15 46 10 30 14 43 20 60 7 14 6 9 6 2 14-1 10-3 6-4h2l2-4 3-4v-8l-5-23-20-64-13-41-10-30-16-50-25-76-13-41-18-57-8-24-8-18-11-21-9-12-3-3v-2h-2l-5-5-11-8-11-5-10-3-15-2-20-1h-149l-33 1-21 2-11 4-13 8-16 12-14 10-5 4-4-1-14-9-6-5v-2h-2l-9-13-1-2v-9l8-15 17-17 21-14 16-8 13-5 19-4 16-2 28-1h135l38 1 28 3 21 5 16 6 14 8 14 10 10 9 8 7 11 14 9 14 10 19 13 32 15 44 15 48 10 30 14 43 12 37 12 36 12 38 12 36 15 46 10 33 4 19v28l-3 12-7 16-9 14-11 12-10 7-14 7-19 5-15 3h-3l5 14 5 11 5 20 1 6v18l-2 12-4 10-7 11-11 12-7 6-11 4-25 2-77 2-1 1v56l-1 171-1 37-3 21-5 12-6 10-10 13-7 7-10 7-17 8-16 4-8 1h-37l-14-3-5-3-7-6-7-5-6-1-16 7-10 6-11 4-27 3-18-1-15-3-12-5-10-6-13-11-10-11-8-13-6-15-3-14-1-10-1-22-1-172-2-6h-15l-14 3 1 3v78l-1 127-2 19-3 10-4 8-8 12-9 10-9 7-10 5-14 4-16 2-16 1h-89l-18-2-13-4-10-6-10-9-8-8-7-11-6-13-3-14-1-18v-193l-2-7-9-3-9-2h-10l-2 201-2 26-4 13-8 14-8 10-5 5-7 6-15 8-14 4-18 2-22 1h-49l-14-1-4-2-6-10-8-3h-10l-13 4-9 9-12 2-34 1h-31l-19-1-17-3-14-6-9-7-7-6-11-14-8-16-3-9-2-18-1-65-1-305-14 1-9 1h-20l-14-2-13-5-14-8-11-9-10-10-10-15-7-16-3-16-1-13-1-57v-338l1-24 3-21 5-17 13-28 8-13 12-16 11-12 12-11 16-12 15-9 15-7 16-5 26-5 21-2zm397 449-26 1-15 2-10 4-11 7-8 8-8 13-4 10-3 14-1 174v40l1 25 3 11 7 4 13 4 17 3 30 4 12 3 8 4 2 3 1 5 1 18 1 78v151l1 17 2 3 3 1 11 1h93l12-2 4-2 1-2 1-44v-135l1-68 2-17 5-8 8-4 16-3 40-5 13-5 5-5 3-6 2-13v-236l-3-12-7-13-9-11-8-7-12-6-17-3-20-1zm306 319-7 1-1 4v251l2 16 5 8 8 5 8 2h20l14-7 4-5 2-6 1-15v-252l-1-1-21-1zm125 0-4 1-1 6v247l1 13 3 8 4 5 12 6 7 1h13l10-3 9-6 4-10 1-165 1-62v-33l-1-6-8-1-23-1z\"\/>\r\n<path transform=\"translate(1100,65)\" d=\"m0 0h36l18 2 17 4 15 6 18 10 12 9 13 11 12 12 9 12 9 15 10 21 5 15 3 15 2 20v16l-3 26-6 20-8 17-12 20-10 13-9 10-12 11-19 12-14 7-19 7-12 3-16 2-22 1-27-2-20-4-19-7-14-7-14-10-14-12-11-12-12-17-12-21-7-17-5-19-2-12v-34l4-25 6-18 7-16 10-17 11-14 9-10 10-9 11-8 15-9 19-9 13-4zm4 63-16 4-14 6-11 7-12 11-11 14-10 21-4 14-2 14v14l3 17 7 17 9 14 9 11 11 9 14 9 16 6 10 2 10 1h12l19-3 14-5 15-8 10-8 9-9 9-13 6-13 4-13 2-18v-19l-3-17-6-15-9-14-9-10-12-10-16-9-15-5-13-2z\"\/>\r\n<path transform=\"translate(428,65)\" d=\"m0 0h37l18 2 18 5 15 6 19 11 13 10 12 11 10 10 10 14 10 17 9 21 4 13 3 18 1 12v18l-3 26-6 20-8 16-8 14-9 13-8 10-7 8-8 7-12 9-19 11-20 8-16 4-16 2h-37l-21-3-16-4-18-7-13-7-12-9-14-12-10-11-12-17-12-21-8-21-5-21-1-7v-33l4-25 6-18 8-18 11-18 14-17 8-8 14-11 18-11 19-9 13-4zm5 63-14 3-17 7-11 7-12 11-11 14-10 21-4 14-2 16v12l3 17 6 15 7 12 7 9 3 4h2l1 3 10 8 14 9 12 5 13 3 10 1h13l19-3 14-5 15-8 10-8 10-10 9-14 5-11 5-17 1-14v-18l-2-14-5-15-6-11-9-12-8-8-12-9-16-8-12-4-13-2z\"\/>\r\n<path transform=\"translate(792,512)\" d=\"m0 0h17l23 3 18 6 16 8 14 10 4 3v2l4 2 2 4h2l11 14 9 15 7 15 5 15 3 19v24l-3 19-5 15-12 23-8 11-12 14-14 11-14 8-14 6-21 5-7 1h-34l-20-3-21-7-15-9-11-9-13-13-10-14-9-16-6-14-4-15-2-11v-33l4-20 5-13 9-17 10-14 15-15 15-11 16-9 18-6 16-3zm1 64-13 2-9 4-10 6-9 7-9 15-5 12-2 7-1 12 2 13 4 12 8 12 9 10 10 7 8 4 17 4h15l12-3 13-7 10-8 8-9 6-11 4-12 1-8v-10l-2-14-4-11-6-10-11-11-13-8-14-4-10-1z\"\/>\r\n<\/svg>\r\n`;\r\n        const areaSvg = `<svg width=\"21\" height=\"17\" viewBox=\"0 0 21 17\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M19.5098 13.2266V2.19591C19.5098 1.87756 19.1882 1.65986 18.8926 1.7781L14.6449 3.47721C14.557 3.51234 14.4604 3.5189 14.3686 3.49596L6.65093 1.56654C6.55916 1.5436 6.46249 1.55016 6.37466 1.58529L1.79264 3.4181C1.62179 3.48644 1.50977 3.65191 1.50977 3.83591V14.8666C1.50977 15.1849 1.8313 15.4026 2.12689 15.2844L6.37466 13.5853C6.46249 13.5502 6.55916 13.5436 6.65093 13.5665L14.3686 15.496C14.4604 15.5189 14.557 15.5123 14.6449 15.4772L19.2269 13.6444C19.3977 13.5761 19.5098 13.4106 19.5098 13.2266Z\" stroke=\"#AAAAAA\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\r\n<path d=\"M14.5098 15.5313V3.53125\" stroke=\"#AAAAAA\" stroke-width=\"2\"\/>\r\n<path d=\"M6.50977 13.5313L6.50977 1.53125\" stroke=\"#AAAAAA\" stroke-width=\"2\"\/>\r\n<\/svg>\r\n`;\r\nconst parser = new DOMParser();\r\n\r\nconst bedCount = {\r\n  barata: '4 Tempat Tidur King Size + 2 Tempat Tidur Single',\r\n  beatrice: '8 Tempat Tidur King Size',\r\n  brenda: '1 Tempat Tidur King Size',\r\n  bianca: 'Tempat Tidur Twin',\r\n  etharon: '2 Tempat Tidur King Size',\r\n  leticia: '2 Tempat Tidur King Size',\r\n  declan: '1 Tempat Tidur Queen Size + 1 Tempat Tidur Single',\r\n  chicas: '2 Tempat Tidur King Size',\r\n  abe: '2 Tempat Tidur King Size + 2 tempat Tidur Single',\r\n  'zarra treehouse': '1 Tempat Tidur King Size',\r\n  'vila pohon zarra': '1 Tempat Tidur King Size',\r\n  lodge: 'Tempat Tidur Double + Tempat Tidur Single',\r\n  '\u6728\u5c4b\u522b\u5885': 'Tempat Tidur Double + Tempat Tidur Single',\r\n};\r\nconst bedroomCount = {\r\n    barata: 'Tiga',\r\n    beatrice: 'Empat',\r\n    brenda: 'Satu',\r\n    bianca: 'Satu',\r\n    etharon: 'Satu',\r\n    leticia: 'Satu',\r\n    declan: 'Satu',\r\n    chicas: 'Dua',\r\n    abe: 'Dua',\r\n    'zarra treehouse': 'Satu',\r\n    'vila pohon zarra': 'Satu',\r\n    lodge: 'Satu',\r\n    '\u6728\u5c4b\u522b\u5885': 'Satu',\r\n};\r\nconst toiletCount = {\r\n    barata: 10,\r\n    beatrice: 16,\r\n    brenda: 2,\r\n    bianca: 2,\r\n    etharon: 4,\r\n    leticia: 4,\r\n    declan: 3,\r\n    chicas: 4,\r\n    abe: 6,\r\n    'zarra treehouse': 2,\r\n    'vila pohon zarra': 2,\r\n    lodge: 3,\r\n    '\u6728\u5c4b\u522b\u5885': 3,\r\n};\r\nconst sizeFt = {\r\n    barata: 1550,\r\n    beatrice: 2185.1,\r\n    brenda: 269.1,\r\n    bianca: 269.1,\r\n    etharon: 602.7,\r\n    leticia: 581.2,\r\n    declan: 1237.8,\r\n    chicas: 925.6,\r\n    abe: 1420.8,\r\n    'zarra treehouse': 231.4,\r\n    'vila pohon zarra': 231.4,\r\n    lodge: 129.1,\r\n    '\u6728\u5c4b\u522b\u5885': 129.1,\r\n};\r\n        \r\n        \/\/ re-structure element\r\n        const searchResultWrapper = searchResult.querySelector('.mphb_sc_search_results-wrapper');\r\n        const roomTypes = searchResultWrapper.querySelectorAll('.mphb-room-type');\r\n        \r\n        const villaCount = Array.from(roomTypes).length;\r\n        \r\n        if (villaCount === 0) {\r\n            const notFoundElement = document.createElement('p');\r\n            notFoundElement.style.fontFamily = 'Poppins, sans-serif';\r\n            notFoundElement.style.fontWeight = '300';\r\n            notFoundElement.style.fontSize = '16px';\r\n            notFoundElement.textContent = 'Vila tidak ditemukan!';\r\n            \r\n            searchResultWrapper.appendChild(notFoundElement);\r\n        }\r\n        \r\n        const parentContainer = roomTypes[0].parentNode;\r\n        \r\n        const sortedRoomTypes = [...roomTypes].sort((a, b) => {\r\n            const priceA = parseFloat(a.querySelector('p.mphb-regular-price .mphb-price').textContent.replace(\/\\D\/g, ''));\r\n            const priceB = parseFloat(b.querySelector('p.mphb-regular-price .mphb-price').textContent.replace(\/\\D\/g, ''));\r\n            \r\n             if (priceA !== priceB) {\r\n                 return priceA - priceB;\r\n             }\r\n             \r\n             const nameA = a.querySelector('h2.mphb-room-type-title a').textContent.trim().toLowerCase();\r\n             const nameB = b.querySelector('h2.mphb-room-type-title a').textContent.trim().toLowerCase();\r\n             \r\n             return nameA.localeCompare(nameB);\r\n        });\r\n        \r\n        parentContainer.innerHTML = \"\";\r\n        sortedRoomTypes.forEach(roomType => parentContainer.appendChild(roomType));\r\n        \r\n        sortedRoomTypes.forEach((roomType) => {\r\n            const thumbnailElement = roomType.querySelector('p.mphb-loop-room-thumbnail');\r\n            const titleElement = roomType.querySelector('h2.mphb-room-type-title');\r\n            const excerptElement = titleElement.nextElementSibling;\r\n            excerptElement.style.fontFamily = 'Poppins, sans-serif';\r\n            const detailsElement = roomType.querySelector('ul.mphb-loop-room-type-attributes');\r\n            const areaElement = detailsElement.querySelector('li.mphb-room-type-size');\r\n            const categoriesElement = detailsElement.querySelector('li.mphb-room-type-categories');\r\n            const pricesElement = roomType.querySelector('p.mphb-regular-price');\r\n            const viewDetailsElement = roomType.querySelector('p.mphb-view-details-button-wrapper');\r\n            const bookBtnElement = roomType.querySelector('.mphb-reserve-room-section');\r\n            roomType.replaceChildren();\r\n            roomType.style.display = 'flex';\r\n\r\n            const leftContainer = document.createElement('div');\r\n            leftContainer.style.flex = '0 0 40%';\r\n            leftContainer.style.display = 'flex';\r\n\r\n            leftContainer.appendChild(thumbnailElement);\r\n\r\n            roomType.appendChild(leftContainer);\r\n\r\n            const rightContainer = document.createElement('div');\r\n            rightContainer.classList.add('lib-rl-right')\r\n            rightContainer.style.display = 'flex';\r\n            rightContainer.style.flexDirection = 'column';\r\n            rightContainer.style.justifyContent = 'center';\r\n            rightContainer.style.gap = '16px';\r\n            rightContainer.style.flex = '0 0 60%';\r\n            rightContainer.style.backgroundColor = '#FEFFFA';\r\n            rightContainer.style.borderRadius = '0 16px 16px 0';\r\n            rightContainer.style.padding = '40px';\r\n\r\n            const rightUpperContainer = document.createElement('div');\r\n            rightUpperContainer.style.display = 'flex';\r\n            rightUpperContainer.style.flexDirection = 'column';\r\n            rightUpperContainer.style.gap = '20px';\r\n\r\n            const rightUpperAContainer = document.createElement('div');\r\n            rightUpperAContainer.classList.add('lib-rl-right-upper-a')\r\n            rightUpperAContainer.style.display = 'flex';\r\n            rightUpperAContainer.style.justifyContent = 'space-between';\r\n             rightUpperAContainer.appendChild(titleElement);\r\n             \r\n             const pricesText = pricesElement.querySelector('.mphb-price');\r\n             const pricesPeriod = parseInt(pricesElement.querySelector('.mphb-price-period').textContent.replace(\/\\D\/g, '') || '1', 10);\r\n             pricesText.textContent = 'DARI Rp ' + parseInt(pricesText.textContent.replace(\/\\D\/g, '') \/ pricesPeriod).toLocaleString('id-ID');\r\n            rightUpperAContainer.appendChild(pricesText);\r\n\r\n            rightUpperContainer.appendChild(rightUpperAContainer);\r\n\r\n            const rightUpperBContainer = document.createElement('div');\r\n            rightUpperBContainer.style.display = 'flex';\r\n            rightUpperBContainer.style.gap = '20px';\r\n            \r\n            const titleText = titleElement.querySelector('a').textContent.toLowerCase();\r\n            \r\n            const newTitle = titleElement.querySelector('a');\r\n            newTitle.textContent = newTitle.textContent + ' - ' + bedroomCount[titleText] + ' Kamar Tidur';\r\n            \r\n            const bedContainer = document.createElement('div');\r\n            bedContainer.classList.add('mphb-icon-container');\r\n            \r\n            const areaContainer = document.createElement('div');\r\n            areaContainer.classList.add('mphb-icon-container');\r\n            \r\n            const areaIcon = parser.parseFromString(areaSvg, \"image\/svg+xml\").documentElement;\r\n            \r\n            const areaText = areaElement.querySelector('.mphb-attribute-value');\r\n            const area = areaText.textContent.replace(\/(\\d+(\\.\\d+)?)([a-zA-Z]+)\/g, '$1 $3') + ' \/ ' + sizeFt[titleText] + ' ft\u00b2';\r\n            areaText.textContent = area;\r\n            \r\n            areaContainer.appendChild(areaIcon);\r\n            areaContainer.appendChild(areaText);\r\n            rightUpperBContainer.appendChild(areaContainer);\r\n            \r\n            const toiletContainer = document.createElement('div');\r\n            toiletContainer.classList.add('mphb-icon-container');\r\n            \r\n            const toiletIcon = parser.parseFromString(toiletSvg, \"image\/svg+xml\").documentElement;\r\n            \r\n            const toiletText = document.createElement('span');\r\n            toiletText.textContent = `Kapasitas ${toiletCount[titleText]} Orang`;\r\n            \r\n            toiletContainer.appendChild(toiletIcon);\r\n            toiletContainer.appendChild(toiletText);\r\n            rightUpperBContainer.appendChild(toiletContainer);\r\n            \r\n            const bedIcon = parser.parseFromString(bedSvg, \"image\/svg+xml\").documentElement;\r\n            \r\n            const bedText = document.createElement('span');\r\n            bedText.textContent = bedCount[titleText];\r\n            \r\n            bedContainer.appendChild(bedIcon);\r\n            bedContainer.appendChild(bedText);\r\n            rightUpperBContainer.appendChild(bedContainer);\r\n            \r\n            \r\n\r\n            rightUpperContainer.appendChild(rightUpperBContainer);\r\n\r\n            rightContainer.appendChild(rightUpperContainer);\r\n            \r\n            const divider = document.createElement('hr');\r\n            divider.style.borderTop = '1px solid #AAAAAA';\r\n            divider.style.marginTop = '24px';\r\n\r\n            rightContainer.appendChild(divider);\r\n\r\n\r\n            const rightLowerContainer = document.createElement('div');\r\n            rightLowerContainer.style.display = 'flex';\r\n            rightLowerContainer.style.flexDirection = 'column';\r\n            rightLowerContainer.style.gap = '20px';\r\n\r\n\r\n            const rightLowerAContainer = document.createElement('div');\r\n            rightLowerAContainer.appendChild(excerptElement);\r\n\r\n            rightLowerContainer.appendChild(rightLowerAContainer);\r\n\r\n            const rightLowerBContainer = document.createElement('div');\r\n\r\n            const viewDetailsText = viewDetailsElement.querySelector('a');\r\n            \/\/ viewDetailsText.textContent = 'Selengkapnya';\r\n            rightLowerBContainer.appendChild(viewDetailsElement);\r\n            rightLowerContainer.appendChild(rightLowerBContainer);\r\n\r\n            rightContainer.appendChild(rightLowerContainer);\r\n\r\n            roomType.appendChild(rightContainer);\r\n        });\r\n    }); \r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e2a1575 e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"e2a1575\" data-element_type=\"widget\" data-settings=\"{&quot;horizontal_scroll&quot;:&quot;disable&quot;}\" data-widget_type=\"nested-tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"e-n-tabs\" data-widget-number=\"237639029\" aria-label=\"Tabs. Open items with Enter or Space, close with Escape and navigate using the Arrow keys.\">\n\t\t\t<div class=\"e-n-tabs-heading\" role=\"tablist\">\n\t\t\t\t\t<button id=\"e-n-tab-title-2376390291\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-2376390291\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\t\u82b1\u56ed\u522b\u5885\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-2376390292\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-2376390292\" style=\"--n-tabs-title-order: 2;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\t\u6d77\u666f\u522b\u5885\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-2376390293\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"3\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-2376390293\" style=\"--n-tabs-title-order: 3;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\t\u6728\u5c4b\u522b\u5885\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"e-n-tabs-content\">\n\t\t\t\t<div id=\"e-n-tab-content-2376390291\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-2376390291\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-4bbfb4e e-con-full e-flex e-con e-child\" data-id=\"4bbfb4e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-67eb2c8 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"67eb2c8\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e5c23e9 e-con-full e-flex e-con e-child\" data-id=\"e5c23e9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57636c6 lib-sr-search-result-1 elementor-widget elementor-widget-mphbe-search-results\" data-id=\"57636c6\" data-element_type=\"widget\" data-widget_type=\"mphbe-search-results.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"mphb_sc_search_results-wrapper\"><div class=\"mphb-errors-wrapper\">\n\t<\/div>\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9991005 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"9991005\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script>\r\n    document.addEventListener(\"DOMContentLoaded\", () => {\r\n        \/\/ remove uneeded element\r\n        const searchResult = document.querySelector('.lib-sr-search-result-1');\r\n        const searchResultInfo = searchResult.querySelector('.mphb_sc_search_results-info');\r\n        searchResultInfo.style.display = 'none';\r\n        const searchResultTitle = searchResult.querySelector('.mphb-recommendation-title');\r\n        searchResultTitle.style.display = 'none';\r\n        const searchResultRecommendation = searchResult.querySelector('.mphb-recommendation');\r\n        searchResultRecommendation.style.display = 'none';\r\n        const searchResultEmptyCart = searchResult.querySelector('.mphb-empty-cart');\r\n        searchResultEmptyCart.style.display = 'none';\r\n        const searchResultEmptyCartMessage = searchResult.querySelector('.mphb-empty-cart-message');\r\n        searchResultEmptyCartMessage.style.display = 'none';\r\n        \r\n        const bedSvg = `<svg width=\"18\" height=\"24\" viewBox=\"0 0 18 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M1 12.8787C1 12.3387 1 11.9987 1 11.9987C1 11.9987 1 4.21875 2.11 3.12875C4.32 0.99875 13.18 0.99875 15.4 3.12875C16.51 4.21875 16.51 11.9987 16.51 11.9987C16.51 11.9987 16.51 12.3387 16.51 12.8787C16.51 14.9487 16.29 20.0087 15.41 20.8787C13.18 22.9987 4.32 22.9988 2.1 20.8688C1.22 19.9988 1.03 14.9987 1 12.8787Z\" stroke=\"#AAAAAA\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<path d=\"M16.5 12.8792C16.5 14.9492 16.28 20.0092 15.4 20.8792C13.18 22.9992 4.32 22.9992 2.1 20.8692C1.22 20.0092 1.03 14.9492 1 12.8692C4.13 11.3492 13.37 11.3492 16.5 12.8792Z\" stroke=\"#AAAAAA\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<path d=\"M7.65922 6.26969C7.65922 6.26969 7.65922 7.42969 7.35922 7.58969C6.17957 7.92731 4.92887 7.92731 3.74922 7.58969C3.44922 7.42969 3.44922 6.26969 3.44922 6.26969C3.44922 6.26969 3.48922 5.11969 3.74922 4.99969C4.91772 4.67979 6.15072 4.67979 7.31922 4.99969C7.65922 5.11969 7.65922 6.26969 7.65922 6.26969Z\" stroke=\"#AAAAAA\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<path d=\"M14.0098 6.26962C14.0098 6.26962 14.0098 7.42962 13.7098 7.58962C12.5427 7.91965 11.307 7.91965 10.1398 7.58962C9.83984 7.42962 9.83984 6.26962 9.83984 6.26962C9.83984 6.26962 9.83984 5.11962 10.1398 4.94962C11.3255 4.6387 12.5733 4.65599 13.7498 4.99962C14.0098 5.11962 14.0098 6.26962 14.0098 6.26962Z\" stroke=\"#AAAAAA\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg>\r\n`;\r\nconst toiletSvg = `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\" viewBox=\"0 0 1600 1600\" width=\"20\" height=\"20\" fill=\"#AAAAAA\">\r\n<path transform=\"translate(328,414)\" d=\"m0 0h232l31 1 32 3 22 5 18 7 21 11 11 8 7 7 5 8 2 7-1 11-5 10-8 8-10 7-5 2-6-1-10-3-18-10-12-7-15-5-23-2-29-1h-245l-23 1-24 3-17 6-15 8-11 9-8 7-13 17-8 16-6 15-3 15-1 9-1 26v381l2 13 4 7 8 5 4 1h22l11-4 8-5 2-7 2-313 1-34 3-6 6-5 10-3h18l16 4 6 4 3 3 1 6 1 364v427l2 16 4 2 21 2h50l14-3 2-20 1-247 1-153 1-16 3-7 10-6 10-3h12l17 5 8 5 3 8 1 109 1 324 22 3 18 1h37l13-3 2-18 1-425 1-99 2-22 5-19 8-16 5-9 7-10 9-10 12-12 13-9 16-9 15-5 22-4 9-1 24-1h133l42 1 25 3 16 4 12 5 15 8 12 9 15 15 11 15 9 16 6 15 3 11 2 16v204l20-1 317-1-3-12-10-28-16-50-26-79-13-38-33-99-14-43-12-37-6-19-2-9-1-10 3-6 7-6 12-7 12-4h13l8 6 7 12 9 24 13 37 12 36 15 46 10 30 14 43 20 60 7 14 6 9 6 2 14-1 10-3 6-4h2l2-4 3-4v-8l-5-23-20-64-13-41-10-30-16-50-25-76-13-41-18-57-8-24-8-18-11-21-9-12-3-3v-2h-2l-5-5-11-8-11-5-10-3-15-2-20-1h-149l-33 1-21 2-11 4-13 8-16 12-14 10-5 4-4-1-14-9-6-5v-2h-2l-9-13-1-2v-9l8-15 17-17 21-14 16-8 13-5 19-4 16-2 28-1h135l38 1 28 3 21 5 16 6 14 8 14 10 10 9 8 7 11 14 9 14 10 19 13 32 15 44 15 48 10 30 14 43 12 37 12 36 12 38 12 36 15 46 10 33 4 19v28l-3 12-7 16-9 14-11 12-10 7-14 7-19 5-15 3h-3l5 14 5 11 5 20 1 6v18l-2 12-4 10-7 11-11 12-7 6-11 4-25 2-77 2-1 1v56l-1 171-1 37-3 21-5 12-6 10-10 13-7 7-10 7-17 8-16 4-8 1h-37l-14-3-5-3-7-6-7-5-6-1-16 7-10 6-11 4-27 3-18-1-15-3-12-5-10-6-13-11-10-11-8-13-6-15-3-14-1-10-1-22-1-172-2-6h-15l-14 3 1 3v78l-1 127-2 19-3 10-4 8-8 12-9 10-9 7-10 5-14 4-16 2-16 1h-89l-18-2-13-4-10-6-10-9-8-8-7-11-6-13-3-14-1-18v-193l-2-7-9-3-9-2h-10l-2 201-2 26-4 13-8 14-8 10-5 5-7 6-15 8-14 4-18 2-22 1h-49l-14-1-4-2-6-10-8-3h-10l-13 4-9 9-12 2-34 1h-31l-19-1-17-3-14-6-9-7-7-6-11-14-8-16-3-9-2-18-1-65-1-305-14 1-9 1h-20l-14-2-13-5-14-8-11-9-10-10-10-15-7-16-3-16-1-13-1-57v-338l1-24 3-21 5-17 13-28 8-13 12-16 11-12 12-11 16-12 15-9 15-7 16-5 26-5 21-2zm397 449-26 1-15 2-10 4-11 7-8 8-8 13-4 10-3 14-1 174v40l1 25 3 11 7 4 13 4 17 3 30 4 12 3 8 4 2 3 1 5 1 18 1 78v151l1 17 2 3 3 1 11 1h93l12-2 4-2 1-2 1-44v-135l1-68 2-17 5-8 8-4 16-3 40-5 13-5 5-5 3-6 2-13v-236l-3-12-7-13-9-11-8-7-12-6-17-3-20-1zm306 319-7 1-1 4v251l2 16 5 8 8 5 8 2h20l14-7 4-5 2-6 1-15v-252l-1-1-21-1zm125 0-4 1-1 6v247l1 13 3 8 4 5 12 6 7 1h13l10-3 9-6 4-10 1-165 1-62v-33l-1-6-8-1-23-1z\"\/>\r\n<path transform=\"translate(1100,65)\" d=\"m0 0h36l18 2 17 4 15 6 18 10 12 9 13 11 12 12 9 12 9 15 10 21 5 15 3 15 2 20v16l-3 26-6 20-8 17-12 20-10 13-9 10-12 11-19 12-14 7-19 7-12 3-16 2-22 1-27-2-20-4-19-7-14-7-14-10-14-12-11-12-12-17-12-21-7-17-5-19-2-12v-34l4-25 6-18 7-16 10-17 11-14 9-10 10-9 11-8 15-9 19-9 13-4zm4 63-16 4-14 6-11 7-12 11-11 14-10 21-4 14-2 14v14l3 17 7 17 9 14 9 11 11 9 14 9 16 6 10 2 10 1h12l19-3 14-5 15-8 10-8 9-9 9-13 6-13 4-13 2-18v-19l-3-17-6-15-9-14-9-10-12-10-16-9-15-5-13-2z\"\/>\r\n<path transform=\"translate(428,65)\" d=\"m0 0h37l18 2 18 5 15 6 19 11 13 10 12 11 10 10 10 14 10 17 9 21 4 13 3 18 1 12v18l-3 26-6 20-8 16-8 14-9 13-8 10-7 8-8 7-12 9-19 11-20 8-16 4-16 2h-37l-21-3-16-4-18-7-13-7-12-9-14-12-10-11-12-17-12-21-8-21-5-21-1-7v-33l4-25 6-18 8-18 11-18 14-17 8-8 14-11 18-11 19-9 13-4zm5 63-14 3-17 7-11 7-12 11-11 14-10 21-4 14-2 16v12l3 17 6 15 7 12 7 9 3 4h2l1 3 10 8 14 9 12 5 13 3 10 1h13l19-3 14-5 15-8 10-8 10-10 9-14 5-11 5-17 1-14v-18l-2-14-5-15-6-11-9-12-8-8-12-9-16-8-12-4-13-2z\"\/>\r\n<path transform=\"translate(792,512)\" d=\"m0 0h17l23 3 18 6 16 8 14 10 4 3v2l4 2 2 4h2l11 14 9 15 7 15 5 15 3 19v24l-3 19-5 15-12 23-8 11-12 14-14 11-14 8-14 6-21 5-7 1h-34l-20-3-21-7-15-9-11-9-13-13-10-14-9-16-6-14-4-15-2-11v-33l4-20 5-13 9-17 10-14 15-15 15-11 16-9 18-6 16-3zm1 64-13 2-9 4-10 6-9 7-9 15-5 12-2 7-1 12 2 13 4 12 8 12 9 10 10 7 8 4 17 4h15l12-3 13-7 10-8 8-9 6-11 4-12 1-8v-10l-2-14-4-11-6-10-11-11-13-8-14-4-10-1z\"\/>\r\n<\/svg>\r\n`;\r\n        const areaSvg = `<svg width=\"21\" height=\"17\" viewBox=\"0 0 21 17\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M19.5098 13.2266V2.19591C19.5098 1.87756 19.1882 1.65986 18.8926 1.7781L14.6449 3.47721C14.557 3.51234 14.4604 3.5189 14.3686 3.49596L6.65093 1.56654C6.55916 1.5436 6.46249 1.55016 6.37466 1.58529L1.79264 3.4181C1.62179 3.48644 1.50977 3.65191 1.50977 3.83591V14.8666C1.50977 15.1849 1.8313 15.4026 2.12689 15.2844L6.37466 13.5853C6.46249 13.5502 6.55916 13.5436 6.65093 13.5665L14.3686 15.496C14.4604 15.5189 14.557 15.5123 14.6449 15.4772L19.2269 13.6444C19.3977 13.5761 19.5098 13.4106 19.5098 13.2266Z\" stroke=\"#AAAAAA\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\r\n<path d=\"M14.5098 15.5313V3.53125\" stroke=\"#AAAAAA\" stroke-width=\"2\"\/>\r\n<path d=\"M6.50977 13.5313L6.50977 1.53125\" stroke=\"#AAAAAA\" stroke-width=\"2\"\/>\r\n<\/svg>\r\n`;\r\nconst parser = new DOMParser();\r\n\r\nconst bedCount = {\r\n  barata: '4 Tempat Tidur King Size + 2 Tempat Tidur Single',\r\n  beatrice: '8 Tempat Tidur King Size',\r\n  brenda: '1 Tempat Tidur King Size',\r\n  bianca: 'Tempat Tidur Twin',\r\n  etharon: '2 Tempat Tidur King Size',\r\n  leticia: '2 Tempat Tidur King Size',\r\n  declan: '1 Tempat Tidur Queen Size + 1 Tempat Tidur Single',\r\n  chicas: '2 Tempat Tidur King Size',\r\n  abe: '2 Tempat Tidur King Size + 2 tempat Tidur Single',\r\n  'zarra treehouse': '1 Tempat Tidur King Size',\r\n  'vila pohon zarra': '1 Tempat Tidur King Size',\r\n  lodge: 'Tempat Tidur Double + Tempat Tidur Single',\r\n  '\u6728\u5c4b\u522b\u5885': 'Tempat Tidur Double + Tempat Tidur Single',\r\n};\r\nconst bedroomCount = {\r\n    barata: 'Tiga',\r\n    beatrice: 'Empat',\r\n    brenda: 'Satu',\r\n    bianca: 'Satu',\r\n    etharon: 'Satu',\r\n    leticia: 'Satu',\r\n    declan: 'Satu',\r\n    chicas: 'Dua',\r\n    abe: 'Dua',\r\n    'zarra treehouse': 'Satu',\r\n    'vila pohon zarra': 'Satu',\r\n    lodge: 'Satu',\r\n    '\u6728\u5c4b\u522b\u5885': 'Satu',\r\n};\r\nconst toiletCount = {\r\n    barata: 10,\r\n    beatrice: 16,\r\n    brenda: 2,\r\n    bianca: 2,\r\n    etharon: 4,\r\n    leticia: 4,\r\n    declan: 3,\r\n    chicas: 4,\r\n    abe: 6,\r\n    'zarra treehouse': 2,\r\n    'vila pohon zarra': 2,\r\n    lodge: 3,\r\n    '\u6728\u5c4b\u522b\u5885': 3,\r\n};\r\nconst sizeFt = {\r\n    barata: 1550,\r\n    beatrice: 2185.1,\r\n    brenda: 269.1,\r\n    bianca: 269.1,\r\n    etharon: 602.7,\r\n    leticia: 581.2,\r\n    declan: 1237.8,\r\n    chicas: 925.6,\r\n    abe: 1420.8,\r\n    'zarra treehouse': 231.4,\r\n    'vila pohon zarra': 231.4,\r\n    lodge: 129.1,\r\n    '\u6728\u5c4b\u522b\u5885': 129.1,\r\n};\r\n        \r\n        \/\/ re-structure element\r\n        const searchResultWrapper = searchResult.querySelector('.mphb_sc_search_results-wrapper');\r\n        const roomTypes = searchResultWrapper.querySelectorAll('.mphb-room-type');\r\n        \r\n        const villaCount = Array.from(roomTypes).filter(roomType => roomType.classList.contains('mphb_room_type_category-vila-darat')).length;\r\n        \r\n        if (villaCount === 0) {\r\n            const notFoundElement = document.createElement('p');\r\n            notFoundElement.style.fontFamily = 'Poppins, sans-serif';\r\n            notFoundElement.style.fontWeight = '300';\r\n            notFoundElement.style.fontSize = '16px';\r\n            notFoundElement.textContent = 'Vila tidak ditemukan!';\r\n            \r\n            searchResultWrapper.appendChild(notFoundElement);\r\n        }\r\n        \r\n        const parentContainer = roomTypes[0].parentNode;\r\n        \r\n        const sortedRoomTypes = [...roomTypes].sort((a, b) => {\r\n            const priceA = parseFloat(a.querySelector('p.mphb-regular-price .mphb-price').textContent.replace(\/\\D\/g, ''));\r\n            const priceB = parseFloat(b.querySelector('p.mphb-regular-price .mphb-price').textContent.replace(\/\\D\/g, ''));\r\n            \r\n             if (priceA !== priceB) {\r\n                 return priceA - priceB;\r\n             }\r\n             \r\n             const nameA = a.querySelector('h2.mphb-room-type-title a').textContent.trim().toLowerCase();\r\n             const nameB = b.querySelector('h2.mphb-room-type-title a').textContent.trim().toLowerCase();\r\n             \r\n             return nameA.localeCompare(nameB);\r\n        });\r\n        \r\n        parentContainer.innerHTML = \"\";\r\n        sortedRoomTypes.forEach(roomType => parentContainer.appendChild(roomType));\r\n        \r\n        sortedRoomTypes.forEach((roomType) => {\r\n            const thumbnailElement = roomType.querySelector('p.mphb-loop-room-thumbnail');\r\n            const titleElement = roomType.querySelector('h2.mphb-room-type-title');\r\n            const excerptElement = titleElement.nextElementSibling;\r\n            excerptElement.style.fontFamily = 'Poppins, sans-serif';\r\n            const detailsElement = roomType.querySelector('ul.mphb-loop-room-type-attributes');\r\n            const areaElement = detailsElement.querySelector('li.mphb-room-type-size');\r\n            const categoriesElement = detailsElement.querySelector('li.mphb-room-type-categories');\r\n            const pricesElement = roomType.querySelector('p.mphb-regular-price');\r\n            const viewDetailsElement = roomType.querySelector('p.mphb-view-details-button-wrapper');\r\n            const bookBtnElement = roomType.querySelector('.mphb-reserve-room-section');\r\n            roomType.replaceChildren();\r\n            roomType.style.display = 'flex';\r\n\r\n            const leftContainer = document.createElement('div');\r\n            leftContainer.style.flex = '0 0 40%';\r\n            leftContainer.style.display = 'flex';\r\n\r\n            leftContainer.appendChild(thumbnailElement);\r\n\r\n            roomType.appendChild(leftContainer);\r\n\r\n            const rightContainer = document.createElement('div');\r\n            rightContainer.classList.add('lib-rl-right')\r\n            rightContainer.style.display = 'flex';\r\n            rightContainer.style.flexDirection = 'column';\r\n            rightContainer.style.justifyContent = 'center';\r\n            rightContainer.style.gap = '16px';\r\n            rightContainer.style.flex = '0 0 60%';\r\n            rightContainer.style.backgroundColor = '#FEFFFA';\r\n            rightContainer.style.borderRadius = '0 16px 16px 0';\r\n            rightContainer.style.padding = '40px';\r\n\r\n            const rightUpperContainer = document.createElement('div');\r\n            rightUpperContainer.style.display = 'flex';\r\n            rightUpperContainer.style.flexDirection = 'column';\r\n            rightUpperContainer.style.gap = '20px';\r\n\r\n            const rightUpperAContainer = document.createElement('div');\r\n            rightUpperAContainer.classList.add('lib-rl-right-upper-a')\r\n            rightUpperAContainer.style.display = 'flex';\r\n            rightUpperAContainer.style.justifyContent = 'space-between';\r\n             rightUpperAContainer.appendChild(titleElement);\r\n             \r\n             const pricesText = pricesElement.querySelector('.mphb-price');\r\n             const pricesPeriod = parseInt(pricesElement.querySelector('.mphb-price-period').textContent.replace(\/\\D\/g, '') || '1', 10);\r\n             pricesText.textContent = 'DARI Rp ' + parseInt(pricesText.textContent.replace(\/\\D\/g, '') \/ pricesPeriod).toLocaleString('id-ID');\r\n            rightUpperAContainer.appendChild(pricesText);\r\n\r\n            rightUpperContainer.appendChild(rightUpperAContainer);\r\n\r\n            const rightUpperBContainer = document.createElement('div');\r\n            rightUpperBContainer.style.display = 'flex';\r\n            rightUpperBContainer.style.gap = '20px';\r\n            \r\n            const titleText = titleElement.querySelector('a').textContent.toLowerCase();\r\n            \r\n            const newTitle = titleElement.querySelector('a');\r\n            newTitle.textContent = newTitle.textContent + ' - ' + bedroomCount[titleText] + ' Kamar Tidur';\r\n            \r\n            const bedContainer = document.createElement('div');\r\n            bedContainer.classList.add('mphb-icon-container');\r\n            \r\n            const areaContainer = document.createElement('div');\r\n            areaContainer.classList.add('mphb-icon-container');\r\n            \r\n            const areaIcon = parser.parseFromString(areaSvg, \"image\/svg+xml\").documentElement;\r\n            \r\n            const areaText = areaElement.querySelector('.mphb-attribute-value');\r\n            const area = areaText.textContent.replace(\/(\\d+(\\.\\d+)?)([a-zA-Z]+)\/g, '$1 $3') + ' \/ ' + sizeFt[titleText] + ' ft\u00b2';\r\n            areaText.textContent = area;\r\n            \r\n            areaContainer.appendChild(areaIcon);\r\n            areaContainer.appendChild(areaText);\r\n            rightUpperBContainer.appendChild(areaContainer);\r\n            \r\n            const toiletContainer = document.createElement('div');\r\n            toiletContainer.classList.add('mphb-icon-container');\r\n            \r\n            const toiletIcon = parser.parseFromString(toiletSvg, \"image\/svg+xml\").documentElement;\r\n            \r\n            const toiletText = document.createElement('span');\r\n            toiletText.textContent = `Kapasitas ${toiletCount[titleText]} Orang`;\r\n            \r\n            toiletContainer.appendChild(toiletIcon);\r\n            toiletContainer.appendChild(toiletText);\r\n            rightUpperBContainer.appendChild(toiletContainer);\r\n            \r\n            const bedIcon = parser.parseFromString(bedSvg, \"image\/svg+xml\").documentElement;\r\n            \r\n            const bedText = document.createElement('span');\r\n            bedText.textContent = bedCount[titleText];\r\n            \r\n            bedContainer.appendChild(bedIcon);\r\n            bedContainer.appendChild(bedText);\r\n            rightUpperBContainer.appendChild(bedContainer);\r\n            \r\n            \r\n\r\n            rightUpperContainer.appendChild(rightUpperBContainer);\r\n\r\n            rightContainer.appendChild(rightUpperContainer);\r\n            \r\n            const divider = document.createElement('hr');\r\n            divider.style.borderTop = '1px solid #AAAAAA';\r\n            divider.style.marginTop = '24px';\r\n\r\n            rightContainer.appendChild(divider);\r\n\r\n\r\n            const rightLowerContainer = document.createElement('div');\r\n            rightLowerContainer.style.display = 'flex';\r\n            rightLowerContainer.style.flexDirection = 'column';\r\n            rightLowerContainer.style.gap = '20px';\r\n\r\n\r\n            const rightLowerAContainer = document.createElement('div');\r\n            rightLowerAContainer.appendChild(excerptElement);\r\n\r\n            rightLowerContainer.appendChild(rightLowerAContainer);\r\n\r\n            const rightLowerBContainer = document.createElement('div');\r\n\r\n            const viewDetailsText = viewDetailsElement.querySelector('a');\r\n            \/\/ viewDetailsText.textContent = 'Selengkapnya';\r\n            rightLowerBContainer.appendChild(viewDetailsElement);\r\n            rightLowerContainer.appendChild(rightLowerBContainer);\r\n\r\n            rightContainer.appendChild(rightLowerContainer);\r\n\r\n            roomType.appendChild(rightContainer);\r\n        });\r\n    }); \r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-2376390292\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-2376390292\" data-tab-index=\"2\" style=\"--n-tabs-title-order: 2;\" class=\"elementor-element elementor-element-eb0fe88 e-con-full e-flex e-con e-child\" data-id=\"eb0fe88\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-257b8fd elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"257b8fd\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-45b126f e-con-full e-flex e-con e-child\" data-id=\"45b126f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d496907 lib-sr-search-result-2 elementor-widget elementor-widget-mphbe-search-results\" data-id=\"d496907\" data-element_type=\"widget\" data-widget_type=\"mphbe-search-results.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"mphb_sc_search_results-wrapper\"><div class=\"mphb-errors-wrapper\">\n\t<\/div>\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ed831af elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"ed831af\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script>\r\n    document.addEventListener(\"DOMContentLoaded\", () => {\r\n        \/\/ remove uneeded element\r\n        const searchResult = document.querySelector('.lib-sr-search-result-2');\r\n        const searchResultInfo = searchResult.querySelector('.mphb_sc_search_results-info');\r\n        searchResultInfo.style.display = 'none';\r\n        const searchResultTitle = searchResult.querySelector('.mphb-recommendation-title');\r\n        searchResultTitle.style.display = 'none';\r\n        const searchResultRecommendation = searchResult.querySelector('.mphb-recommendation');\r\n        searchResultRecommendation.style.display = 'none';\r\n        const searchResultEmptyCart = searchResult.querySelector('.mphb-empty-cart');\r\n        searchResultEmptyCart.style.display = 'none';\r\n        const searchResultEmptyCartMessage = searchResult.querySelector('.mphb-empty-cart-message');\r\n        searchResultEmptyCartMessage.style.display = 'none';\r\n        \r\n        const bedSvg = `<svg width=\"18\" height=\"24\" viewBox=\"0 0 18 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M1 12.8787C1 12.3387 1 11.9987 1 11.9987C1 11.9987 1 4.21875 2.11 3.12875C4.32 0.99875 13.18 0.99875 15.4 3.12875C16.51 4.21875 16.51 11.9987 16.51 11.9987C16.51 11.9987 16.51 12.3387 16.51 12.8787C16.51 14.9487 16.29 20.0087 15.41 20.8787C13.18 22.9987 4.32 22.9988 2.1 20.8688C1.22 19.9988 1.03 14.9987 1 12.8787Z\" stroke=\"#AAAAAA\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<path d=\"M16.5 12.8792C16.5 14.9492 16.28 20.0092 15.4 20.8792C13.18 22.9992 4.32 22.9992 2.1 20.8692C1.22 20.0092 1.03 14.9492 1 12.8692C4.13 11.3492 13.37 11.3492 16.5 12.8792Z\" stroke=\"#AAAAAA\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<path d=\"M7.65922 6.26969C7.65922 6.26969 7.65922 7.42969 7.35922 7.58969C6.17957 7.92731 4.92887 7.92731 3.74922 7.58969C3.44922 7.42969 3.44922 6.26969 3.44922 6.26969C3.44922 6.26969 3.48922 5.11969 3.74922 4.99969C4.91772 4.67979 6.15072 4.67979 7.31922 4.99969C7.65922 5.11969 7.65922 6.26969 7.65922 6.26969Z\" stroke=\"#AAAAAA\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<path d=\"M14.0098 6.26962C14.0098 6.26962 14.0098 7.42962 13.7098 7.58962C12.5427 7.91965 11.307 7.91965 10.1398 7.58962C9.83984 7.42962 9.83984 6.26962 9.83984 6.26962C9.83984 6.26962 9.83984 5.11962 10.1398 4.94962C11.3255 4.6387 12.5733 4.65599 13.7498 4.99962C14.0098 5.11962 14.0098 6.26962 14.0098 6.26962Z\" stroke=\"#AAAAAA\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg>\r\n`;\r\nconst toiletSvg = `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\" viewBox=\"0 0 1600 1600\" width=\"20\" height=\"20\" fill=\"#AAAAAA\">\r\n<path transform=\"translate(328,414)\" d=\"m0 0h232l31 1 32 3 22 5 18 7 21 11 11 8 7 7 5 8 2 7-1 11-5 10-8 8-10 7-5 2-6-1-10-3-18-10-12-7-15-5-23-2-29-1h-245l-23 1-24 3-17 6-15 8-11 9-8 7-13 17-8 16-6 15-3 15-1 9-1 26v381l2 13 4 7 8 5 4 1h22l11-4 8-5 2-7 2-313 1-34 3-6 6-5 10-3h18l16 4 6 4 3 3 1 6 1 364v427l2 16 4 2 21 2h50l14-3 2-20 1-247 1-153 1-16 3-7 10-6 10-3h12l17 5 8 5 3 8 1 109 1 324 22 3 18 1h37l13-3 2-18 1-425 1-99 2-22 5-19 8-16 5-9 7-10 9-10 12-12 13-9 16-9 15-5 22-4 9-1 24-1h133l42 1 25 3 16 4 12 5 15 8 12 9 15 15 11 15 9 16 6 15 3 11 2 16v204l20-1 317-1-3-12-10-28-16-50-26-79-13-38-33-99-14-43-12-37-6-19-2-9-1-10 3-6 7-6 12-7 12-4h13l8 6 7 12 9 24 13 37 12 36 15 46 10 30 14 43 20 60 7 14 6 9 6 2 14-1 10-3 6-4h2l2-4 3-4v-8l-5-23-20-64-13-41-10-30-16-50-25-76-13-41-18-57-8-24-8-18-11-21-9-12-3-3v-2h-2l-5-5-11-8-11-5-10-3-15-2-20-1h-149l-33 1-21 2-11 4-13 8-16 12-14 10-5 4-4-1-14-9-6-5v-2h-2l-9-13-1-2v-9l8-15 17-17 21-14 16-8 13-5 19-4 16-2 28-1h135l38 1 28 3 21 5 16 6 14 8 14 10 10 9 8 7 11 14 9 14 10 19 13 32 15 44 15 48 10 30 14 43 12 37 12 36 12 38 12 36 15 46 10 33 4 19v28l-3 12-7 16-9 14-11 12-10 7-14 7-19 5-15 3h-3l5 14 5 11 5 20 1 6v18l-2 12-4 10-7 11-11 12-7 6-11 4-25 2-77 2-1 1v56l-1 171-1 37-3 21-5 12-6 10-10 13-7 7-10 7-17 8-16 4-8 1h-37l-14-3-5-3-7-6-7-5-6-1-16 7-10 6-11 4-27 3-18-1-15-3-12-5-10-6-13-11-10-11-8-13-6-15-3-14-1-10-1-22-1-172-2-6h-15l-14 3 1 3v78l-1 127-2 19-3 10-4 8-8 12-9 10-9 7-10 5-14 4-16 2-16 1h-89l-18-2-13-4-10-6-10-9-8-8-7-11-6-13-3-14-1-18v-193l-2-7-9-3-9-2h-10l-2 201-2 26-4 13-8 14-8 10-5 5-7 6-15 8-14 4-18 2-22 1h-49l-14-1-4-2-6-10-8-3h-10l-13 4-9 9-12 2-34 1h-31l-19-1-17-3-14-6-9-7-7-6-11-14-8-16-3-9-2-18-1-65-1-305-14 1-9 1h-20l-14-2-13-5-14-8-11-9-10-10-10-15-7-16-3-16-1-13-1-57v-338l1-24 3-21 5-17 13-28 8-13 12-16 11-12 12-11 16-12 15-9 15-7 16-5 26-5 21-2zm397 449-26 1-15 2-10 4-11 7-8 8-8 13-4 10-3 14-1 174v40l1 25 3 11 7 4 13 4 17 3 30 4 12 3 8 4 2 3 1 5 1 18 1 78v151l1 17 2 3 3 1 11 1h93l12-2 4-2 1-2 1-44v-135l1-68 2-17 5-8 8-4 16-3 40-5 13-5 5-5 3-6 2-13v-236l-3-12-7-13-9-11-8-7-12-6-17-3-20-1zm306 319-7 1-1 4v251l2 16 5 8 8 5 8 2h20l14-7 4-5 2-6 1-15v-252l-1-1-21-1zm125 0-4 1-1 6v247l1 13 3 8 4 5 12 6 7 1h13l10-3 9-6 4-10 1-165 1-62v-33l-1-6-8-1-23-1z\"\/>\r\n<path transform=\"translate(1100,65)\" d=\"m0 0h36l18 2 17 4 15 6 18 10 12 9 13 11 12 12 9 12 9 15 10 21 5 15 3 15 2 20v16l-3 26-6 20-8 17-12 20-10 13-9 10-12 11-19 12-14 7-19 7-12 3-16 2-22 1-27-2-20-4-19-7-14-7-14-10-14-12-11-12-12-17-12-21-7-17-5-19-2-12v-34l4-25 6-18 7-16 10-17 11-14 9-10 10-9 11-8 15-9 19-9 13-4zm4 63-16 4-14 6-11 7-12 11-11 14-10 21-4 14-2 14v14l3 17 7 17 9 14 9 11 11 9 14 9 16 6 10 2 10 1h12l19-3 14-5 15-8 10-8 9-9 9-13 6-13 4-13 2-18v-19l-3-17-6-15-9-14-9-10-12-10-16-9-15-5-13-2z\"\/>\r\n<path transform=\"translate(428,65)\" d=\"m0 0h37l18 2 18 5 15 6 19 11 13 10 12 11 10 10 10 14 10 17 9 21 4 13 3 18 1 12v18l-3 26-6 20-8 16-8 14-9 13-8 10-7 8-8 7-12 9-19 11-20 8-16 4-16 2h-37l-21-3-16-4-18-7-13-7-12-9-14-12-10-11-12-17-12-21-8-21-5-21-1-7v-33l4-25 6-18 8-18 11-18 14-17 8-8 14-11 18-11 19-9 13-4zm5 63-14 3-17 7-11 7-12 11-11 14-10 21-4 14-2 16v12l3 17 6 15 7 12 7 9 3 4h2l1 3 10 8 14 9 12 5 13 3 10 1h13l19-3 14-5 15-8 10-8 10-10 9-14 5-11 5-17 1-14v-18l-2-14-5-15-6-11-9-12-8-8-12-9-16-8-12-4-13-2z\"\/>\r\n<path transform=\"translate(792,512)\" d=\"m0 0h17l23 3 18 6 16 8 14 10 4 3v2l4 2 2 4h2l11 14 9 15 7 15 5 15 3 19v24l-3 19-5 15-12 23-8 11-12 14-14 11-14 8-14 6-21 5-7 1h-34l-20-3-21-7-15-9-11-9-13-13-10-14-9-16-6-14-4-15-2-11v-33l4-20 5-13 9-17 10-14 15-15 15-11 16-9 18-6 16-3zm1 64-13 2-9 4-10 6-9 7-9 15-5 12-2 7-1 12 2 13 4 12 8 12 9 10 10 7 8 4 17 4h15l12-3 13-7 10-8 8-9 6-11 4-12 1-8v-10l-2-14-4-11-6-10-11-11-13-8-14-4-10-1z\"\/>\r\n<\/svg>\r\n`;\r\n        const areaSvg = `<svg width=\"21\" height=\"17\" viewBox=\"0 0 21 17\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M19.5098 13.2266V2.19591C19.5098 1.87756 19.1882 1.65986 18.8926 1.7781L14.6449 3.47721C14.557 3.51234 14.4604 3.5189 14.3686 3.49596L6.65093 1.56654C6.55916 1.5436 6.46249 1.55016 6.37466 1.58529L1.79264 3.4181C1.62179 3.48644 1.50977 3.65191 1.50977 3.83591V14.8666C1.50977 15.1849 1.8313 15.4026 2.12689 15.2844L6.37466 13.5853C6.46249 13.5502 6.55916 13.5436 6.65093 13.5665L14.3686 15.496C14.4604 15.5189 14.557 15.5123 14.6449 15.4772L19.2269 13.6444C19.3977 13.5761 19.5098 13.4106 19.5098 13.2266Z\" stroke=\"#AAAAAA\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\r\n<path d=\"M14.5098 15.5313V3.53125\" stroke=\"#AAAAAA\" stroke-width=\"2\"\/>\r\n<path d=\"M6.50977 13.5313L6.50977 1.53125\" stroke=\"#AAAAAA\" stroke-width=\"2\"\/>\r\n<\/svg>\r\n`;\r\nconst parser = new DOMParser();\r\n\r\nconst bedCount = {\r\n  barata: '4 Tempat Tidur King Size + 2 Tempat Tidur Single',\r\n  beatrice: '8 Tempat Tidur King Size',\r\n  brenda: '1 Tempat Tidur King Size',\r\n  bianca: 'Tempat Tidur Twin',\r\n  etharon: '2 Tempat Tidur King Size',\r\n  leticia: '2 Tempat Tidur King Size',\r\n  declan: '1 Tempat Tidur Queen Size + 1 Tempat Tidur Single',\r\n  chicas: '2 Tempat Tidur King Size',\r\n  abe: '2 Tempat Tidur King Size + 2 tempat Tidur Single',\r\n  'zarra treehouse': '1 Tempat Tidur King Size',\r\n  'vila pohon zarra': '1 Tempat Tidur King Size',\r\n  lodge: 'Tempat Tidur Double + Tempat Tidur Single',\r\n  '\u6728\u5c4b\u522b\u5885': 'Tempat Tidur Double + Tempat Tidur Single',\r\n};\r\nconst bedroomCount = {\r\n    barata: 'Tiga',\r\n    beatrice: 'Empat',\r\n    brenda: 'Satu',\r\n    bianca: 'Satu',\r\n    etharon: 'Satu',\r\n    leticia: 'Satu',\r\n    declan: 'Satu',\r\n    chicas: 'Dua',\r\n    abe: 'Dua',\r\n    'zarra treehouse': 'Satu',\r\n    'vila pohon zarra': 'Satu',\r\n    lodge: 'Satu',\r\n    '\u6728\u5c4b\u522b\u5885': 'Satu',\r\n};\r\nconst toiletCount = {\r\n    barata: 10,\r\n    beatrice: 16,\r\n    brenda: 2,\r\n    bianca: 2,\r\n    etharon: 4,\r\n    leticia: 4,\r\n    declan: 3,\r\n    chicas: 4,\r\n    abe: 6,\r\n    'zarra treehouse': 2,\r\n    'vila pohon zarra': 2,\r\n    lodge: 3,\r\n    '\u6728\u5c4b\u522b\u5885': 3,\r\n};\r\nconst sizeFt = {\r\n    barata: 1550,\r\n    beatrice: 2185.1,\r\n    brenda: 269.1,\r\n    bianca: 269.1,\r\n    etharon: 602.7,\r\n    leticia: 581.2,\r\n    declan: 1237.8,\r\n    chicas: 925.6,\r\n    abe: 1420.8,\r\n    'zarra treehouse': 231.4,\r\n    'vila pohon zarra': 231.4,\r\n    lodge: 129.1,\r\n    '\u6728\u5c4b\u522b\u5885': 129.1,\r\n};\r\n        \r\n        \/\/ re-structure element\r\n        const searchResultWrapper = searchResult.querySelector('.mphb_sc_search_results-wrapper');\r\n        const roomTypes = searchResultWrapper.querySelectorAll('.mphb-room-type');\r\n        \r\n        const villaCount = Array.from(roomTypes).filter(roomType => roomType.classList.contains('mphb_room_type_category-vila-laut')).length;\r\n        \r\n        if (villaCount === 0) {\r\n            const notFoundElement = document.createElement('p');\r\n            notFoundElement.style.fontFamily = 'Poppins, sans-serif';\r\n            notFoundElement.style.fontWeight = '300';\r\n            notFoundElement.style.fontSize = '16px';\r\n            notFoundElement.textContent = 'Vila tidak ditemukan!';\r\n            \r\n            searchResultWrapper.appendChild(notFoundElement);\r\n        }\r\n        \r\n        const parentContainer = roomTypes[0].parentNode;\r\n        \r\n        const sortedRoomTypes = [...roomTypes].sort((a, b) => {\r\n            const priceA = parseFloat(a.querySelector('p.mphb-regular-price .mphb-price').textContent.replace(\/\\D\/g, ''));\r\n            const priceB = parseFloat(b.querySelector('p.mphb-regular-price .mphb-price').textContent.replace(\/\\D\/g, ''));\r\n            \r\n             if (priceA !== priceB) {\r\n                 return priceA - priceB;\r\n             }\r\n             \r\n             const nameA = a.querySelector('h2.mphb-room-type-title a').textContent.trim().toLowerCase();\r\n             const nameB = b.querySelector('h2.mphb-room-type-title a').textContent.trim().toLowerCase();\r\n             \r\n             return nameA.localeCompare(nameB);\r\n        });\r\n        \r\n        parentContainer.innerHTML = \"\";\r\n        sortedRoomTypes.forEach(roomType => parentContainer.appendChild(roomType));\r\n        \r\n        sortedRoomTypes.forEach((roomType) => {\r\n            const thumbnailElement = roomType.querySelector('p.mphb-loop-room-thumbnail');\r\n            const titleElement = roomType.querySelector('h2.mphb-room-type-title');\r\n            const excerptElement = titleElement.nextElementSibling;\r\n            excerptElement.style.fontFamily = 'Poppins, sans-serif';\r\n            const detailsElement = roomType.querySelector('ul.mphb-loop-room-type-attributes');\r\n            const areaElement = detailsElement.querySelector('li.mphb-room-type-size');\r\n            const categoriesElement = detailsElement.querySelector('li.mphb-room-type-categories');\r\n            const pricesElement = roomType.querySelector('p.mphb-regular-price');\r\n            const viewDetailsElement = roomType.querySelector('p.mphb-view-details-button-wrapper');\r\n            const bookBtnElement = roomType.querySelector('.mphb-reserve-room-section');\r\n            roomType.replaceChildren();\r\n            roomType.style.display = 'flex';\r\n\r\n            const leftContainer = document.createElement('div');\r\n            leftContainer.style.flex = '0 0 40%';\r\n            leftContainer.style.display = 'flex';\r\n\r\n            leftContainer.appendChild(thumbnailElement);\r\n\r\n            roomType.appendChild(leftContainer);\r\n\r\n            const rightContainer = document.createElement('div');\r\n            rightContainer.classList.add('lib-rl-right')\r\n            rightContainer.style.display = 'flex';\r\n            rightContainer.style.flexDirection = 'column';\r\n            rightContainer.style.justifyContent = 'center';\r\n            rightContainer.style.gap = '16px';\r\n            rightContainer.style.flex = '0 0 60%';\r\n            rightContainer.style.backgroundColor = '#FEFFFA';\r\n            rightContainer.style.borderRadius = '0 16px 16px 0';\r\n            rightContainer.style.padding = '40px';\r\n\r\n            const rightUpperContainer = document.createElement('div');\r\n            rightUpperContainer.style.display = 'flex';\r\n            rightUpperContainer.style.flexDirection = 'column';\r\n            rightUpperContainer.style.gap = '20px';\r\n\r\n            const rightUpperAContainer = document.createElement('div');\r\n            rightUpperAContainer.classList.add('lib-rl-right-upper-a')\r\n            rightUpperAContainer.style.display = 'flex';\r\n            rightUpperAContainer.style.justifyContent = 'space-between';\r\n             rightUpperAContainer.appendChild(titleElement);\r\n             \r\n             const pricesText = pricesElement.querySelector('.mphb-price');\r\n             const pricesPeriod = parseInt(pricesElement.querySelector('.mphb-price-period').textContent.replace(\/\\D\/g, '') || '1', 10);\r\n             pricesText.textContent = 'DARI Rp ' + parseInt(pricesText.textContent.replace(\/\\D\/g, '') \/ pricesPeriod).toLocaleString('id-ID');\r\n            rightUpperAContainer.appendChild(pricesText);\r\n\r\n            rightUpperContainer.appendChild(rightUpperAContainer);\r\n\r\n            const rightUpperBContainer = document.createElement('div');\r\n            rightUpperBContainer.style.display = 'flex';\r\n            rightUpperBContainer.style.gap = '20px';\r\n            \r\n            const titleText = titleElement.querySelector('a').textContent.toLowerCase();\r\n            const newTitle = titleElement.querySelector('a');\r\n            newTitle.textContent = newTitle.textContent + ' - ' + bedroomCount[titleText] + ' Kamar Tidur';\r\n            \r\n            const bedContainer = document.createElement('div');\r\n            bedContainer.classList.add('mphb-icon-container');\r\n            \r\n            const areaContainer = document.createElement('div');\r\n            areaContainer.classList.add('mphb-icon-container');\r\n            \r\n            const areaIcon = parser.parseFromString(areaSvg, \"image\/svg+xml\").documentElement;\r\n            \r\n            const areaText = areaElement.querySelector('.mphb-attribute-value');\r\n            const area = areaText.textContent.replace(\/(\\d+(\\.\\d+)?)([a-zA-Z]+)\/g, '$1 $3') + ' \/ ' + sizeFt[titleText] + ' ft\u00b2';\r\n            areaText.textContent = area;\r\n            \r\n            areaContainer.appendChild(areaIcon);\r\n            areaContainer.appendChild(areaText);\r\n            rightUpperBContainer.appendChild(areaContainer);\r\n            \r\n            const toiletContainer = document.createElement('div');\r\n            toiletContainer.classList.add('mphb-icon-container');\r\n            \r\n            const toiletIcon = parser.parseFromString(toiletSvg, \"image\/svg+xml\").documentElement;\r\n            \r\n            const toiletText = document.createElement('span');\r\n            toiletText.textContent = `Kapasitas ${toiletCount[titleText]} Orang`;\r\n            \r\n            toiletContainer.appendChild(toiletIcon);\r\n            toiletContainer.appendChild(toiletText);\r\n            rightUpperBContainer.appendChild(toiletContainer);\r\n            \r\n            const bedIcon = parser.parseFromString(bedSvg, \"image\/svg+xml\").documentElement;\r\n            \r\n            const bedText = document.createElement('span');\r\n            bedText.textContent = bedCount[titleText];\r\n            \r\n            bedContainer.appendChild(bedIcon);\r\n            bedContainer.appendChild(bedText);\r\n            rightUpperBContainer.appendChild(bedContainer);\r\n            \r\n            \r\n\r\n            rightUpperContainer.appendChild(rightUpperBContainer);\r\n\r\n            rightContainer.appendChild(rightUpperContainer);\r\n            \r\n            const divider = document.createElement('hr');\r\n            divider.style.borderTop = '1px solid #AAAAAA';\r\n            divider.style.marginTop = '24px';\r\n\r\n            rightContainer.appendChild(divider);\r\n\r\n\r\n            const rightLowerContainer = document.createElement('div');\r\n            rightLowerContainer.style.display = 'flex';\r\n            rightLowerContainer.style.flexDirection = 'column';\r\n            rightLowerContainer.style.gap = '20px';\r\n\r\n\r\n            const rightLowerAContainer = document.createElement('div');\r\n            rightLowerAContainer.appendChild(excerptElement);\r\n\r\n            rightLowerContainer.appendChild(rightLowerAContainer);\r\n\r\n            const rightLowerBContainer = document.createElement('div');\r\n\r\n            const viewDetailsText = viewDetailsElement.querySelector('a');\r\n            \/\/ viewDetailsText.textContent = 'Selengkapnya';\r\n            rightLowerBContainer.appendChild(viewDetailsElement);\r\n            rightLowerContainer.appendChild(rightLowerBContainer);\r\n\r\n            rightContainer.appendChild(rightLowerContainer);\r\n\r\n            roomType.appendChild(rightContainer);\r\n        });\r\n    }); \r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-2376390293\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-2376390293\" data-tab-index=\"3\" style=\"--n-tabs-title-order: 3;\" class=\"elementor-element elementor-element-adb6201 e-con-full e-flex e-con e-child\" data-id=\"adb6201\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-92b1cce elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"92b1cce\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c23a237 e-con-full e-flex e-con e-child\" data-id=\"c23a237\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a7602e0 lib-sr-search-result-3 elementor-widget elementor-widget-mphbe-search-results\" data-id=\"a7602e0\" data-element_type=\"widget\" data-widget_type=\"mphbe-search-results.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"mphb_sc_search_results-wrapper\"><div class=\"mphb-errors-wrapper\">\n\t<\/div>\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-696ed81 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"696ed81\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script>\r\n    document.addEventListener(\"DOMContentLoaded\", () => {\r\n        \/\/ remove uneeded element\r\n        const searchResult = document.querySelector('.lib-sr-search-result-3');\r\n        const searchResultInfo = searchResult.querySelector('.mphb_sc_search_results-info');\r\n        searchResultInfo.style.display = 'none';\r\n        const searchResultTitle = searchResult.querySelector('.mphb-recommendation-title');\r\n        searchResultTitle.style.display = 'none';\r\n        const searchResultRecommendation = searchResult.querySelector('.mphb-recommendation');\r\n        searchResultRecommendation.style.display = 'none';\r\n        const searchResultEmptyCart = searchResult.querySelector('.mphb-empty-cart');\r\n        searchResultEmptyCart.style.display = 'none';\r\n        const searchResultEmptyCartMessage = searchResult.querySelector('.mphb-empty-cart-message');\r\n        searchResultEmptyCartMessage.style.display = 'none';\r\n        \r\n        const bedSvg = `<svg width=\"18\" height=\"24\" viewBox=\"0 0 18 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M1 12.8787C1 12.3387 1 11.9987 1 11.9987C1 11.9987 1 4.21875 2.11 3.12875C4.32 0.99875 13.18 0.99875 15.4 3.12875C16.51 4.21875 16.51 11.9987 16.51 11.9987C16.51 11.9987 16.51 12.3387 16.51 12.8787C16.51 14.9487 16.29 20.0087 15.41 20.8787C13.18 22.9987 4.32 22.9988 2.1 20.8688C1.22 19.9988 1.03 14.9987 1 12.8787Z\" stroke=\"#AAAAAA\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<path d=\"M16.5 12.8792C16.5 14.9492 16.28 20.0092 15.4 20.8792C13.18 22.9992 4.32 22.9992 2.1 20.8692C1.22 20.0092 1.03 14.9492 1 12.8692C4.13 11.3492 13.37 11.3492 16.5 12.8792Z\" stroke=\"#AAAAAA\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<path d=\"M7.65922 6.26969C7.65922 6.26969 7.65922 7.42969 7.35922 7.58969C6.17957 7.92731 4.92887 7.92731 3.74922 7.58969C3.44922 7.42969 3.44922 6.26969 3.44922 6.26969C3.44922 6.26969 3.48922 5.11969 3.74922 4.99969C4.91772 4.67979 6.15072 4.67979 7.31922 4.99969C7.65922 5.11969 7.65922 6.26969 7.65922 6.26969Z\" stroke=\"#AAAAAA\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<path d=\"M14.0098 6.26962C14.0098 6.26962 14.0098 7.42962 13.7098 7.58962C12.5427 7.91965 11.307 7.91965 10.1398 7.58962C9.83984 7.42962 9.83984 6.26962 9.83984 6.26962C9.83984 6.26962 9.83984 5.11962 10.1398 4.94962C11.3255 4.6387 12.5733 4.65599 13.7498 4.99962C14.0098 5.11962 14.0098 6.26962 14.0098 6.26962Z\" stroke=\"#AAAAAA\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg>\r\n`;\r\nconst toiletSvg = `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\" viewBox=\"0 0 1600 1600\" width=\"20\" height=\"20\" fill=\"#AAAAAA\">\r\n<path transform=\"translate(328,414)\" d=\"m0 0h232l31 1 32 3 22 5 18 7 21 11 11 8 7 7 5 8 2 7-1 11-5 10-8 8-10 7-5 2-6-1-10-3-18-10-12-7-15-5-23-2-29-1h-245l-23 1-24 3-17 6-15 8-11 9-8 7-13 17-8 16-6 15-3 15-1 9-1 26v381l2 13 4 7 8 5 4 1h22l11-4 8-5 2-7 2-313 1-34 3-6 6-5 10-3h18l16 4 6 4 3 3 1 6 1 364v427l2 16 4 2 21 2h50l14-3 2-20 1-247 1-153 1-16 3-7 10-6 10-3h12l17 5 8 5 3 8 1 109 1 324 22 3 18 1h37l13-3 2-18 1-425 1-99 2-22 5-19 8-16 5-9 7-10 9-10 12-12 13-9 16-9 15-5 22-4 9-1 24-1h133l42 1 25 3 16 4 12 5 15 8 12 9 15 15 11 15 9 16 6 15 3 11 2 16v204l20-1 317-1-3-12-10-28-16-50-26-79-13-38-33-99-14-43-12-37-6-19-2-9-1-10 3-6 7-6 12-7 12-4h13l8 6 7 12 9 24 13 37 12 36 15 46 10 30 14 43 20 60 7 14 6 9 6 2 14-1 10-3 6-4h2l2-4 3-4v-8l-5-23-20-64-13-41-10-30-16-50-25-76-13-41-18-57-8-24-8-18-11-21-9-12-3-3v-2h-2l-5-5-11-8-11-5-10-3-15-2-20-1h-149l-33 1-21 2-11 4-13 8-16 12-14 10-5 4-4-1-14-9-6-5v-2h-2l-9-13-1-2v-9l8-15 17-17 21-14 16-8 13-5 19-4 16-2 28-1h135l38 1 28 3 21 5 16 6 14 8 14 10 10 9 8 7 11 14 9 14 10 19 13 32 15 44 15 48 10 30 14 43 12 37 12 36 12 38 12 36 15 46 10 33 4 19v28l-3 12-7 16-9 14-11 12-10 7-14 7-19 5-15 3h-3l5 14 5 11 5 20 1 6v18l-2 12-4 10-7 11-11 12-7 6-11 4-25 2-77 2-1 1v56l-1 171-1 37-3 21-5 12-6 10-10 13-7 7-10 7-17 8-16 4-8 1h-37l-14-3-5-3-7-6-7-5-6-1-16 7-10 6-11 4-27 3-18-1-15-3-12-5-10-6-13-11-10-11-8-13-6-15-3-14-1-10-1-22-1-172-2-6h-15l-14 3 1 3v78l-1 127-2 19-3 10-4 8-8 12-9 10-9 7-10 5-14 4-16 2-16 1h-89l-18-2-13-4-10-6-10-9-8-8-7-11-6-13-3-14-1-18v-193l-2-7-9-3-9-2h-10l-2 201-2 26-4 13-8 14-8 10-5 5-7 6-15 8-14 4-18 2-22 1h-49l-14-1-4-2-6-10-8-3h-10l-13 4-9 9-12 2-34 1h-31l-19-1-17-3-14-6-9-7-7-6-11-14-8-16-3-9-2-18-1-65-1-305-14 1-9 1h-20l-14-2-13-5-14-8-11-9-10-10-10-15-7-16-3-16-1-13-1-57v-338l1-24 3-21 5-17 13-28 8-13 12-16 11-12 12-11 16-12 15-9 15-7 16-5 26-5 21-2zm397 449-26 1-15 2-10 4-11 7-8 8-8 13-4 10-3 14-1 174v40l1 25 3 11 7 4 13 4 17 3 30 4 12 3 8 4 2 3 1 5 1 18 1 78v151l1 17 2 3 3 1 11 1h93l12-2 4-2 1-2 1-44v-135l1-68 2-17 5-8 8-4 16-3 40-5 13-5 5-5 3-6 2-13v-236l-3-12-7-13-9-11-8-7-12-6-17-3-20-1zm306 319-7 1-1 4v251l2 16 5 8 8 5 8 2h20l14-7 4-5 2-6 1-15v-252l-1-1-21-1zm125 0-4 1-1 6v247l1 13 3 8 4 5 12 6 7 1h13l10-3 9-6 4-10 1-165 1-62v-33l-1-6-8-1-23-1z\"\/>\r\n<path transform=\"translate(1100,65)\" d=\"m0 0h36l18 2 17 4 15 6 18 10 12 9 13 11 12 12 9 12 9 15 10 21 5 15 3 15 2 20v16l-3 26-6 20-8 17-12 20-10 13-9 10-12 11-19 12-14 7-19 7-12 3-16 2-22 1-27-2-20-4-19-7-14-7-14-10-14-12-11-12-12-17-12-21-7-17-5-19-2-12v-34l4-25 6-18 7-16 10-17 11-14 9-10 10-9 11-8 15-9 19-9 13-4zm4 63-16 4-14 6-11 7-12 11-11 14-10 21-4 14-2 14v14l3 17 7 17 9 14 9 11 11 9 14 9 16 6 10 2 10 1h12l19-3 14-5 15-8 10-8 9-9 9-13 6-13 4-13 2-18v-19l-3-17-6-15-9-14-9-10-12-10-16-9-15-5-13-2z\"\/>\r\n<path transform=\"translate(428,65)\" d=\"m0 0h37l18 2 18 5 15 6 19 11 13 10 12 11 10 10 10 14 10 17 9 21 4 13 3 18 1 12v18l-3 26-6 20-8 16-8 14-9 13-8 10-7 8-8 7-12 9-19 11-20 8-16 4-16 2h-37l-21-3-16-4-18-7-13-7-12-9-14-12-10-11-12-17-12-21-8-21-5-21-1-7v-33l4-25 6-18 8-18 11-18 14-17 8-8 14-11 18-11 19-9 13-4zm5 63-14 3-17 7-11 7-12 11-11 14-10 21-4 14-2 16v12l3 17 6 15 7 12 7 9 3 4h2l1 3 10 8 14 9 12 5 13 3 10 1h13l19-3 14-5 15-8 10-8 10-10 9-14 5-11 5-17 1-14v-18l-2-14-5-15-6-11-9-12-8-8-12-9-16-8-12-4-13-2z\"\/>\r\n<path transform=\"translate(792,512)\" d=\"m0 0h17l23 3 18 6 16 8 14 10 4 3v2l4 2 2 4h2l11 14 9 15 7 15 5 15 3 19v24l-3 19-5 15-12 23-8 11-12 14-14 11-14 8-14 6-21 5-7 1h-34l-20-3-21-7-15-9-11-9-13-13-10-14-9-16-6-14-4-15-2-11v-33l4-20 5-13 9-17 10-14 15-15 15-11 16-9 18-6 16-3zm1 64-13 2-9 4-10 6-9 7-9 15-5 12-2 7-1 12 2 13 4 12 8 12 9 10 10 7 8 4 17 4h15l12-3 13-7 10-8 8-9 6-11 4-12 1-8v-10l-2-14-4-11-6-10-11-11-13-8-14-4-10-1z\"\/>\r\n<\/svg>\r\n`;\r\n        const areaSvg = `<svg width=\"21\" height=\"17\" viewBox=\"0 0 21 17\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M19.5098 13.2266V2.19591C19.5098 1.87756 19.1882 1.65986 18.8926 1.7781L14.6449 3.47721C14.557 3.51234 14.4604 3.5189 14.3686 3.49596L6.65093 1.56654C6.55916 1.5436 6.46249 1.55016 6.37466 1.58529L1.79264 3.4181C1.62179 3.48644 1.50977 3.65191 1.50977 3.83591V14.8666C1.50977 15.1849 1.8313 15.4026 2.12689 15.2844L6.37466 13.5853C6.46249 13.5502 6.55916 13.5436 6.65093 13.5665L14.3686 15.496C14.4604 15.5189 14.557 15.5123 14.6449 15.4772L19.2269 13.6444C19.3977 13.5761 19.5098 13.4106 19.5098 13.2266Z\" stroke=\"#AAAAAA\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\r\n<path d=\"M14.5098 15.5313V3.53125\" stroke=\"#AAAAAA\" stroke-width=\"2\"\/>\r\n<path d=\"M6.50977 13.5313L6.50977 1.53125\" stroke=\"#AAAAAA\" stroke-width=\"2\"\/>\r\n<\/svg>\r\n`;\r\nconst parser = new DOMParser();\r\n\r\nconst bedCount = {\r\n  barata: '4 Tempat Tidur King Size + 2 Tempat Tidur Single',\r\n  beatrice: '8 Tempat Tidur King Size',\r\n  brenda: '1 Tempat Tidur King Size',\r\n  bianca: 'Tempat Tidur Twin',\r\n  etharon: '2 Tempat Tidur King Size',\r\n  leticia: '2 Tempat Tidur King Size',\r\n  declan: '1 Tempat Tidur Queen Size + 1 Tempat Tidur Single',\r\n  chicas: '2 Tempat Tidur King Size',\r\n  abe: '2 Tempat Tidur King Size + 2 tempat Tidur Single',\r\n  'zarra treehouse': '1 Tempat Tidur King Size',\r\n  'vila pohon zarra': '1 Tempat Tidur King Size',\r\n  lodge: 'Tempat Tidur Double + Tempat Tidur Single',\r\n  '\u6728\u5c4b\u522b\u5885': 'Tempat Tidur Double + Tempat Tidur Single',\r\n};\r\nconst bedroomCount = {\r\n    barata: 'Tiga',\r\n    beatrice: 'Empat',\r\n    brenda: 'Satu',\r\n    bianca: 'Satu',\r\n    etharon: 'Satu',\r\n    leticia: 'Satu',\r\n    declan: 'Satu',\r\n    chicas: 'Dua',\r\n    abe: 'Dua',\r\n    'zarra treehouse': 'Satu',\r\n    'vila pohon zarra': 'Satu',\r\n    lodge: 'Satu',\r\n    '\u6728\u5c4b\u522b\u5885': 'Satu',\r\n};\r\nconst toiletCount = {\r\n    barata: 10,\r\n    beatrice: 16,\r\n    brenda: 2,\r\n    bianca: 2,\r\n    etharon: 4,\r\n    leticia: 4,\r\n    declan: 3,\r\n    chicas: 4,\r\n    abe: 6,\r\n    'zarra treehouse': 2,\r\n    'vila pohon zarra': 2,\r\n    lodge: 3,\r\n    '\u6728\u5c4b\u522b\u5885': 3,\r\n};\r\nconst sizeFt = {\r\n    barata: 1550,\r\n    beatrice: 2185.1,\r\n    brenda: 269.1,\r\n    bianca: 269.1,\r\n    etharon: 602.7,\r\n    leticia: 581.2,\r\n    declan: 1237.8,\r\n    chicas: 925.6,\r\n    abe: 1420.8,\r\n    'zarra treehouse': 231.4,\r\n    'vila pohon zarra': 231.4,\r\n    lodge: 129.1,\r\n    '\u6728\u5c4b\u522b\u5885': 129.1,\r\n};\r\n        \r\n        \/\/ re-structure element\r\n        const searchResultWrapper = searchResult.querySelector('.mphb_sc_search_results-wrapper');\r\n        const roomTypes = searchResultWrapper.querySelectorAll('.mphb-room-type');\r\n        \r\n        const villaCount = Array.from(roomTypes).filter(roomType => roomType.classList.contains('mphb_room_type_category-lodge')).length;\r\n        \r\n        if (villaCount === 0) {\r\n            const notFoundElement = document.createElement('p');\r\n            notFoundElement.style.fontFamily = 'Poppins, sans-serif';\r\n            notFoundElement.style.fontWeight = '300';\r\n            notFoundElement.style.fontSize = '16px';\r\n            notFoundElement.textContent = 'Vila tidak ditemukan!';\r\n            \r\n            searchResultWrapper.appendChild(notFoundElement);\r\n        }\r\n        \r\n        const parentContainer = roomTypes[0].parentNode;\r\n        \r\n        const sortedRoomTypes = [...roomTypes].sort((a, b) => {\r\n            const priceA = parseFloat(a.querySelector('p.mphb-regular-price .mphb-price').textContent.replace(\/\\D\/g, ''));\r\n            const priceB = parseFloat(b.querySelector('p.mphb-regular-price .mphb-price').textContent.replace(\/\\D\/g, ''));\r\n            \r\n             if (priceA !== priceB) {\r\n                 return priceA - priceB;\r\n             }\r\n             \r\n             const nameA = a.querySelector('h2.mphb-room-type-title a').textContent.trim().toLowerCase();\r\n             const nameB = b.querySelector('h2.mphb-room-type-title a').textContent.trim().toLowerCase();\r\n             \r\n             return nameA.localeCompare(nameB);\r\n        });\r\n        \r\n        parentContainer.innerHTML = \"\";\r\n        sortedRoomTypes.forEach(roomType => parentContainer.appendChild(roomType));\r\n        \r\n        sortedRoomTypes.forEach((roomType) => {\r\n            const thumbnailElement = roomType.querySelector('p.mphb-loop-room-thumbnail');\r\n            const titleElement = roomType.querySelector('h2.mphb-room-type-title');\r\n            const excerptElement = titleElement.nextElementSibling;\r\n            excerptElement.style.fontFamily = 'Poppins, sans-serif';\r\n            const detailsElement = roomType.querySelector('ul.mphb-loop-room-type-attributes');\r\n            const areaElement = detailsElement.querySelector('li.mphb-room-type-size');\r\n            const categoriesElement = detailsElement.querySelector('li.mphb-room-type-categories');\r\n            const pricesElement = roomType.querySelector('p.mphb-regular-price');\r\n            const viewDetailsElement = roomType.querySelector('p.mphb-view-details-button-wrapper');\r\n            const bookBtnElement = roomType.querySelector('.mphb-reserve-room-section');\r\n            roomType.replaceChildren();\r\n            roomType.style.display = 'flex';\r\n\r\n            const leftContainer = document.createElement('div');\r\n            leftContainer.style.flex = '0 0 40%';\r\n            leftContainer.style.display = 'flex';\r\n\r\n            leftContainer.appendChild(thumbnailElement);\r\n\r\n            roomType.appendChild(leftContainer);\r\n\r\n            const rightContainer = document.createElement('div');\r\n            rightContainer.classList.add('lib-rl-right')\r\n            rightContainer.style.display = 'flex';\r\n            rightContainer.style.flexDirection = 'column';\r\n            rightContainer.style.justifyContent = 'center';\r\n            rightContainer.style.gap = '16px';\r\n            rightContainer.style.flex = '0 0 60%';\r\n            rightContainer.style.backgroundColor = '#FEFFFA';\r\n            rightContainer.style.borderRadius = '0 16px 16px 0';\r\n            rightContainer.style.padding = '40px';\r\n\r\n            const rightUpperContainer = document.createElement('div');\r\n            rightUpperContainer.style.display = 'flex';\r\n            rightUpperContainer.style.flexDirection = 'column';\r\n            rightUpperContainer.style.gap = '20px';\r\n\r\n            const rightUpperAContainer = document.createElement('div');\r\n            rightUpperAContainer.classList.add('lib-rl-right-upper-a')\r\n            rightUpperAContainer.style.display = 'flex';\r\n            rightUpperAContainer.style.justifyContent = 'space-between';\r\n             rightUpperAContainer.appendChild(titleElement);\r\n             \r\n             const pricesText = pricesElement.querySelector('.mphb-price');\r\n             const pricesPeriod = parseInt(pricesElement.querySelector('.mphb-price-period').textContent.replace(\/\\D\/g, '') || '1', 10);\r\n             pricesText.textContent = 'DARI Rp ' + parseInt(pricesText.textContent.replace(\/\\D\/g, '') \/ pricesPeriod).toLocaleString('id-ID');\r\n            rightUpperAContainer.appendChild(pricesText);\r\n\r\n            rightUpperContainer.appendChild(rightUpperAContainer);\r\n\r\n            const rightUpperBContainer = document.createElement('div');\r\n            rightUpperBContainer.style.display = 'flex';\r\n            rightUpperBContainer.style.gap = '20px';\r\n            \r\n            const titleText = titleElement.querySelector('a').textContent.toLowerCase();\r\n            const newTitle = titleElement.querySelector('a');\r\n            newTitle.textContent = newTitle.textContent + ' - ' + bedroomCount[titleText] + ' Kamar Tidur';\r\n            \r\n            const bedContainer = document.createElement('div');\r\n            bedContainer.classList.add('mphb-icon-container');\r\n            \r\n            const areaContainer = document.createElement('div');\r\n            areaContainer.classList.add('mphb-icon-container');\r\n            \r\n            const areaIcon = parser.parseFromString(areaSvg, \"image\/svg+xml\").documentElement;\r\n            \r\n            const areaText = areaElement.querySelector('.mphb-attribute-value');\r\n            const area = areaText.textContent.replace(\/(\\d+(\\.\\d+)?)([a-zA-Z]+)\/g, '$1 $3') + ' \/ ' + sizeFt[titleText] + ' ft\u00b2';\r\n            areaText.textContent = area;\r\n            \r\n            areaContainer.appendChild(areaIcon);\r\n            areaContainer.appendChild(areaText);\r\n            rightUpperBContainer.appendChild(areaContainer);\r\n            \r\n            const toiletContainer = document.createElement('div');\r\n            toiletContainer.classList.add('mphb-icon-container');\r\n            \r\n            const toiletIcon = parser.parseFromString(toiletSvg, \"image\/svg+xml\").documentElement;\r\n            \r\n            const toiletText = document.createElement('span');\r\n            toiletText.textContent = `Kapasitas ${toiletCount[titleText]} Orang`;\r\n            \r\n            toiletContainer.appendChild(toiletIcon);\r\n            toiletContainer.appendChild(toiletText);\r\n            rightUpperBContainer.appendChild(toiletContainer);\r\n            \r\n            const bedIcon = parser.parseFromString(bedSvg, \"image\/svg+xml\").documentElement;\r\n            \r\n            const bedText = document.createElement('span');\r\n            bedText.textContent = bedCount[titleText];\r\n            \r\n            bedContainer.appendChild(bedIcon);\r\n            bedContainer.appendChild(bedText);\r\n            rightUpperBContainer.appendChild(bedContainer);\r\n            \r\n            \r\n\r\n            rightUpperContainer.appendChild(rightUpperBContainer);\r\n\r\n            rightContainer.appendChild(rightUpperContainer);\r\n            \r\n            const divider = document.createElement('hr');\r\n            divider.style.borderTop = '1px solid #AAAAAA';\r\n            divider.style.marginTop = '24px';\r\n\r\n            rightContainer.appendChild(divider);\r\n\r\n\r\n            const rightLowerContainer = document.createElement('div');\r\n            rightLowerContainer.style.display = 'flex';\r\n            rightLowerContainer.style.flexDirection = 'column';\r\n            rightLowerContainer.style.gap = '20px';\r\n\r\n\r\n            const rightLowerAContainer = document.createElement('div');\r\n            rightLowerAContainer.appendChild(excerptElement);\r\n\r\n            rightLowerContainer.appendChild(rightLowerAContainer);\r\n\r\n            const rightLowerBContainer = document.createElement('div');\r\n\r\n            const viewDetailsText = viewDetailsElement.querySelector('a');\r\n            \/\/ viewDetailsText.textContent = 'Selengkapnya';\r\n            rightLowerBContainer.appendChild(viewDetailsElement);\r\n            rightLowerContainer.appendChild(rightLowerBContainer);\r\n\r\n            rightContainer.appendChild(rightLowerContainer);\r\n\r\n            roomType.appendChild(rightContainer);\r\n        });\r\n    }); \r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Booking Vila Temukan vila yang tepat untuk liburan anda Required fields are followed by * Check-in * Check-out * Adults 12345678910111213141516 Children 12 012345678 Vila Darat Vila Laut Lodge<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-641","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/leebong.alanindonesia.com\/zh\/wp-json\/wp\/v2\/pages\/641","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/leebong.alanindonesia.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/leebong.alanindonesia.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/leebong.alanindonesia.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/leebong.alanindonesia.com\/zh\/wp-json\/wp\/v2\/comments?post=641"}],"version-history":[{"count":864,"href":"https:\/\/leebong.alanindonesia.com\/zh\/wp-json\/wp\/v2\/pages\/641\/revisions"}],"predecessor-version":[{"id":4189,"href":"https:\/\/leebong.alanindonesia.com\/zh\/wp-json\/wp\/v2\/pages\/641\/revisions\/4189"}],"wp:attachment":[{"href":"https:\/\/leebong.alanindonesia.com\/zh\/wp-json\/wp\/v2\/media?parent=641"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}