{"id":2558,"date":"2021-11-22T13:00:52","date_gmt":"2021-11-22T05:00:52","guid":{"rendered":"https:\/\/glutenfreepleasure.com\/__proxy_domain\/stay.greatworld.com.sg\/?page_id=2558"},"modified":"2026-05-20T19:11:04","modified_gmt":"2026-05-20T11:11:04","slug":"compare","status":"publish","type":"page","link":"https:\/\/glutenfreepleasure.com\/__proxy_domain\/stay.greatworld.com.sg\/accommodation\/compare\/","title":{"rendered":"Compare"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2558\" class=\"elementor elementor-2558\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2481313d e-con-full e-flex e-con e-child\" data-id=\"2481313d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-151ed24a home-top-banner elementor--h-position-left elementor--v-position-bottom elementor-invisible elementor-widget elementor-widget-slides\" data-id=\"151ed24a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;navigation&quot;:&quot;none&quot;,&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;transition&quot;:&quot;slide&quot;,&quot;transition_speed&quot;:500}\" data-widget_type=\"slides.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper\">\n\t\t\t\t\t<div class=\"elementor-slides-wrapper elementor-main-swiper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Home banner\" dir=\"ltr\" data-animation=\"fadeInUp\">\n\t\t\t\t<div class=\"swiper-wrapper elementor-slides\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-repeater-item-c1cd8b4 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\" aria-label=\"contact page banner\"><\/div><div class=\"elementor-background-overlay\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><h1 class=\"elementor-slide-heading\">Accommodation<\/h1><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-531d9326 e-con-full e-flex e-con e-child\" data-id=\"531d9326\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e97bb7d home-reservation-form elementor-widget elementor-widget-reservation_form\" data-id=\"3e97bb7d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"reservation_form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <div class=\"reservationsformcontainer\">\r\n            \t<form name=\"reservations:console\" id=\"reservations-console\" action=\"https:\/\/be.synxis.com\" class=\"validate inline console  \" data-date-format=\"\" data-prevent-submit=\"\" novalidate=\"\" target=\"_blank\">\r\n                \t\r\n                    <input type=\"hidden\" name=\"hotel\" value=\"63452\" aria-hidden=\"true\">\r\n                    <input type=\"hidden\" name=\"chain\" value=\"17261\">\r\n                    <input type=\"hidden\" name=\"level\" value=\"hotel\">\r\n                    <input type=\"hidden\" name=\"locale\" value=\"en-US\">\r\n        \t\t\t<div class=\"reservationbox\">\r\n                        <div class=\"reservationbox reservationboxleft\">\r\n                            <div class=\"reservationfieldblock\">\r\n\r\n                                <div class=\"reservationsformfieldbox\">\r\n                                    <div class=\"boxtitle\">Arrival<\/div>\r\n                                    <div class=\"boxfield\">\r\n                                        <div class=\"datedisplay\">\r\n                                            <div class=\"dateday\">18<\/div>\r\n                                            <div class=\"datemonthyear\">\r\n                                                <div class=\"datemonth\">Sep<\/div>\r\n    <!--                                            <div class=\"dateyear\">--><!--<\/div>-->\r\n                                            <\/div>\r\n                                            <div class=\"clearer\"><\/div>\r\n                                        <\/div>\r\n                                        <div class=\"rdatefield\"><input type=\"text\" name=\"arrive\" class=\"arrive\" value=\"09\/18\/2026\" \/><\/div>\r\n                                                                            <\/div>\r\n                                    <div class=\"border\"><\/div>\r\n                                    <div class=\"clearer\"><\/div>\r\n                                <\/div>\r\n\r\n                            <\/div>\r\n                            <div class=\"reservationfieldblock\">\r\n                                <div class=\"reservationsformfieldbox\">\r\n                                    <div class=\"boxtitle\">Departure<\/div>\r\n                                    <div class=\"boxfield\">\r\n                                        <div class=\"datedisplay\">\r\n                                            <div class=\"dateday\">19<\/div>\r\n                                            <div class=\"datemonthyear\">\r\n                                                <div class=\"datemonth\">Sep<\/div>\r\n    <!--                                            <div class=\"dateyear\">--><!--<\/div>-->\r\n                                            <\/div>\r\n                                            <div class=\"clearer\"><\/div>\r\n                                        <\/div>\r\n                                        <div class=\"rdatefield\"><input type=\"text\" name=\"depart\" class=\"depart\" value=\"09\/19\/2026\" \/><\/div>\r\n                                                                            <\/div>\r\n                                    <div class=\"border\"><\/div>\r\n                                    <div class=\"clearer\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"reservationfieldblock qtyblock\">\r\n                                <div class=\"reservationsformfieldbox\">\r\n                                    <div class=\"boxtitle\">Guests<\/div>\r\n                                    <div class=\"boxfield\">\r\n                                        <input type=\"text\" name=\"adult\" class=\"adult\" value=\"1\" \/>\r\n                                        <div class=\"qtybtnbox\">\r\n                                            <div class=\"increasebtn\"><\/div>\r\n                                            <div class=\"decreasebtn\"><\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"border\"><\/div>\r\n                                    <div class=\"clearer\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"reservationfieldblock qtyblock\">\r\n                                <div class=\"reservationsformfieldbox\">\r\n                                    <div class=\"boxtitle\">Rooms<\/div>\r\n                                    <div class=\"boxfield\">\r\n                                        <input type=\"text\" name=\"rooms\" class=\"rooms\" value=\"1\" \/>\r\n                                        <div class=\"qtybtnbox\">\r\n                                            <div class=\"increasebtn\"><\/div>\r\n                                            <div class=\"decreasebtn\"><\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"border\"><\/div>\r\n                                    <div class=\"clearer\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n<!--                            <div class=\"reservationfieldblock\">-->\r\n<!--                                <div class=\"reservationsformfieldbox\">-->\r\n<!--                                    <div class=\"boxtitle\">--><!--<\/div>-->\r\n<!--                                    <div class=\"boxfield\">-->\r\n<!--                                        <div class=\"promofield\"><input type=\"text\" name=\"promo\" class=\"promo\" value=\"\" \/><\/div>-->\r\n<!--                                    <\/div>-->\r\n<!--                                    <div class=\"border\"><\/div>-->\r\n<!--                                    <div class=\"clearer\"><\/div>-->\r\n<!--                                <\/div>-->\r\n<!--                            <\/div>-->\r\n                        <\/div>\r\n                        <div class=\"reservationbox reservationboxright\">\r\n                            <button>Check Availability <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"clearer\"><\/div>\r\n                <\/form>\r\n            <\/div>        <script>\n        jQuery(document).ready(function($) {\n\n            const monthNames = [\"JAN\", \"FEB\", \"MAR\", \"APR\", \"MAY\", \"JUN\", \"JUL\", \"AUG\", \"SEP\", \"OCT\", \"NOV\", \"DEC\"];\n\n            \/\/ Datepicker initialization\n            $('.arrive, .depart').datepicker({\n                dateFormat: 'mm\/dd\/yy',\n                minDate: 0,\n                onSelect: function(dateText, inst) {\n                    var date = $(this).datepicker('getDate');\n                    var day = date.getDate();\n                    var month = date.getMonth() + 1;\n                    month = monthNames[date.getMonth()];\n                    var year = date.getFullYear();\n                    \n                    \/\/ Update date display\n                    var $parent = $(this).closest('.reservationsformfieldbox');\n                    $parent.find('.dateday').text(day);\n                    $parent.find('.datemonth').text(month);\n                    \/\/ $parent.find('.dateyear').text(year);\n                }\n            });\n            \n            $('.datedisplay').click(function() {\n                var input = $(this).closest('.boxfield').find('input');\n                if (input.length) {\n                    input.datepicker(\"show\");\n                }\n            });\n\n            \/\/ Quantity controls\n            \/\/ $('.increasebtn').click(function() {\n            \/\/     var input = $(this).closest('.boxfield').find('input');\n            \/\/     var value = parseInt(input.val()) + 1;\n            \/\/     input.val(value);\n            \/\/ });\n\n            \/\/ $('.decreasebtn').click(function() {\n            \/\/     var input = $(this).closest('.boxfield').find('input');\n            \/\/     var value = parseInt(input.val()) - 1;\n            \/\/     if (value >= 1) input.val(value);\n            \/\/ });\n        });\n        <\/script>\n        \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-d8f0091 e-flex e-con-boxed e-con e-parent\" data-id=\"d8f0091\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a82fa80 e-flex e-con-boxed e-con e-child\" data-id=\"a82fa80\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-70dfca0 e-con-full e-flex e-con e-child\" data-id=\"70dfca0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f071a25 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"f071a25\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Accommodations<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a886d9 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"4a886d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Comparison Chart<\/h2>\t\t\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-9f8edc4 comparison-button-add-room elementor-widget elementor-widget-button\" data-id=\"9f8edc4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Add Room<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4efb153 elementor-widget elementor-widget-accommodation_comparison\" data-id=\"4efb153\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"accommodation_comparison.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <div class=\"room-selector-wrapper comparison-button-add-room\">\n                <button class=\"room-selector-toggle\" style=\"display: none;\">\n                    Add Room                <\/button>\n                        <div class=\"room-selector-dropdown\">\n            <div class=\"room-list\">\n                                                            <div class=\"room-category\">\n                            <h4 class=\"category-title\">Apartments<\/h4>\n                                                            <label class=\"room-item\">\n                                    <input type=\"checkbox\" \n                                           value=\"374\"\n                                                                                      >\n                                    <span class=\"room-title\">One Bedroom Apartment<\/span>\n                                <\/label>\n                                                            <label class=\"room-item\">\n                                    <input type=\"checkbox\" \n                                           value=\"3390\"\n                                                                                      >\n                                    <span class=\"room-title\">Three &amp; Four Bedroom Pinnacle<\/span>\n                                <\/label>\n                                                            <label class=\"room-item\">\n                                    <input type=\"checkbox\" \n                                           value=\"818\"\n                                                                                      >\n                                    <span class=\"room-title\">Three Bedroom Apartment<\/span>\n                                <\/label>\n                                                            <label class=\"room-item\">\n                                    <input type=\"checkbox\" \n                                           value=\"2479\"\n                                                                                      >\n                                    <span class=\"room-title\">Three Bedroom Premier<\/span>\n                                <\/label>\n                                                            <label class=\"room-item\">\n                                    <input type=\"checkbox\" \n                                           value=\"4254\"\n                                                                                      >\n                                    <span class=\"room-title\">Three Bedroom Superior Apartment<\/span>\n                                <\/label>\n                                                            <label class=\"room-item\">\n                                    <input type=\"checkbox\" \n                                           value=\"9589\"\n                                                                                      >\n                                    <span class=\"room-title\">Three Bedroom Themed Family Apartment<\/span>\n                                <\/label>\n                                                            <label class=\"room-item\">\n                                    <input type=\"checkbox\" \n                                           value=\"825\"\n                                                                                      >\n                                    <span class=\"room-title\">Two &amp; Three Bedroom Terrace<\/span>\n                                <\/label>\n                                                            <label class=\"room-item\">\n                                    <input type=\"checkbox\" \n                                           value=\"788\"\n                                                                                      >\n                                    <span class=\"room-title\">Two Bedroom Apartment<\/span>\n                                <\/label>\n                                                    <\/div>\n                                                                                <div class=\"room-category\">\n                            <h4 class=\"category-title\">Penthouses<\/h4>\n                                                            <label class=\"room-item\">\n                                    <input type=\"checkbox\" \n                                           value=\"866\"\n                                                                                      >\n                                    <span class=\"room-title\">Four Bedroom Penthouse<\/span>\n                                <\/label>\n                                                            <label class=\"room-item\">\n                                    <input type=\"checkbox\" \n                                           value=\"3388\"\n                                                                                      >\n                                    <span class=\"room-title\">Three Bedroom Penthouse<\/span>\n                                <\/label>\n                                                            <label class=\"room-item\">\n                                    <input type=\"checkbox\" \n                                           value=\"859\"\n                                                                                      >\n                                    <span class=\"room-title\">Two Bedroom Penthouse<\/span>\n                                <\/label>\n                                                    <\/div>\n                                                <\/div>\n        <\/div>\n                    <\/div>\n                    <script>\n        function initializeRoomSelectors() {\n            \/\/ Handle all dropdowns\n            document.querySelectorAll('.room-selector-wrapper').forEach(wrapper => {\n                const toggle = wrapper.querySelector('.room-selector-toggle');\n                const dropdown = wrapper.querySelector('.room-selector-dropdown');\n                const checkboxes = wrapper.querySelectorAll('input[type=\"checkbox\"]');\n                const maxRooms = 5;\n\n                if (toggle && dropdown) {\n                    \/\/ Toggle dropdown\n                    toggle.addEventListener('click', function(e) {\n                        e.preventDefault();\n                        e.stopPropagation();\n                        \n                        \/\/ Close all other dropdowns\n                        document.querySelectorAll('.room-selector-dropdown.active').forEach(d => {\n                            if (d !== dropdown) {\n                                d.classList.remove('active');\n                                d.closest('.room-selector-wrapper').querySelector('.room-selector-toggle').classList.remove('active');\n                            }\n                        });\n                        \n                        dropdown.classList.toggle('active');\n                        toggle.classList.toggle('active');\n                    });\n                }\n\n                if (checkboxes) {\n                    \/\/ Handle checkbox changes\n                    checkboxes.forEach(checkbox => {\n                        checkbox.addEventListener('change', function() {\n                            const roomId = this.value;\n                            let atcIds = document.cookie.split('; ')\n                                .find(row => row.startsWith('atcIds='));\n                            atcIds = atcIds ? decodeURIComponent(atcIds.split('=')[1]) : '';\n                            let ids = atcIds ? atcIds.split(',') : [];\n\n                            if (this.checked) {\n                                \/\/ Add room\n                                if (!ids.includes(roomId)) {\n                                    if (ids.length >= maxRooms) {\n                                        alert('Maximum ' + maxRooms + ' rooms can be compared at once.');\n                                        this.checked = false;\n                                        return;\n                                    }\n                                    ids.push(roomId);\n                                }\n                            } else {\n                                \/\/ Remove room\n                                ids = ids.filter(id => id !== roomId);\n                            }\n\n                            \/\/ Update cookie and reload\n                            document.cookie = `atcIds=${encodeURIComponent(ids.join(','))}; path=\/`;\n                            window.location.reload();\n                        });\n                    });\n                }\n            });\n\n            \/\/ Close dropdown when clicking outside\n            document.addEventListener('click', function(e) {\n                if (!e.target.closest('.room-selector-wrapper')) {\n                    document.querySelectorAll('.room-selector-dropdown.active').forEach(dropdown => {\n                        dropdown.classList.remove('active');\n                        dropdown.closest('.room-selector-wrapper').querySelector('.room-selector-toggle').classList.remove('active');\n                    });\n                }\n            });\n        }\n\n        document.addEventListener('DOMContentLoaded', initializeRoomSelectors);\n        <\/script>\n                <div class=\"accommodation-comparison empty_state\">\n            <p class=\"no-rooms\" style=\"margin: 0\">No accommodations selected for comparison.<\/p>\n        <\/div>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Accommodation Arrival 20 May Departure 21 May Guests Rooms Check Availability Accommodations Comparison Chart Add Room Add Room Apartments One Bedroom Apartment Three &amp; Four Bedroom Pinnacle Three Bedroom Apartment Three Bedroom Premier Three Bedroom Superior Apartment Two &amp; Three Bedroom Terrace Two Bedroom Apartment Penthouses Four Bedroom Penthouse Three Bedroom Penthouse Two Bedroom Penthouse [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":210,"menu_order":18,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-2558","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/glutenfreepleasure.com\/__proxy_domain\/stay.greatworld.com.sg\/wp-json\/wp\/v2\/pages\/2558","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/glutenfreepleasure.com\/__proxy_domain\/stay.greatworld.com.sg\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/glutenfreepleasure.com\/__proxy_domain\/stay.greatworld.com.sg\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/glutenfreepleasure.com\/__proxy_domain\/stay.greatworld.com.sg\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/glutenfreepleasure.com\/__proxy_domain\/stay.greatworld.com.sg\/wp-json\/wp\/v2\/comments?post=2558"}],"version-history":[{"count":29,"href":"https:\/\/glutenfreepleasure.com\/__proxy_domain\/stay.greatworld.com.sg\/wp-json\/wp\/v2\/pages\/2558\/revisions"}],"predecessor-version":[{"id":9588,"href":"https:\/\/glutenfreepleasure.com\/__proxy_domain\/stay.greatworld.com.sg\/wp-json\/wp\/v2\/pages\/2558\/revisions\/9588"}],"up":[{"embeddable":true,"href":"https:\/\/glutenfreepleasure.com\/__proxy_domain\/stay.greatworld.com.sg\/wp-json\/wp\/v2\/pages\/210"}],"wp:attachment":[{"href":"https:\/\/glutenfreepleasure.com\/__proxy_domain\/stay.greatworld.com.sg\/wp-json\/wp\/v2\/media?parent=2558"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}