Profile Preference

<!doctype html> <html lang="en"> <head> <script type="text/javascript"> if (!window.dataLayer) { window.dataLayer = []; } function checkState2() { var td_cookie = document.cookie.split(";").some((item) => item.trim().startsWith("_td=")); if (!td_cookie) { setTimeout(checkState2, 100); } else { console.log("TD Cookie var present"); window.dataLayer.push({ 'event': 'TDCookieLoaded' }); } } function checkState3() { var sub_object = window.pphgDataLayer && window.pphgDataLayer.user && window.pphgDataLayer.user.userInfo; if (!sub_object) { setTimeout(checkState3, 100); } else { console.log("DL Core Object loaded success"); window.dataLayer.push({ 'event': 'DataLayerLoaded2' }); } } checkState2(); checkState3(); document.addEventListener("DOMContentLoaded", function() { console.log("DOM Loaded Success"); }); window.addEventListener("load", function() { console.log("Window Loaded Success"); }); </script> <meta charset="utf-8"/> <title>Profile Preference</title> <meta name="keywords"/> <meta name="description"/> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/> <meta name="HandheldFriendly" content="true"/> <meta name="pcode" content="global"/>  <meta property="fb:page_id" content="facebook"/> <meta property="og:type" content="website"/> <meta property="og:image"/> <meta property="og:url" content="https://www.panpacific.com/en/profile-preference.html"/> <meta property="og:description" content="Enjoy our best rates at Pan Pacific, PARKROYAL COLLECTION or PARKROYAL hotels, resorts and serviced suites across Asia Pacific, Europe and North America."/> <meta property="og:title" content="Profile Preference"/>  <meta itemprop="name" content="Profile Preference"/> <meta itemprop="description" content="Enjoy our best rates at Pan Pacific, PARKROYAL COLLECTION or PARKROYAL hotels, resorts and serviced suites across Asia Pacific, Europe and North America."/> <meta itemprop="image"/>  <meta name="robots" content="noindex"/> <link rel="manifest" href="/etc/designs/pphg-revamp/clientlibs/manifest.json"/> <link rel="icon" type="image/png" href="/etc/designs/pphg-revamp/clientlibs/images/favicon-16x16.png" sizes="16x16"/> <link rel="icon" type="image/png" href="/etc/designs/pphg-revamp/clientlibs/images/favicon-32x32.png" sizes="32x32"/> <link rel="icon" type="image/png" href="/etc/designs/pphg-revamp/clientlibs/images/favicon-96x96.png" sizes="96x96"/> <link rel="dns-prefetch" href="https://cdn-cookieyes.com"/> <link rel="dns-prefetch" href="https://log.cookieyes.com"/> <link rel="dns-prefetch" href="https://directory.cookieyes.com"/> <script type="text/javascript" src="https://try.abtasty.com/56e3c0b2449f294adec643daf70c81c3.js"></script> <script src="/etc/designs/pphg-revamp/clientlibs/js/language.js"></script> <script src="https://apis.google.com/js/api:client.js"></script> <script src="https://assets.adobedtm.com/c4c5f3fab5c3/976743ebd24b/launch-EN346b323a7b0e40daa8e8d6be48dd2c68.min.js" async></script>  <script> window.dataLayer = window.dataLayer || []; function gtag() { window.dataLayer.push(arguments); } gtag("consent", "default", { ad_storage: "denied", ad_user_data: "denied", ad_personalization: "denied", analytics_storage: "denied", functionality_storage: "denied", personalization_storage: "denied", security_storage: "granted", wait_for_update: 2000, }); gtag("set", "ads_data_redaction", true); gtag("set", "url_passthrough", true); </script>   <script> var gtmIDs = 'GTM-5V6HKK9,GTM-WPHBG5NB'; gtmIDs = gtmIDs.split(','); </script> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer',gtmIDs[0]); </script>   <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer',gtmIDs[1]); </script>   <script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/ed97c675ba87cafc3b9240cd/script.js"></script>  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/> <link rel="stylesheet" href="/etc/designs/pphg-revamp/clientlibs.css" type="text/css">  <script type="text/javascript" src="/etc.clientlibs/clientlibs/granite/jquery.js"></script> <script type="text/javascript" src="/etc.clientlibs/clientlibs/granite/utils.js"></script> <script type="text/javascript" src="/etc.clientlibs/clientlibs/granite/jquery/granite.js"></script> <script type="text/javascript" src="/etc.clientlibs/foundation/clientlibs/jquery.js"></script> <script type="text/javascript" src="/etc.clientlibs/foundation/clientlibs/shared.js"></script> <script type="text/javascript" src="/etc.clientlibs/cq/personalization/clientlib/personalization/kernel.js"></script> <script type="text/javascript"> $CQ(function() { CQ_Analytics.SegmentMgr.loadSegments("\/etc\/segmentation"); }); </script> <script type="text/javascript"> (function() { window.ContextHub = window.ContextHub || {}; /* setting paths */ ContextHub.Paths = ContextHub.Paths || {}; ContextHub.Paths.CONTEXTHUB_PATH = "/etc/cloudsettings/default/contexthub"; ContextHub.Paths.RESOURCE_PATH = "\/content\/pphg\u002Drevamp\/en\/profile\u002Dpreference\/_jcr_content\/contexthub"; ContextHub.Paths.SEGMENTATION_PATH = "\/conf\/pphg\/settings\/wcm\/segments"; ContextHub.Paths.CQ_CONTEXT_PATH = ""; /* setting initial constants */ ContextHub.Constants = ContextHub.Constants || {}; ContextHub.Constants.ANONYMOUS_HOME = "/home/users/e/e92MQGSEtQHxTkEkBJXD"; ContextHub.Constants.MODE = "no-ui"; }()); </script><script src="/etc/cloudsettings/default/contexthub.kernel.js" type="text/javascript"></script> </head> <body class="singapore en theme-global isAEM">  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5V6HKK9" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>   <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WPHBG5NB" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>  <h1 class="d-none"></h1> <div id="iframe-overlay" class=""></div> <div> </div>  <div class="main-wrapper--container "> <div><div class="section"><div class="new"></div> </div><div class="iparys_inherited"><div class="header-ipar iparsys parsys"><div class="ugcwidget section"> <div class="container-fluid p-0"> <style> @media (max-width: 991px){ .navigation3.component .main-navigation .navbar .navbar-items .book-now-button>div { left: 30px; } } .booking-panel.booking-panel-2.component.booking-panel-maintenance .maintenance-message.booking-panel__maintenance { z-index: 6; } a.col.items.buttonV2.book-now-button.d-none.d-lg-block.collapsed { display: none!important; } </style> </div></div> <div class="navigation3 component section"> <div class="top-navigation " data-property-hidesignuplinkroomrates="false"> <div class="container"> <div class="row"> <div class="col d-flex align-items-center p-0"> <a class="d-flex align-items-center panels-button" data-toggle="collapse" data-target="#top-navigation-drawer"> Select Your Destination <svg class="icon-container icon-chevron-down"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-down" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-down"> </use> </svg> </a> </div> <div class="col d-flex justify-content-end p-0"> <div class="currency-changer-container js-currency-changer d-inline-flex"> <a class="d-flex align-items-center panels-button" data-toggle="collapse" data-target="#currency-drawer"> <span class="currency-button"></span> <svg class="icon-container icon-chevron-down"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-down" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-down"> </use> </svg> </a> </div> <div class="dropdown language-dropdown d-inline-flex"> <button class="dropdown-toggle d-flex align-items-center language-change-button" id="languageMenuButton" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <svg class="icon-language icon-language-desktop"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-en-colour" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-en-colour"> </use> </svg> <span class="color-language-letter">English</span> <svg class="icon-container icon-chevron-down"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-down" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-down"> </use> </svg> </button> <div class="dropdown-menu" aria-labelledby="languageMenuButton"> <a class="dropdown-item d-flex align-items-center language-font-size convert-to-title-case" href="/en/profile-preference.html" data-lang="en" selected> <svg class="icon-container icon-language-choices"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-en-colour" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-en-colour"> </use> </svg> English </a> <a class="dropdown-item d-flex align-items-center language-font-size convert-to-title-case" href="/zh/profile-preference.html" data-lang="zh"> <svg class="icon-container icon-language-choices"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-zh-colour" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-zh-colour"> </use> </svg> 中文 </a> <a class="dropdown-item d-flex align-items-center language-font-size convert-to-title-case" href="/ja/profile-preference.html" data-lang="ja"> <svg class="icon-container icon-language-choices"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-ja-colour" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-ja-colour"> </use> </svg> 日本語 </a> </div> </div> <div class="d-flex align-items-center"> <a class="d-flex" href="/en/booking/modify.html"> <div class="label label-manage-booking">Manage Booking</div> </a> </div> <div class="d-inline-flex"><form class="global-search d-flex align-items-center justify-content-end" name="global-search" action="/content/pphg-revamp/en/search-result.html" data-enter-label="" method="GET"> <svg class="icon-container icon-search"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-search" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-search"></use> </svg> <div class="input-container"> <input type="text" name="search" placeholder="Search" data-endpoint="/content/pphg-admin/search-suggestion/_jcr_content.list.json"/><span class="bar"></span> </div> <div class="label">Search</div> </form> </div> </div> </div> </div> <div class="collapse panels black" id="top-navigation-drawer" data-parent=".navigation.component"> <div class="container container-property-pr pt-0 pb-0"> <div class="row-property row-property-pr mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en.html" class="global-property countryNameList-v3 destinationSubNav global-redirect"> Global Homepage </a> </div> </div> <ul class="collapse subCountryDestinationBG show"></ul> <div class="property-width">  <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#destinationSub-0" class="global-property countryNameList-v3 destinationSubNav collapsed"> Australia <div class="icon-sub-navigation-open"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </a> </div>  </div> <ul class="collapse subCountryDestination" data-parent="#main-navbar" id="destinationSub-0"> <a href="/en/countries/australia.html" class="sub-destination-link"> <h6 class="no-head-line">Australia</h6> </a> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-melbourne.html">Pan Pacific Melbourne</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-perth.html">Pan Pacific Perth</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-darling-harbour-sydney.html">PARKROYAL Darling Harbour, Sydney</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-melbourne-airport.html">PARKROYAL Melbourne Airport</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-monash-melbourne.html">PARKROYAL Monash Melbourne</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-parramatta.html">PARKROYAL Parramatta</a></li> </ul> <div> </div> <div class="property-width">  <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#destinationSub-1" class="global-property countryNameList-v3 destinationSubNav collapsed"> Bangladesh <div class="icon-sub-navigation-open"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </a> </div>  </div> <ul class="collapse subCountryDestination" data-parent="#main-navbar" id="destinationSub-1"> <a href="/en/countries/bangladesh.html" class="sub-destination-link"> <h6 class="no-head-line">Bangladesh</h6> </a> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-dhaka.html">Pan Pacific Sonargaon Dhaka</a></li> </ul> <div> </div> <div class="property-width">  <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#destinationSub-2" class="global-property countryNameList-v3 destinationSubNav collapsed"> Canada <div class="icon-sub-navigation-open"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </a> </div>  </div> <ul class="collapse subCountryDestination" data-parent="#main-navbar" id="destinationSub-2"> <a href="/en/countries/canada.html" class="sub-destination-link"> <h6 class="no-head-line">Canada</h6> </a> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-toronto.html">Pan Pacific Toronto</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-vancouver.html">Pan Pacific Vancouver</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-whistler-mountainside.html">Pan Pacific Whistler Mountainside</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-whistler-village-centre.html">Pan Pacific Whistler Village Centre</a></li> </ul> <div> </div> <div class="property-width">  <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#destinationSub-3" class="global-property countryNameList-v3 destinationSubNav collapsed"> China <div class="icon-sub-navigation-open"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </a> </div>  </div> <ul class="collapse subCountryDestination" data-parent="#main-navbar" id="destinationSub-3"> <a href="/en/countries/china.html" class="sub-destination-link"> <h6 class="no-head-line">China</h6> </a> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-beijing.html">Pan Pacific Beijing</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-ningbo.html">Pan Pacific Ningbo</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-suzhou.html">Pan Pacific Suzhou</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-tianjin.html">Pan Pacific Tianjin</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-xiamen.html">Pan Pacific Xiamen</a></li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pp-ss-ningbo.html">Pan Pacific Serviced Suites Ningbo</a></li> </ul> <div> </div> <div class="property-width">  <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#destinationSub-4" class="global-property countryNameList-v3 destinationSubNav collapsed"> Indonesia <div class="icon-sub-navigation-open"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </a> </div>  </div> <ul class="collapse subCountryDestination" data-parent="#main-navbar" id="destinationSub-4"> <a href="/en/countries/indonesia.html" class="sub-destination-link"> <h6 class="no-head-line">Indonesia</h6> </a> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-jakarta.html">Pan Pacific Jakarta</a></li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pr-ss-jakarta.html">PARKROYAL Serviced Suites Jakarta</a></li> </ul> <div> </div> <div class="property-width">  <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#destinationSub-5" class="global-property countryNameList-v3 destinationSubNav collapsed"> Japan <div class="icon-sub-navigation-open"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </a> </div>  </div> <ul class="collapse subCountryDestination" data-parent="#main-navbar" id="destinationSub-5"> <a href="/en/countries/japan.html" class="sub-destination-link"> <h6 class="no-head-line">Japan</h6> </a> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/bellustar-tokyo.html">BELLUSTAR TOKYO, A Pan Pacific Hotel</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/cerulean-tower-tokyu.html">Cerulean Tower Tokyu Hotel, A Pan Pacific Partner Hotel</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/higashiyama-kyoto.html">THE HOTEL HIGASHIYAMA KYOTO TOKYU, A Pan Pacific Hotel</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/hotel-groove-shinjuku.html">HOTEL GROOVE SHINJUKU, A PARKROYAL Hotel</a></li> </ul> <div> </div> <div class="property-width">  <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#destinationSub-6" class="global-property countryNameList-v3 destinationSubNav collapsed"> Kenya <div class="icon-sub-navigation-open"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </a> </div>  </div> <ul class="collapse subCountryDestination" data-parent="#main-navbar" id="destinationSub-6"> <a href="/en/countries/kenya.html" class="sub-destination-link"> <h6 class="no-head-line">Kenya</h6> </a> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pp-ss-nairobi.html">Pan Pacific Serviced Suites Nairobi </a></li> </ul> <div> </div> <div class="property-width">  <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#destinationSub-7" class="global-property countryNameList-v3 destinationSubNav collapsed"> Malaysia <div class="icon-sub-navigation-open"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </a> </div>  </div> <ul class="collapse subCountryDestination" data-parent="#main-navbar" id="destinationSub-7"> <a href="/en/countries/malaysia.html" class="sub-destination-link"> <h6 class="no-head-line">Malaysia</h6> </a> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-collection-kuala-lumpur.html">PARKROYAL COLLECTION Kuala Lumpur</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-afamosa-melaka-resort.html">PARKROYAL A'Famosa Melaka Resort</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-langkawi.html">PARKROYAL Langkawi Resort</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-penang.html">PARKROYAL Penang Resort</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-gurney-bay.html">Gurney Bay Hotel, A PARKROYAL Hotel</a></li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pp-ss-kuala-lumpur.html">Pan Pacific Serviced Suites Kuala Lumpur</a></li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pr-ss-kuala-lumpur.html">PARKROYAL Serviced Suites Kuala Lumpur</a></li> </ul> <div> </div> <div class="property-width">  <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#destinationSub-8" class="global-property countryNameList-v3 destinationSubNav collapsed"> Myanmar <div class="icon-sub-navigation-open"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </a> </div>  </div> <ul class="collapse subCountryDestination" data-parent="#main-navbar" id="destinationSub-8"> <a href="/en/countries/myanmar.html" class="sub-destination-link"> <h6 class="no-head-line">Myanmar</h6> </a> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-yangon.html">Pan Pacific Yangon</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-nay-pyi-taw.html">PARKROYAL Nay Pyi Taw</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-yangon.html">PARKROYAL Yangon</a></li> </ul> <div> </div> <div class="property-width">  <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#destinationSub-9" class="global-property countryNameList-v3 destinationSubNav collapsed"> Singapore <div class="icon-sub-navigation-open"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </a> </div>  </div> <ul class="collapse subCountryDestination" data-parent="#main-navbar" id="destinationSub-9"> <a href="/en/countries/singapore.html" class="sub-destination-link"> <h6 class="no-head-line">Singapore</h6> </a> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-orchard-sg.html">Pan Pacific Orchard</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-marina.html">Pan Pacific Singapore</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-collection-marina-bay.html">PARKROYAL COLLECTION Marina Bay, Singapore</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-collection-pickering.html">PARKROYAL COLLECTION Pickering, Singapore</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-beach-road.html">PARKROYAL on Beach Road, Singapore</a></li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pp-ss-beach-road.html">Pan Pacific Serviced Suites Beach Road, Singapore</a></li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pp-ss-orchard.html">Pan Pacific Serviced Suites Orchard, Singapore</a></li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pr-ss-singapore.html">PARKROYAL Serviced Suites Singapore</a></li> </ul> <div> </div> <div class="property-width">  <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#destinationSub-10" class="global-property countryNameList-v3 destinationSubNav collapsed"> Thailand <div class="icon-sub-navigation-open"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </a> </div>  </div> <ul class="collapse subCountryDestination" data-parent="#main-navbar" id="destinationSub-10"> <a href="/en/countries/thailand.html" class="sub-destination-link"> <h6 class="no-head-line">Thailand</h6> </a> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-ss-bangkok.html">PARKROYAL Suites Bangkok</a></li> </ul> <div> </div> <div class="property-width">  <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#destinationSub-11" class="global-property countryNameList-v3 destinationSubNav collapsed"> United Kingdom <div class="icon-sub-navigation-open"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </a> </div>  </div> <ul class="collapse subCountryDestination" data-parent="#main-navbar" id="destinationSub-11"> <a href="/en/countries/united-kingdom.html" class="sub-destination-link"> <h6 class="no-head-line">United Kingdom</h6> </a> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-london.html">Pan Pacific London</a></li> </ul> <div> </div> <div class="property-width">  <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#destinationSub-12" class="global-property countryNameList-v3 destinationSubNav collapsed"> Vietnam <div class="icon-sub-navigation-open"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </a> </div>  </div> <ul class="collapse subCountryDestination" data-parent="#main-navbar" id="destinationSub-12"> <a href="/en/countries/vietnam.html" class="sub-destination-link"> <h6 class="no-head-line">Vietnam</h6> </a> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-hanoi.html">Pan Pacific Hanoi</a></li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-saigon.html">PARKROYAL Saigon</a></li> </ul> <div> </div> <div> <div class="upcoming-event-list">  <div class="country component upcoming-destination"> <a data-toggle="collapse" data-target="#upcomingSub-13" class="global-property countryNameList-v3 destinationSubNav collapsed"> <span>Upcoming Hotels and Serviced Suites</span> <div class="icon-sub-navigation-open"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </a> </div>  </div> <ul class="collapse subUpComingNav" data-parent="#main-navbar" id="upcomingSub-13"> <h6 class="no-head-line">Upcoming Hotels and Serviced Suites</h6> <li class="subCountryContent"> <a class="links-type" href="/en/hotels-and-resorts/pr-dalian.html">PARKROYAL Dalian (Opening 2025)</a></li> <li class="subCountryContent"> <a class="links-type" href="/en/hotels-and-resorts/pr-jakarta.html">PARKROYAL Jakarta (Opening 2025)</a></li> <li class="subCountryContent"> <a class="links-type" href="/en/hotels-and-resorts/pp-phnom-penh.html">Pan Pacific Phnom Penh (Opening Q1 2026)</a></li> <li class="subCountryContent"> <a class="links-type" href="/en/hotels-and-resorts/pr-siem-reap.html">PARKROYAL Siem Reap (Opening Q1 2026)</a></li> <li class="subCountryContent"> <a class="links-type" href="/en/hotels-and-resorts/pp-siam-bangkok.html">Pan Pacific Siam Bangkok (Opening 2027)</a></li> <li class="subCountryContent"> <a class="links-type" href="/en/hotels-and-resorts/pr-hanoi.html">PARKROYAL Hanoi (Opening 2027)</a></li> <li class="subCountryContent"> <a class="links-type" href="/en/serviced-suites/pp-ss-bangkok.html">Pan Pacific Serviced Suites Bangkok (Opening 2027)</a></li> <li class="subCountryContent"> <a class="links-type" href="/en/serviced-suites/pr-ss-hanoi.html">PARKROYAL Serviced Suites Hanoi (Opening Soon)</a></li> </ul> </div> </div> </div> </div> <div class="collapse panels black" id="currency-drawer" data-parent=".navigation.component"> <div class="container"> <input type="hidden" id="defaultCurrency" value="SGD"/> <div class="row"> <div class="currency-column col-sm-6 col-md-4 col-lg-3"> <a class="currency" data-currency-code="SGD" data-currency-symbol="$"><span>SGD</span>Singapore Dollars (SGD)</a> <a class="currency" data-currency-code="USD" data-currency-symbol="$"><span>USD</span>US Dollar (USD)</a> <a class="currency" data-currency-code="DZD" data-currency-symbol="$"><span>DZD</span>Algerian Dinar (DZD)</a> <a class="currency" data-currency-code="AUD" data-currency-symbol="$"><span>AUD</span>Australian Dollar (AUD)</a> <a class="currency" data-currency-code="BHD" data-currency-symbol="$"><span>BHD</span>Bahraini Dinar (BHD)</a> <a class="currency" data-currency-code="BOB" data-currency-symbol="$b"><span>BOB</span>Bolivian Boliviano (BOB)</a> <a class="currency" data-currency-code="BWP" data-currency-symbol="P"><span>BWP</span>Botswanan Pula (BWP)</a> <a class="currency" data-currency-code="BRL" data-currency-symbol="R$"><span>BRL</span>Brazilian Real (BRL)</a> <a class="currency" data-currency-code="GBP" data-currency-symbol="£"><span>GBP</span>British Pound Sterling (GBP)</a> <a class="currency" data-currency-code="BND" data-currency-symbol="$"><span>BND</span>Brunei Dollar (BND)</a> <a class="currency" data-currency-code="BGN" data-currency-symbol="лв"><span>BGN</span>Bulgarian Lev (BGN)</a> <a class="currency" data-currency-code="CAD" data-currency-symbol="$"><span>CAD</span>Canadian Dollar (CAD)</a> <a class="currency" data-currency-code="KYD" data-currency-symbol="$"><span>KYD</span>Cayman Islands Dollar (KYD)</a> <a class="currency" data-currency-code="XOF" data-currency-symbol="$"><span>XOF</span>CFA Franc BCEAO (XOF)</a> <a class="currency" data-currency-code="CLP" data-currency-symbol="$"><span>CLP</span>Chilean Peso (CLP)</a> <a class="currency" data-currency-code="CNY" data-currency-symbol="¥"><span>CNY</span>Chinese Yuan (CNY)</a> <a class="currency" data-currency-code="COP" data-currency-symbol="$"><span>COP</span>Colombian Peso (COP)</a> <a class="currency" data-currency-code="CRC" data-currency-symbol="₡"><span>CRC</span>Costa Rican Colón (CRC)</a> <a class="currency" data-currency-code="HRK" data-currency-symbol="kn"><span>HRK</span>Croatian Kuna (HRK)</a> <a class="currency" data-currency-code="CZK" data-currency-symbol="Kč"><span>CZK</span>Czech Republic Koruna (CZK)</a> <a class="currency" data-currency-code="DKK" data-currency-symbol="kr"><span>DKK</span>Danish Krone (DKK)</a> <a class="currency" data-currency-code="DOP" data-currency-symbol="RD$"><span>DOP</span>Dominican Peso (DOP)</a> <a class="currency" data-currency-code="EGP" data-currency-symbol="£"><span>EGP</span>Egyptian Pound (EGP)</a> </div> <div class="currency-column col-sm-6 col-md-4 col-lg-3"> <a class="currency" data-currency-code="EEK" data-currency-symbol="$"><span>EEK</span>Estonian Kroon (EEK)</a> <a class="currency" data-currency-code="EUR" data-currency-symbol="€"><span>EUR</span>Euro (EUR)</a> <a class="currency" data-currency-code="FJD" data-currency-symbol="$"><span>FJD</span>Fijian Dollar (FJD)</a> <a class="currency" data-currency-code="HNL" data-currency-symbol="L"><span>HNL</span>Honduran Lempira (HNL)</a> <a class="currency" data-currency-code="HKD" data-currency-symbol="$"><span>HKD</span>Hong Kong Dollar (HKD)</a> <a class="currency" data-currency-code="HUF" data-currency-symbol="Ft"><span>HUF</span>Hungarian Forint (HUF)</a> <a class="currency" data-currency-code="INR" data-currency-symbol="₹"><span>INR</span>Indian Rupee (INR)</a> <a class="currency" data-currency-code="IDR" data-currency-symbol="Rp"><span>IDR</span>Indonesian Rupiah (IDR)</a> <a class="currency" data-currency-code="ILS" data-currency-symbol="₪"><span>ILS</span>Israeli New Sheqel (ILS)</a> <a class="currency" data-currency-code="JMD" data-currency-symbol="J$"><span>JMD</span>Jamaican Dollar (JMD)</a> <a class="currency" data-currency-code="JPY" data-currency-symbol="¥"><span>JPY</span>Japanese Yen (JPY)</a> <a class="currency" data-currency-code="JOD" data-currency-symbol="$"><span>JOD</span>Jordanian Dinar (JOD)</a> <a class="currency" data-currency-code="KZT" data-currency-symbol="лв"><span>KZT</span>Kazakhstani Tenge (KZT)</a> <a class="currency" data-currency-code="KES" data-currency-symbol="$"><span>KES</span>Kenyan Shilling (KES)</a> <a class="currency" data-currency-code="KWD" data-currency-symbol="$"><span>KWD</span>Kuwaiti Dinar (KWD)</a> <a class="currency" data-currency-code="LVL" data-currency-symbol="$"><span>LVL</span>Latvian Lats (LVL)</a> <a class="currency" data-currency-code="LBP" data-currency-symbol="£"><span>LBP</span>Lebanese Pound (LBP)</a> <a class="currency" data-currency-code="LTL" data-currency-symbol="$"><span>LTL</span>Lithuanian Litas (LTL)</a> <a class="currency" data-currency-code="MKD" data-currency-symbol="ден"><span>MKD</span>Macedonian Denar (MKD)</a> <a class="currency" data-currency-code="MYR" data-currency-symbol="RM"><span>MYR</span>Malaysian Ringgit (MYR)</a> <a class="currency" data-currency-code="MUR" data-currency-symbol="₨"><span>MUR</span>Mauritian Rupee (MUR)</a> <a class="currency" data-currency-code="MXN" data-currency-symbol="$"><span>MXN</span>Mexican Peso (MXN)</a> <a class="currency" data-currency-code="MDL" data-currency-symbol="$"><span>MDL</span>Moldovan Leu (MDL)</a> </div> <div class="currency-column col-sm-6 col-md-4 col-lg-3"> <a class="currency" data-currency-code="MAD" data-currency-symbol="$"><span>MAD</span>Moroccan Dirham (MAD)</a> <a class="currency" data-currency-code="NAD" data-currency-symbol="$"><span>NAD</span>Namibian Dollar (NAD)</a> <a class="currency" data-currency-code="NPR" data-currency-symbol="₨"><span>NPR</span>Nepalese Rupee (NPR)</a> <a class="currency" data-currency-code="ANG" data-currency-symbol="ƒ"><span>ANG</span>Netherlands Antillean Guilder (ANG)</a> <a class="currency" data-currency-code="TWD" data-currency-symbol="NT$"><span>TWD</span>New Taiwan Dollar (TWD)</a> <a class="currency" data-currency-code="NZD" data-currency-symbol="$"><span>NZD</span>New Zealand Dollar (NZD)</a> <a class="currency" data-currency-code="NIO" data-currency-symbol="C$"><span>NIO</span>Nicaraguan Córdoba (NIO)</a> <a class="currency" data-currency-code="NGN" data-currency-symbol="₦"><span>NGN</span>Nigerian Naira (NGN)</a> <a class="currency" data-currency-code="NOK" data-currency-symbol="kr"><span>NOK</span>Norwegian Krone (NOK)</a> <a class="currency" data-currency-code="OMR" data-currency-symbol="﷼"><span>OMR</span>Omani Rial (OMR)</a> <a class="currency" data-currency-code="PKR" data-currency-symbol="₨"><span>PKR</span>Pakistani Rupee (PKR)</a> <a class="currency" data-currency-code="PGK" data-currency-symbol="$"><span>PGK</span>Papua New Guinean Kina (PGK)</a> <a class="currency" data-currency-code="PYG" data-currency-symbol="Gs"><span>PYG</span>Paraguayan Guarani (PYG)</a> <a class="currency" data-currency-code="PEN" data-currency-symbol="S/."><span>PEN</span>Peruvian Nuevo Sol (PEN)</a> <a class="currency" data-currency-code="PHP" data-currency-symbol="₱"><span>PHP</span>Philippine Peso (PHP)</a> <a class="currency" data-currency-code="PLN" data-currency-symbol="zł"><span>PLN</span>Polish Zioty (PLN)</a> <a class="currency" data-currency-code="QAR" data-currency-symbol="﷼"><span>QAR</span>Qatari Rial (QAR)</a> <a class="currency" data-currency-code="RON" data-currency-symbol="lei"><span>RON</span>Romanian Leu (RON)</a> <a class="currency" data-currency-code="RUB" data-currency-symbol="руб"><span>RUB</span>Russian Ruble (RUB)</a> <a class="currency" data-currency-code="SVC" data-currency-symbol="$"><span>SVC</span>Salvadoran Colón (SVC)</a> <a class="currency" data-currency-code="SAR" data-currency-symbol="﷼"><span>SAR</span>Saudi Riyal (SAR)</a> <a class="currency" data-currency-code="RSD" data-currency-symbol="Дин."><span>RSD</span>Serbian Dinar (RSD)</a> <a class="currency" data-currency-code="SCR" data-currency-symbol="₨"><span>SCR</span>Seychellois Rupee (SCR)</a> </div> <div class="currency-column col-sm-6 col-md-4 col-lg-3"> <a class="currency" data-currency-code="SLL" data-currency-symbol="$"><span>SLL</span>Sierra Leonean Leone (SLL)</a> <a class="currency" data-currency-code="SKK" data-currency-symbol="$"><span>SKK</span>Slovak Koruna (SKK)</a> <a class="currency" data-currency-code="ZAR" data-currency-symbol="R"><span>ZAR</span>South African Rand (ZAR)</a> <a class="currency" data-currency-code="KRW" data-currency-symbol="₩"><span>KRW</span>South Korean Won (KRW)</a> <a class="currency" data-currency-code="LKR" data-currency-symbol="₨"><span>LKR</span>Sri Lankan Rupee (LKR)</a> <a class="currency" data-currency-code="SEK" data-currency-symbol="kr"><span>SEK</span>Swedish Krona (SEK)</a> <a class="currency" data-currency-code="CHF" data-currency-symbol="CHF"><span>CHF</span>Swiss Franc (CHF)</a> <a class="currency" data-currency-code="TZS" data-currency-symbol="$"><span>TZS</span>Tanzanian Shilling (TZS)</a> <a class="currency" data-currency-code="THB" data-currency-symbol="฿"><span>THB</span>Thai Baht (THB)</a> <a class="currency" data-currency-code="TTD" data-currency-symbol="TT$"><span>TTD</span>Trinidad and Tobago Dollar (TTD)</a> <a class="currency" data-currency-code="TND" data-currency-symbol="$"><span>TND</span>Tunisian Dinar (TND)</a> <a class="currency" data-currency-code="TRY" data-currency-symbol="₺"><span>TRY</span>Turkish Lira (TRY)</a> <a class="currency" data-currency-code="UGX" data-currency-symbol="$"><span>UGX</span>Ugandan Shilling (UGX)</a> <a class="currency" data-currency-code="UAH" data-currency-symbol="₴"><span>UAH</span>Ukrainian Hryvnia (UAH)</a> <a class="currency" data-currency-code="AED" data-currency-symbol="$"><span>AED</span>United Arab Emirates Dirham (AED)</a> <a class="currency" data-currency-code="UYU" data-currency-symbol="$U"><span>UYU</span>Uruguayan Peso (UYU)</a> <a class="currency" data-currency-code="UZS" data-currency-symbol="лв"><span>UZS</span>Uzbekistan Som (UZS)</a> <a class="currency" data-currency-code="VEF" data-currency-symbol="Bs"><span>VEF</span>Venezuelan Bolívar (VEF)</a> <a class="currency" data-currency-code="VND" data-currency-symbol="₫"><span>VND</span>Vietnamese Dong (VND)</a> <a class="currency" data-currency-code="YER" data-currency-symbol="﷼"><span>YER</span>Yemeni Rial (YER)</a> <a class="currency" data-currency-code="ZMK" data-currency-symbol="$"><span>ZMK</span>Zambian Kwacha (1968-2012) (ZMK)</a> </div> </div> </div> </div> </div> <nav class="main-navigation"> <div class="navbar navbar-expand-lg" id="main-navbar"> <div class="container"> <div class="main-bar d-flex align-items-center"> <div class="d-flex"> <div class="d-flex bars-v3-wrapper"> <div class="bars-v3 panels-button" style="z-index: 1000;"> <div class="bar1"></div> <div class="bar2"></div> <div class="bar3"></div> </div> <div class="burger-menu-mobile"> <button class="navbar-toggler non-active-mobile-toggler" type="button" data-target="#navbarMobile" style="transform: rotate(180deg);" aria-label="Toggle navigation"> <div class="head-navbar-mobile"> <div class="nav-burger-mobile"></div> <div class="nav-burger-mobile1"></div> <div class="nav-burger-mobile2"></div> </div> </button> </div> </div> <div> <a class="navbar-brand" href="/en.html"> <img class="branding-logo" src="/content/dam/pphg-revamp/logos/logo-pphg-uol-space.svg"/> </a> </div> </div> <div class="navbar-items d-flex align-items-center justify-content-end"> <div class="eshop-button"> <a class="d-flex align-items-center gift-wrapper " analytics-id="Top Nav Bar" href="/content/pphg-revamp/en/eshop.html" analytics-text="eShop" target="_blank"> <svg class="icon-container icon-list gift"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-shop" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-shop"></use> </svg> <div class="label">eShop</div> </a> </div> <div class="d-flex tooltip-signup"> <a class="d-flex align-items-center signin-icon member-nav signin-signup-btn" data-src="#gha-fancybox-modal" data-fancybox analytics-id="topnav_signup"> <svg class="icon-container icon-profile"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-profile" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-profile"> </use> </svg> <div class="label"> <span>Pan Pacific DISCOVERY</span> <span class="label3">Sign Up/Login</span> </div> </a> <div class="tooltip-signup-img" style="--signUpToolTipColor: #F7F2E8;"> <a href="https://www.panpacific.com/en/panpacific-discovery/sign-up-today.html?utm_source=aem&utm_medium=website&utm_campaign=non-members-personalisation"><img alt="" src="/content/dam/pphg-revamp/en/global/tooltip/ppd-sign-up-tooltip-image.png"/></a> </div> <div class="dropdown member-nav logged-in d-none"> <a class="d-flex signin-icon d-flex align-items-center" id="member-menu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <svg class="icon-container icon-profile"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-profile" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-profile"> </use> </svg> <span class="name-logged-in"></span> <i class="fa fa-angle-down"></i> </a> <div class="dropdown-menu menu-for-logged-in" aria-labelledby="member-menu"> <a class="dropdown-item dropdown-font d-flex" href="/en/profile-preference.html#travel-dashboard">Travel Dashboard</a> <a class="dropdown-item dropdown-font d-flex" href="/en/profile-preference.html#bookings">Bookings</a> <a class="dropdown-item dropdown-font d-flex" href="/en/profile-preference.html#profile">Profile</a> <hr/> <a class="dropdown-item dropdown-font d-flex logout-link">Logout</a> <input type="hidden" name="loginprofileendpoint" value="/content/pphg-revamp/en/jcr:content/header-ipar/header_v2_0/sign-in-v2.loginprofile.html"/> <input type="hidden" name="logoutendpoint" value="/content/pphg-revamp/en/jcr:content/header-ipar/header_v2_0/sign-in-v2.logout.html"/> </div> </div> <div class="gha-modal component"> <div class="d-none"> <div id="gha-fancybox-modal"> <div class="gha-form component"> <div id="login-screen" v-if="currentView=='login-screen'" v-cloak> <div class="row"> <div class="col-sm-6">  <h3>Pan Pacific DISCOVERY Sign In</h3>  <form class="login-form pt10" data-action="/content/pphg-revamp/en/jcr:content/header-ipar/header_v2_0/sign-in-v2.login.html" data-method="POST"> <div class="form-group custom-input-textfield" :class="{'is-filled' : login.loginid!='','text-error': errors.has('loginid')}"> <label for="loginid">Username or Email Address</label> <input class="form-control" type="text" v-validate="'required'" v-model="login.loginid" name="loginid" key="loginid" data-error-msg="Username or Email Address is required."/> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('loginid')" v-text="errors.first('loginid')"></p> </div> </div> <div class="form-group custom-input-textfield" :class="{'is-filled' : login.password!='','text-error': errors.has('password')}"> <label for="password">Password</label> <input class="form-control" type="password" v-validate="'required'" v-model="login.password" name="password" key="password" data-error-msg="Password is required."/> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('password')" v-text="errors.first('password')"></p> </div> </div> <input type="checkbox" class="hp-field" name="agreement-pp" v-model="login.agreementpp" value="1" tabindex="-1" autocomplete="off"/> <google-recaptcha v-if="!chinaNetwork" api-key="6LdJVrwmAAAAAJuYhrQPpLAsF-XOG2R7M-q3ojLS" action="login" :on-success="onRecaptchaLoginFormSubmit"> <button class="button button-primary btn login">Sign In</button> </google-recaptcha> <button v-if="chinaNetwork" class="button button-primary btn login" type="submit" v-on:click="onLoginFormSubmit">Sign In</button> <a class="btn-block smaller h-link" v-on:click="onShowForgetPassword" href="#">Forgot Password</a> </form> <div class="additional-option"> <div class="row"> <div class="col-sm-5"><span></span></div> <div class="col-sm-2">OR</div> <div class="col-sm-5"><span></span></div> </div> </div> <div class="social-icons">  <a class="btn" id="fbLink" href="javascript:void(0);" v-on:click="fbLogin"> <svg class="icon-container align-self-center"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-facebook" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-facebook"></use><span>Login with Facebook</span> </svg> </a> <a href="javascript:void(0);" class="customGPlusSignIn" id="googleLink" onclick="startApp();"> <svg class="icon-container align-self-center"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-login-google" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-login-google"></use><span>Sign in with Google</span> </svg> </a> </div> </div> <div class="col-sm-6 join-today"> <div class="desktop-version d-none d-md-block d-lg-block d-lg-none"> <div class="join-title">  <h3>Join Us Today</h3>   <h4>Benefits of Pan Pacific DISCOVERY</h4>  </div> <div class="mt30 register-content"> <ul> <li> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-bestrate" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-bestrate"> </use> </svg>10% savings year-round on Flexible Rate </li> <li> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-discovery-dollar" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-discovery-dollar"> </use> </svg>Instant currency rewards on eligible spend </li> <li> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-nearby-dining" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-nearby-dining"> </use> </svg>Up to 25% savings on total dining bill </li> <li> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-reward" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-reward"> </use> </svg>Exclusive birthday savings and privileges </li> <li> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-room-upgrade" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-room-upgrade"> </use> </svg>Enjoy complimentary room upgrades* </li> <li> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-information-o" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-information-o"> </use> </svg>*Subject to availability upon check-in </li> </ul> </div> </div> <div class="mobile-version d-block d-sm-none">  <h3>Join Us Today</h3>  <p>Receive exclusive membership benefits!</p> </div> <a class="button button-primary register" href="/en/panpacific-discovery/sign-up-today.html">REGISTER</a> </div> </div> </div> <div id="select-login-account-screen" v-if="currentView=='select-login-account-screen'" v-cloak> <div class="row"> <div class="col-xs-12 col-sm-12">  <h3>Select Account</h3>  <p>Please select from the accounts below:</p> <form class="login-account-form" data-action="/content/pphg-revamp/en/jcr:content/header-ipar/header_v2_0/sign-in-v2.login.html" data-method="POST"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 no-padding" v-for="profile in login.profiles"> <div class="account-wrapper" v-on:click="onSelectLoginAccount(profile.profileId)" v-bind:class="{ selected: profile.selected }"> <div class="card-image"> <img class="img-fluid" :src="profile.membercard" :alt="profile.membershipLevel"/> </div> <div class="card-info d-flex flex-column justify-content-center"> <p>{{profile.firstName}} {{profile.lastName}}</p> <small v-text="profile.membershipNumber"></small> </div> </div> </div> </div>  <div> <a class="button button-primary btn btn-block" v-bind:class="{ disabled: login.profileid =='' }" v-on:click="onSelectLoginAccountSubmit()">SELECT</a> <a class="link link-primary d-block text-center" v-on:click="onBackToLoginScreen()">CANCEL</a></div> </form> </div> </div> </div> <div id="forget-password-screen" v-if="currentView=='forget-password-screen'" v-cloak> <div class="row"> <div class="col-sm-12">  <h3>Forgot Password</h3>  <p><p>Thank you for your request. If you have forgotten or lost your password, please visit <a href="https://www.ghadiscovery.com/member/forgot_password" target="_blank">GHA DISCOVERY</a> to reset it.<br /> </p> </p> <form class="forget-password-form pt10 pb20" data-action="/content/pphg-revamp/en/jcr:content/header-ipar/header_v2_0/sign-in-v2.resetpassword.html" data-method="POST"> <div class="form-group custom-input-textfield" :class="{'is-filled' : reset.usernameemail!='','text-error': errors.has('usernameemail')}"> <label for="usernameemail">Username or Email Address</label> <input class="form-control" type="text" v-validate="'required'" v-model="reset.usernameemail" name="usernameemail" key="usernameemail" data-error-msg="Username or Email Address is required."/> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('usernameemail')" v-text="errors.first('usernameemail')"></p> </div> </div> <google-recaptcha v-if="!chinaNetwork" api-key="6LdJVrwmAAAAAJuYhrQPpLAsF-XOG2R7M-q3ojLS" action="forgot-password" :on-success="onRecaptchaForgetPasswordSubmit"> <button class="button button-primary">RESET</button> </google-recaptcha> <input type="checkbox" class="hp-field" name="agreement-pp" v-model="reset.agreementpp" value="1" tabindex="-1" autocomplete="off"/> <button v-if="chinaNetwork" class="button button-primary" type="submit" v-on:click="onForgetPasswordSubmit">RESET</button> </form> </div> </div> </div> <div id="forget-password-select-account-screen" v-if="currentView=='forget-password-select-account-screen'" v-cloak> <div class="row"> <div class="col-xs-12 col-sm-12">  <h3>Select Account</h3>  <p>Please select from the accounts below:</p> <form class="reset-account-form" data-action="/content/pphg-revamp/en/jcr:content/header-ipar/header_v2_0/sign-in-v2.resetpassword.html" data-method="POST"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 mb10 no-padding" v-for="profile in reset.profiles"> <div class="account-wrapper" v-on:click="onSelectResetAccount(profile.profileId)" v-bind:class="{ selected: profile.selected }"> <div class="card-image"> <img class="img-fluid" :src="profile.membercard" :alt="profile.membershipLevel"/> </div> <div class="card-info d-flex flex-column justify-content-center"> <p>{{profile.firstName}} {{profile.lastName}}</p> <small v-text="profile.membershipNumber"></small> </div> </div> </div> </div>  <div> <a class="button button-primary btn btn-block" v-bind:class="{ disabled: reset.profileid =='' }" v-on:click="onSelectResetAccountSubmit()">SELECT</a> <a class="link link-primary d-block text-center" v-on:click="onBackToResetPasswordScreen()">CANCEL</a> </div> </form> </div> </div> </div> <div id="forget-password-success-screen" v-if="currentView=='forget-password-success-screen'" v-cloak> <div class="row"> <div class="col-sm-12">  <h3>Password Reset</h3>  <p></p> <a class="link link-primary d-inline-flex align-items-center" v-on:click="onBackToLoginScreen()">Back to login</a> </div> </div> </div> <div id="loading-screen" v-if="currentView=='loading-screen'" v-cloak> <div class="row"> <div class="col-sm-12 text-center"> <h3>Please wait a moment</h3> <p><p>We are currently processing your request.<br /> Please do not close your browser window or navigate away from this page.<br /> Thank you.</p> </p> <div class="ajax-loader"> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </div> </div> </div> </div> <div id="E513" v-if="currentView=='login-password-screen'" v-cloak> <div class="row"> <div class="col-sm-12">  <h3>DISCOVERY Login Password</h3>  <p>This is done for the security reasons to make sure user is really authorized to login. <br/>For any future logins user will not be prompted to enter the password.</p> <form class="login-password-form pt10 pb20" data-action="/content/pphg-revamp/en/jcr:content/header-ipar/header_v2_0/sign-in-v2.login.html" data-method="POST" v-on:submit.prevent="onShowLoginPassword"> <div class="form-group custom-input-textfield" :class="{'is-filled' : reset.password!='','text-error': errors.has('password')}"> <label for="password">Password</label> <input class="form-control" type="password" v-validate="'required'" v-model="login.password" name="password" key="password" data-error-msg="Password is required."/> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('password')" v-text="errors.first('password')"></p> </div> </div> <button class="button button-primary" type="submit">SUBMIT</button> </form> </div> </div> </div> </div> </div> </div> </div> <div class="gha-errors d-none"> <div id="EDEFAULT-LOGIN"> <div class="title">Your login attempt was unsuccessful</div> <div class="description"> <div class="text-center links"> <a href="https://www.ghadiscovery.com/support/home" target="_blank">DISCOVERY Membership Services</a> <a href="https://www.ghadiscovery.com/member/forgot_password" target="_blank"> Forgot your password? </a> </div> <div> <p>To request for your username, contact DISCOVERY Membership Services and select “Accessing my Member Account” when completing the form.</p> </div> </div> </div> <div id="EDEFAULT-REGISTRATION"> <div class="title">Our Apologies.</div> <div class="description"> <p>Your request cannot be submitted, please try again later. Alternatively, please <a href="/en/contact-us.html" target="_blank">contact us</a> via our toll-free numbers or directly with the hotel you wish to stay in. Thank you.<br /> </p> </div> </div> <div id="E505"> <div class="title">Your login attempt was unsuccessful</div> <div class="description"> <a class="d-block" href="https://www.discoveryloyalty.com/Contact-Us" target="_blank"> Forgot your username? </a> <br/> <div> <p>Click on the link above to retrieve your username from DISCOVERY Membership Services. Please select ‘Accessing my Member Account’ when completing the form.</p> </div> </div> </div> <div id="E506"> <div class="title">Your login attempt was unsuccessful</div> <div class="description"> <a class="gha-forget-password-link"> Forgot your password? </a> <br/> <div> <p>The password entered does not correspond with the username or email address. Please try again or click on the link above to retrieve your password.</p> </div> </div> </div> <div id="E508"> <div class="title">Our apologies.</div> <div class="description">There is already an existing account with this email address or username. Please proceed to sign-in or reset your password using your email address.</div> </div> <div id="E509"> <div class="title">Your login attempt was unsuccessful</div> <div class="description"> <p>The email address is invalid. Would you like to create an account using this email address?</p> <p><a href="/en/members/sign-up-today.html">Sign up here!</a><br /> </p> </div> </div> <div id="E512"> <div class="title">Invalid email address</div> <div class="description"> <p>Sorry, we are unable to find a Pan Pacific DISCOVERY member account with that email address.</p> <p>You can sign up <a href="/en/members/sign-up-today.html"><u>here</u></a> to join Pan Pacific Discovery.<br /> </p> </div> </div> <div> <input id="fbtokenid" type="hidden" v-model="facebooklogin.fbtokenid" name="fbtokenid" key="fbtokenid"/> <input id="googletokenid" type="hidden" v-model="googlelogin.googletokenid" name="googletokenid" key="googletokenid"/> <input id="userAccessThrough" type="hidden" name="userAccessedThrough"/> <input id="ghaRegisterEmail" type="hidden" name="ghaRegisterEmail"/> <input id="ghaRegisterToken" type="hidden" name="ghaRegisterToken"/> </div> </div> </div> <div class="cta cta-v2 component d-none d-lg-block"> <a class="buttonV2 book-now-button collapsed global-button" href="/en/booking/search.html"> <div> <svg class="icon-container icon-bed"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-bed-kingbed-outline" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-bed-kingbed-outline"> </use> </svg> <p class="button-text">Book Now</p> <div class="cross-button"> <div class="cross-bar cross-bar1"></div> <div class="cross-bar cross-bar2"></div> </div> </div> </a> </div> <a class="gototop-button" style="margin-left: 30px"> <svg class="icon-container arrow-up" style="transform: rotate(-90deg); margin: 10px"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right"> </use> </svg> </a> </div> <div class="d-lg-none d-flex align-items-center justify-content-end mobile-toggle"> <div> <a class="button button-book text-center close-booking-panel-active close-booking-panel-mobile" data-toggle="collapse" data-target="#booking-panel-drawer" style="display: none;"> <svg class="icon-container icon-close-booking-panel"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-close" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-close"></use> </svg> </a> </div> </div> </div> </div> <div class="nav-overlay-container"> <div class="nav-overlay panels d-none d-lg-block"> <div id="arrow-icon"> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-left" link:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-left"></use> </svg> </div> <div class="d-flex nav-overlay-content"> <div> <div class="nav-list-container black"> <ul> <div class="nav-pannel row"> <div class="container pr-0"> <div class="navbar-container"> <form class="global-search" name="global-search" action="/content/pphg-revamp/en/search-result.html" method="GET"> <div id="search-icon-mobile"> <svg class="icon-container icon-search"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-search" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-search"></use> </svg> </div> <div id="search-field-mobile" class="custom-input-textfield d-none"> <svg class="icon-container icon-search"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-search" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-search"></use> </svg> <div class="easy-autocomplete"> <input class="form-control" type="text" placeholder="Search" name="search-input-field" data-endpoint="/content/pphg-admin/search-suggestion/_jcr_content.list.json" id="eac-197" autocomplete="off"/> <div class="easy-autocomplete-container" id="eac-container-eac-197"> <ul style="display: none;"></ul> </div> </div> <button type="button" onclick="document.getElementsByName('search-input-field')[1].value=''"> <svg class="icon-container icon-clear"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#icon-close-x" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#icon-close-x"></use> </svg> </button> </div> </form> <div class="collapse navbar-collapse"> <ul class="navbar-nav">  <li class="nav-item navigation-item-topnav"> <a class="nav-link collapsed navigation-link-topnav" style="width: 100%; display: flex; justify-content: space-between;" href="/en/stay.html" data-toggle="collapse">Stay </a> </li> <li class="nav-item navigation-item-topnav nav-item-hasSubnav"> <button class="nav-link collapsed navigation-link-topnav sub-nav-click menu-openable" style="width: 100%;" data-toggle="collapse" data-target-manual="#subnav-1">Destinations <div class="icon-sub-navigation-open-mobile"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"></use> </svg> </div> </button> </li> <li class="nav-item navigation-item-topnav nav-item-hasSubnav"> <button class="nav-link collapsed navigation-link-topnav sub-nav-click menu-openable" style="width: 100%;" data-toggle="collapse" data-target-manual="#subnav-2">Dining <div class="icon-sub-navigation-open-mobile"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"></use> </svg> </div> </button> </li>  <li class="nav-item navigation-item-topnav"> <a class="nav-link collapsed navigation-link-topnav" style="width: 100%; display: flex; justify-content: space-between;" href="/en/offers.html" data-toggle="collapse">Offers </a> </li> <li class="nav-item navigation-item-topnav nav-item-hasSubnav"> <button class="nav-link collapsed navigation-link-topnav sub-nav-click menu-openable" style="width: 100%;" data-toggle="collapse" data-target-manual="#subnav-4">Celebrations and Meetings <div class="icon-sub-navigation-open-mobile"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"></use> </svg> </div> </button> </li> <li class="nav-item navigation-item-topnav nav-item-hasSubnav"> <button class="nav-link collapsed navigation-link-topnav sub-nav-click menu-openable" style="width: 100%;" data-toggle="collapse" data-target-manual="#subnav-5">Pan Pacific DISCOVERY <div class="icon-sub-navigation-open-mobile"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"></use> </svg> </div> </button> </li> <li class="nav-item navigation-item-topnav nav-item-hasSubnav"> <button class="nav-link collapsed navigation-link-topnav sub-nav-click menu-openable" style="width: 100%;" data-toggle="collapse" data-target-manual="#subnav-6">About Us <div class="icon-sub-navigation-open-mobile"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"></use> </svg> </div> </button> </li> </ul> </div> </div> </div> </div> </ul> <div class="social-media-icons"><div class="d-flex "> <span class="d-inline-flex"></span> </div></div> <div style="position: relative; left: 26px"> <svg class="icon-container arrow-right" style="transform: rotate(-180deg); position: absolute; left: -28px;top: 2px;"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right"> </use> </svg> <a href="/en.html" class="social-media-icons-visit-pan-pacific"> Back to Global Homepage </a> </div> </div> <div class="selection-pane-container" style="background-image: url('');"> <div class="subnav-wrapper subnav-topnav"> <div class="panel collapse" id="subnav-top-navigation-drawer-mobile-00" data-parent="#main-navbar"> <div class="container p-0 m-0"> <div class="subnav-content"> <div class="subnavigation-row-col"> <div class="col-sm-12 col-subnav-no-padding"> <a href="/en.html"> <div class="div-subnavigation-title"> <h3 class="subnavigation-title">Global Homepage</h3> <svg class="icon-container arrow-right"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right"></use> </svg> </div> </a> <div class="row"> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-Australia"> Australia </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-Australia"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/australia.html" class="countryNameList-v3 destinationSubNav global-redirect"> Australia </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-melbourne.html">Pan Pacific Melbourne</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-perth.html">Pan Pacific Perth</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-darling-harbour-sydney.html">PARKROYAL Darling Harbour, Sydney</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-melbourne-airport.html">PARKROYAL Melbourne Airport</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-monash-melbourne.html">PARKROYAL Monash Melbourne</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-parramatta.html">PARKROYAL Parramatta</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-Bangladesh"> Bangladesh </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-Bangladesh"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/bangladesh.html" class="countryNameList-v3 destinationSubNav global-redirect"> Bangladesh </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-dhaka.html">Pan Pacific Sonargaon Dhaka</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-Canada"> Canada </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-Canada"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/canada.html" class="countryNameList-v3 destinationSubNav global-redirect"> Canada </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-toronto.html">Pan Pacific Toronto</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-vancouver.html">Pan Pacific Vancouver</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-whistler-mountainside.html">Pan Pacific Whistler Mountainside</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-whistler-village-centre.html">Pan Pacific Whistler Village Centre</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-China"> China </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-China"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/china.html" class="countryNameList-v3 destinationSubNav global-redirect"> China </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-beijing.html">Pan Pacific Beijing</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-ningbo.html">Pan Pacific Ningbo</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-suzhou.html">Pan Pacific Suzhou</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-tianjin.html">Pan Pacific Tianjin</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-xiamen.html">Pan Pacific Xiamen</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pp-ss-ningbo.html">Pan Pacific Serviced Suites Ningbo</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-Indonesia"> Indonesia </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-Indonesia"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/indonesia.html" class="countryNameList-v3 destinationSubNav global-redirect"> Indonesia </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-jakarta.html">Pan Pacific Jakarta</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pr-ss-jakarta.html">PARKROYAL Serviced Suites Jakarta</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-Japan"> Japan </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-Japan"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/japan.html" class="countryNameList-v3 destinationSubNav global-redirect"> Japan </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/bellustar-tokyo.html">BELLUSTAR TOKYO, A Pan Pacific Hotel</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/cerulean-tower-tokyu.html">Cerulean Tower Tokyu Hotel, A Pan Pacific Partner Hotel</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/higashiyama-kyoto.html">THE HOTEL HIGASHIYAMA KYOTO TOKYU, A Pan Pacific Hotel</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/hotel-groove-shinjuku.html">HOTEL GROOVE SHINJUKU, A PARKROYAL Hotel</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-Kenya"> Kenya </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-Kenya"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/kenya.html" class="countryNameList-v3 destinationSubNav global-redirect"> Kenya </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pp-ss-nairobi.html">Pan Pacific Serviced Suites Nairobi </a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-Malaysia"> Malaysia </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-Malaysia"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/malaysia.html" class="countryNameList-v3 destinationSubNav global-redirect"> Malaysia </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-collection-kuala-lumpur.html">PARKROYAL COLLECTION Kuala Lumpur</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-afamosa-melaka-resort.html">PARKROYAL A'Famosa Melaka Resort</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-langkawi.html">PARKROYAL Langkawi Resort</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-penang.html">PARKROYAL Penang Resort</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-gurney-bay.html">Gurney Bay Hotel, A PARKROYAL Hotel</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pp-ss-kuala-lumpur.html">Pan Pacific Serviced Suites Kuala Lumpur</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pr-ss-kuala-lumpur.html">PARKROYAL Serviced Suites Kuala Lumpur</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-Myanmar"> Myanmar </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-Myanmar"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/myanmar.html" class="countryNameList-v3 destinationSubNav global-redirect"> Myanmar </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-yangon.html">Pan Pacific Yangon</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-nay-pyi-taw.html">PARKROYAL Nay Pyi Taw</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-yangon.html">PARKROYAL Yangon</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-Singapore"> Singapore </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-Singapore"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/singapore.html" class="countryNameList-v3 destinationSubNav global-redirect"> Singapore </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-orchard-sg.html">Pan Pacific Orchard</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-marina.html">Pan Pacific Singapore</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-collection-marina-bay.html">PARKROYAL COLLECTION Marina Bay, Singapore</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-collection-pickering.html">PARKROYAL COLLECTION Pickering, Singapore</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-beach-road.html">PARKROYAL on Beach Road, Singapore</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pp-ss-beach-road.html">Pan Pacific Serviced Suites Beach Road, Singapore</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pp-ss-orchard.html">Pan Pacific Serviced Suites Orchard, Singapore</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pr-ss-singapore.html">PARKROYAL Serviced Suites Singapore</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-Thailand"> Thailand </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-Thailand"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/thailand.html" class="countryNameList-v3 destinationSubNav global-redirect"> Thailand </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-ss-bangkok.html">PARKROYAL Suites Bangkok</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-United-Kingdom"> United Kingdom </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-United-Kingdom"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/united-kingdom.html" class="countryNameList-v3 destinationSubNav global-redirect"> United Kingdom </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-london.html">Pan Pacific London</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="#" data-toggle="collapse" data-target="#sub-destination-drawer-mobile-Vietnam"> Vietnam </a> </div> <div class="subnav-item-drawer collapse" id="sub-destination-drawer-mobile-Vietnam"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/vietnam.html" class="countryNameList-v3 destinationSubNav global-redirect"> Vietnam </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-hanoi.html">Pan Pacific Hanoi</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-saigon.html">PARKROYAL Saigon</a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-6 subnav-item"> <a data-toggle="collapse" data-target="#sub-destination-drawer-mobile-Upcoming-Hotels-and-Serviced-Suites" href="#" class="global-property subnav-link collapsed"> <span style="width: 68%">Upcoming Hotels and Serviced Suites</span> </a> </div> <div class="subnav-item-drawer collapse" aria-expanded="true" id="sub-destination-drawer-mobile-Upcoming-Hotels-and-Serviced-Suites"> <div> <div class="container"> <div class="row-property mb-0"> <div class="property-width"> <div class="country component homepage-global"> <a href="/en/countries/upcoming-hotels-serviced-suites.html" class="countryNameList-v3 destinationSubNav global-redirect "> Upcoming Hotels and Serviced Suites </a> </div> </div> <div class="property-width"> <ul class="p-0 m-0" style="list-style: none"> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-dalian.html">PARKROYAL Dalian (Opening 2025)</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-jakarta.html">PARKROYAL Jakarta (Opening 2025)</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-phnom-penh.html">Pan Pacific Phnom Penh (Opening Q1 2026)</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-siem-reap.html">PARKROYAL Siem Reap (Opening Q1 2026)</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pp-siam-bangkok.html">Pan Pacific Siam Bangkok (Opening 2027)</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/hotels-and-resorts/pr-hanoi.html">PARKROYAL Hanoi (Opening 2027)</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pp-ss-bangkok.html">Pan Pacific Serviced Suites Bangkok (Opening 2027)</a> </li> <li class="subCountryContent"><a class="links-type " href="/en/serviced-suites/pr-ss-hanoi.html">PARKROYAL Serviced Suites Hanoi (Opening Soon)</a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="panel collapse" id="subnav-0" data-parent="#main-navbar"> <div class="container p-0 m-0"> <div class="subnav-content"> <div class="subnavigation-row-col"> <div class="col-sm-12 col-subnav-no-padding"> <a href="/en/stay.html"> <div class="div-subnavigation-title"> <h3 class="subnavigation-title">Stay</h3> <svg class="icon-container arrow-right"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right"></use> </svg> </div> </a> <div class="row subnav-highlight__container"> </div> </div> </div> </div> </div> </div> <div class="panel collapse" id="subnav-1" data-parent="#main-navbar"> <div class="container p-0 m-0"> <div class="subnav-content"> <div class="subnavigation-row-col"> <div class="col-sm-12 col-subnav-no-padding"> <a href="/en/countries.html"> <div class="div-subnavigation-title"> <h3 class="subnavigation-title">Destinations</h3> <svg class="icon-container arrow-right"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right"></use> </svg> </div> </a> <div class="row"> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/countries/australia.html">Australia</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/countries/bangladesh.html">Bangladesh</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/countries/canada.html">Canada</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/countries/china.html">China</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/countries/indonesia.html">Indonesia</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/countries/japan.html">Japan</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/countries/kenya.html">Kenya</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/countries/malaysia.html">Malaysia</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/countries/myanmar.html">Myanmar</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/countries/singapore.html">Singapore</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/countries/thailand.html">Thailand</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/countries/united-kingdom.html">United Kingdom</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/countries/vietnam.html">Vietnam</a> </div> </div> <div class="row subnav-highlight__container"> </div> </div> </div> </div> </div> </div> <div class="panel collapse" id="subnav-2" data-parent="#main-navbar"> <div class="container p-0 m-0"> <div class="subnav-content"> <div class="subnavigation-row-col"> <div class="col-sm-12 col-subnav-no-padding"> <a href="/en/dining.html"> <div class="div-subnavigation-title"> <h3 class="subnavigation-title">Dining</h3> <svg class="icon-container arrow-right"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right"></use> </svg> </div> </a> <div class="row"> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/dining/dining-collection-au.html">Dining Collection Australia</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/dining/dining-collection-cn.html">Dining Collection China</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/dining/dining-collection-my.html">Dining Collection Malaysia</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/dining/dining-collection-mm.html">Dining Collection Myanmar</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/dining/dining-collection-sg.html">Dining Collection Singapore</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/dining/dining-collection-vn.html">Dining Collection Vietnam</a> </div> </div> <div class="row subnav-highlight__container"> </div> </div> </div> </div> </div> </div> <div class="panel collapse" id="subnav-3" data-parent="#main-navbar"> <div class="container p-0 m-0"> <div class="subnav-content"> <div class="subnavigation-row-col"> <div class="col-sm-12 col-subnav-no-padding"> <a href="/en/offers.html"> <div class="div-subnavigation-title"> <h3 class="subnavigation-title">Offers</h3> <svg class="icon-container arrow-right"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right"></use> </svg> </div> </a> <div class="row subnav-highlight__container"> </div> </div> </div> </div> </div> </div> <div class="panel collapse" id="subnav-4" data-parent="#main-navbar"> <div class="container p-0 m-0"> <div class="subnav-content"> <div class="subnavigation-row-col"> <div class="col-sm-12 col-subnav-no-padding"> <a href="/en/celebrations.html"> <div class="div-subnavigation-title"> <h3 class="subnavigation-title">Celebrations and Meetings</h3> <svg class="icon-container arrow-right"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right"></use> </svg> </div> </a> <div class="row"> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/celebrations/event-destinationlisting.html">Event Destination Listing</a> </div> </div> <div class="row subnav-highlight__container"> </div> </div> </div> </div> </div> </div> <div class="panel collapse" id="subnav-5" data-parent="#main-navbar"> <div class="container p-0 m-0"> <div class="subnav-content"> <div class="subnavigation-row-col"> <div class="col-sm-12 col-subnav-no-padding"> <a href="/en/panpacific-discovery.html"> <div class="div-subnavigation-title"> <h3 class="subnavigation-title">Pan Pacific DISCOVERY</h3> <svg class="icon-container arrow-right"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right"></use> </svg> </div> </a> <div class="row"> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/panpacific-discovery/sign-up-today.html" analytics-id="members_subnav_signup">Sign Up Today</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/panpacific-discovery/benefits.html">Benefits</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/panpacific-discovery/mobile-app.html">Mobile App</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/panpacific-discovery/experiences-listing.html">Experiences</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/panpacific-discovery/local-offers-listing.html">Local Offers</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/panpacific-discovery/double-discovery-dollar-and-double-nights.html">Double D$ & Double Nights</a> </div> </div> <div class="row subnav-highlight__container"> </div> </div> </div> </div> </div> </div> <div class="panel collapse" id="subnav-6" data-parent="#main-navbar"> <div class="container p-0 m-0"> <div class="subnav-content"> <div class="subnavigation-row-col"> <div class="col-sm-12 col-subnav-no-padding"> <a href="/en/about.html"> <div class="div-subnavigation-title"> <h3 class="subnavigation-title">About Us</h3> <svg class="icon-container arrow-right"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right"></use> </svg> </div> </a> <div class="row"> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/about/about-pp.html">About Pan Pacific</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/about/about-prc.html">About PARKROYAL COLLECTION</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/about/about-pr.html">About PARKROYAL</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/about/st-gregory.html">St. Gregory</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/about/si-chuan-dou-hua.html">Si Chuan Dou Hua Restaurant</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/about/our-culture-and-commitment.html">Our Culture and Commitment</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/about/corporate-responsibility.html">Sustainability</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/about/award-and-accolade.html">Awards and Accolades</a> </div> <div class="col-sm-6 subnav-item"> <a class="subnav-link " href="/en/about/gallery.html">Gallery</a> </div> </div> <div class="row subnav-highlight__container"> </div> </div> </div> </div> </div> </div> </div>   </div> </div> </div> </div> </div> <div class="row cta-mobile d-none" style="color: white"> <div class="col items collapsed"> <a class="d-flex gift-mobile-new align-items-center member-nav gift-wrapper " target="_blank" analytics-text="eShop" href="/content/pphg-revamp/en/eshop.html" analytics-id="Top Nav Bar"> <svg class="icon-container icon-list gift"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#icon-gift" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#icon-gift"></use> </svg> <label>eShop</label> </a> </div> <a class="space-icon-text col items collapsed d-flex global-button" href="/en/booking/search.html"> <div class="icon-container"> <svg class="icon-bed-mobile"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-bed-kingbed-outline" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-bed-kingbed-outline"> </use> </svg> </div> <span>Book Now</span> </a> </div> </div> <div id="clickable-dinein-panel" data-parent=".navigation3.component" class="collapse"> </div>  <div id="clickable-stay-panel" data-parent=".navigation3.component" class="collapse booking-panel-container "> <div class="container"> </div> </div> </nav> <nav class="mobile-navigation"> <div id="navbarMobile"> <div class="nav-wrapper collapse show black"> <div class="navbar-head"> <div class="d-flex justify-content-end"> <div> </div> </div> <div class="justify-content-center content-navbar-mobile"> <div class="sign-in-button-wrapper"> <a class="d-flex align-items-center signin-icon member-nav signin-signup-btn" data-src="#gha-fancybox-modal" data-fancybox analytics-id="topnav_signup"> <svg class="icon-container icon-profile"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-profile" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-profile"> </use> </svg> <div class="label"> <span>Pan Pacific DISCOVERY</span> <span class="label3">Sign Up/Login</span> </div> </a> <div class="tooltip-signup-img" style="--signUpToolTipColor: #F7F2E8;"> <a href="https://www.panpacific.com/en/panpacific-discovery/sign-up-today.html?utm_source=aem&utm_medium=website&utm_campaign=non-members-personalisation"><img alt="" src="/content/dam/pphg-revamp/en/global/tooltip/ppd-sign-up-tooltip-image.png"/></a> </div> <div class="dropdown member-nav logged-in d-none"> <a class="d-flex signin-icon d-flex align-items-center" id="member-menu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <svg class="icon-container icon-profile"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-profile" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-profile"> </use> </svg> <span class="name-logged-in"></span> <i class="fa fa-angle-down"></i> </a> <div class="dropdown-menu menu-for-logged-in" aria-labelledby="member-menu"> <a class="dropdown-item dropdown-font d-flex" href="/en/profile-preference.html#travel-dashboard">Travel Dashboard</a> <a class="dropdown-item dropdown-font d-flex" href="/en/profile-preference.html#bookings">Bookings</a> <a class="dropdown-item dropdown-font d-flex" href="/en/profile-preference.html#profile">Profile</a> <hr/> <a class="dropdown-item dropdown-font d-flex logout-link">Logout</a> <input type="hidden" name="loginprofileendpoint" value="/content/pphg-revamp/en/jcr:content/header-ipar/header_v2_0/sign-in-v2.loginprofile.html"/> <input type="hidden" name="logoutendpoint" value="/content/pphg-revamp/en/jcr:content/header-ipar/header_v2_0/sign-in-v2.logout.html"/> </div> </div> <div class="gha-modal component"> <div class="d-none"> <div id="gha-fancybox-modal"> <div class="gha-form component"> <div id="login-screen" v-if="currentView=='login-screen'" v-cloak> <div class="row"> <div class="col-sm-6">  <h3>Pan Pacific DISCOVERY Sign In</h3>  <form class="login-form pt10" data-action="/content/pphg-revamp/en/jcr:content/header-ipar/header_v2_0/sign-in-v2.login.html" data-method="POST"> <div class="form-group custom-input-textfield" :class="{'is-filled' : login.loginid!='','text-error': errors.has('loginid')}"> <label for="loginid">Username or Email Address</label> <input class="form-control" type="text" v-validate="'required'" v-model="login.loginid" name="loginid" key="loginid" data-error-msg="Username or Email Address is required."/> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('loginid')" v-text="errors.first('loginid')"></p> </div> </div> <div class="form-group custom-input-textfield" :class="{'is-filled' : login.password!='','text-error': errors.has('password')}"> <label for="password">Password</label> <input class="form-control" type="password" v-validate="'required'" v-model="login.password" name="password" key="password" data-error-msg="Password is required."/> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('password')" v-text="errors.first('password')"></p> </div> </div> <input type="checkbox" class="hp-field" name="agreement-pp" v-model="login.agreementpp" value="1" tabindex="-1" autocomplete="off"/> <google-recaptcha v-if="!chinaNetwork" api-key="6LdJVrwmAAAAAJuYhrQPpLAsF-XOG2R7M-q3ojLS" action="login" :on-success="onRecaptchaLoginFormSubmit"> <button class="button button-primary btn login">Sign In</button> </google-recaptcha> <button v-if="chinaNetwork" class="button button-primary btn login" type="submit" v-on:click="onLoginFormSubmit">Sign In</button> <a class="btn-block smaller h-link" v-on:click="onShowForgetPassword" href="#">Forgot Password</a> </form> <div class="additional-option"> <div class="row"> <div class="col-sm-5"><span></span></div> <div class="col-sm-2">OR</div> <div class="col-sm-5"><span></span></div> </div> </div> <div class="social-icons">  <a class="btn" id="fbLink" href="javascript:void(0);" v-on:click="fbLogin"> <svg class="icon-container align-self-center"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-facebook" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-facebook"></use><span>Login with Facebook</span> </svg> </a> <a href="javascript:void(0);" class="customGPlusSignIn" id="googleLink" onclick="startApp();"> <svg class="icon-container align-self-center"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-login-google" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-login-google"></use><span>Sign in with Google</span> </svg> </a> </div> </div> <div class="col-sm-6 join-today"> <div class="desktop-version d-none d-md-block d-lg-block d-lg-none"> <div class="join-title">  <h3>Join Us Today</h3>   <h4>Benefits of Pan Pacific DISCOVERY</h4>  </div> <div class="mt30 register-content"> <ul> <li> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-bestrate" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-bestrate"> </use> </svg>10% savings year-round on Flexible Rate </li> <li> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-discovery-dollar" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-discovery-dollar"> </use> </svg>Instant currency rewards on eligible spend </li> <li> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-nearby-dining" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-nearby-dining"> </use> </svg>Up to 25% savings on total dining bill </li> <li> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-reward" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-reward"> </use> </svg>Exclusive birthday savings and privileges </li> <li> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-room-upgrade" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-room-upgrade"> </use> </svg>Enjoy complimentary room upgrades* </li> <li> <svg class="icon-container"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-information-o" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-information-o"> </use> </svg>*Subject to availability upon check-in </li> </ul> </div> </div> <div class="mobile-version d-block d-sm-none">  <h3>Join Us Today</h3>  <p>Receive exclusive membership benefits!</p> </div> <a class="button button-primary register" href="/en/panpacific-discovery/sign-up-today.html">REGISTER</a> </div> </div> </div> <div id="select-login-account-screen" v-if="currentView=='select-login-account-screen'" v-cloak> <div class="row"> <div class="col-xs-12 col-sm-12">  <h3>Select Account</h3>  <p>Please select from the accounts below:</p> <form class="login-account-form" data-action="/content/pphg-revamp/en/jcr:content/header-ipar/header_v2_0/sign-in-v2.login.html" data-method="POST"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 no-padding" v-for="profile in login.profiles"> <div class="account-wrapper" v-on:click="onSelectLoginAccount(profile.profileId)" v-bind:class="{ selected: profile.selected }"> <div class="card-image"> <img class="img-fluid" :src="profile.membercard" :alt="profile.membershipLevel"/> </div> <div class="card-info d-flex flex-column justify-content-center"> <p>{{profile.firstName}} {{profile.lastName}}</p> <small v-text="profile.membershipNumber"></small> </div> </div> </div> </div>  <div> <a class="button button-primary btn btn-block" v-bind:class="{ disabled: login.profileid =='' }" v-on:click="onSelectLoginAccountSubmit()">SELECT</a> <a class="link link-primary d-block text-center" v-on:click="onBackToLoginScreen()">CANCEL</a></div> </form> </div> </div> </div> <div id="forget-password-screen" v-if="currentView=='forget-password-screen'" v-cloak> <div class="row"> <div class="col-sm-12">  <h3>Forgot Password</h3>  <p><p>Thank you for your request. If you have forgotten or lost your password, please visit <a href="https://www.ghadiscovery.com/member/forgot_password" target="_blank">GHA DISCOVERY</a> to reset it.<br /> </p> </p> <form class="forget-password-form pt10 pb20" data-action="/content/pphg-revamp/en/jcr:content/header-ipar/header_v2_0/sign-in-v2.resetpassword.html" data-method="POST"> <div class="form-group custom-input-textfield" :class="{'is-filled' : reset.usernameemail!='','text-error': errors.has('usernameemail')}"> <label for="usernameemail">Username or Email Address</label> <input class="form-control" type="text" v-validate="'required'" v-model="reset.usernameemail" name="usernameemail" key="usernameemail" data-error-msg="Username or Email Address is required."/> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('usernameemail')" v-text="errors.first('usernameemail')"></p> </div> </div> <google-recaptcha v-if="!chinaNetwork" api-key="6LdJVrwmAAAAAJuYhrQPpLAsF-XOG2R7M-q3ojLS" action="forgot-password" :on-success="onRecaptchaForgetPasswordSubmit"> <button class="button button-primary">RESET</button> </google-recaptcha> <input type="checkbox" class="hp-field" name="agreement-pp" v-model="reset.agreementpp" value="1" tabindex="-1" autocomplete="off"/> <button v-if="chinaNetwork" class="button button-primary" type="submit" v-on:click="onForgetPasswordSubmit">RESET</button> </form> </div> </div> </div> <div id="forget-password-select-account-screen" v-if="currentView=='forget-password-select-account-screen'" v-cloak> <div class="row"> <div class="col-xs-12 col-sm-12">  <h3>Select Account</h3>  <p>Please select from the accounts below:</p> <form class="reset-account-form" data-action="/content/pphg-revamp/en/jcr:content/header-ipar/header_v2_0/sign-in-v2.resetpassword.html" data-method="POST"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 mb10 no-padding" v-for="profile in reset.profiles"> <div class="account-wrapper" v-on:click="onSelectResetAccount(profile.profileId)" v-bind:class="{ selected: profile.selected }"> <div class="card-image"> <img class="img-fluid" :src="profile.membercard" :alt="profile.membershipLevel"/> </div> <div class="card-info d-flex flex-column justify-content-center"> <p>{{profile.firstName}} {{profile.lastName}}</p> <small v-text="profile.membershipNumber"></small> </div> </div> </div> </div>  <div> <a class="button button-primary btn btn-block" v-bind:class="{ disabled: reset.profileid =='' }" v-on:click="onSelectResetAccountSubmit()">SELECT</a> <a class="link link-primary d-block text-center" v-on:click="onBackToResetPasswordScreen()">CANCEL</a> </div> </form> </div> </div> </div> <div id="forget-password-success-screen" v-if="currentView=='forget-password-success-screen'" v-cloak> <div class="row"> <div class="col-sm-12">  <h3>Password Reset</h3>  <p></p> <a class="link link-primary d-inline-flex align-items-center" v-on:click="onBackToLoginScreen()">Back to login</a> </div> </div> </div> <div id="loading-screen" v-if="currentView=='loading-screen'" v-cloak> <div class="row"> <div class="col-sm-12 text-center"> <h3>Please wait a moment</h3> <p><p>We are currently processing your request.<br /> Please do not close your browser window or navigate away from this page.<br /> Thank you.</p> </p> <div class="ajax-loader"> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </div> </div> </div> </div> <div id="E513" v-if="currentView=='login-password-screen'" v-cloak> <div class="row"> <div class="col-sm-12">  <h3>DISCOVERY Login Password</h3>  <p>This is done for the security reasons to make sure user is really authorized to login. <br/>For any future logins user will not be prompted to enter the password.</p> <form class="login-password-form pt10 pb20" data-action="/content/pphg-revamp/en/jcr:content/header-ipar/header_v2_0/sign-in-v2.login.html" data-method="POST" v-on:submit.prevent="onShowLoginPassword"> <div class="form-group custom-input-textfield" :class="{'is-filled' : reset.password!='','text-error': errors.has('password')}"> <label for="password">Password</label> <input class="form-control" type="password" v-validate="'required'" v-model="login.password" name="password" key="password" data-error-msg="Password is required."/> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('password')" v-text="errors.first('password')"></p> </div> </div> <button class="button button-primary" type="submit">SUBMIT</button> </form> </div> </div> </div> </div> </div> </div> </div> <div class="gha-errors d-none"> <div id="EDEFAULT-LOGIN"> <div class="title">Your login attempt was unsuccessful</div> <div class="description"> <div class="text-center links"> <a href="https://www.ghadiscovery.com/support/home" target="_blank">DISCOVERY Membership Services</a> <a href="https://www.ghadiscovery.com/member/forgot_password" target="_blank"> Forgot your password? </a> </div> <div> <p>To request for your username, contact DISCOVERY Membership Services and select “Accessing my Member Account” when completing the form.</p> </div> </div> </div> <div id="EDEFAULT-REGISTRATION"> <div class="title">Our Apologies.</div> <div class="description"> <p>Your request cannot be submitted, please try again later. Alternatively, please <a href="/en/contact-us.html" target="_blank">contact us</a> via our toll-free numbers or directly with the hotel you wish to stay in. Thank you.<br /> </p> </div> </div> <div id="E505"> <div class="title">Your login attempt was unsuccessful</div> <div class="description"> <a class="d-block" href="https://www.discoveryloyalty.com/Contact-Us" target="_blank"> Forgot your username? </a> <br/> <div> <p>Click on the link above to retrieve your username from DISCOVERY Membership Services. Please select ‘Accessing my Member Account’ when completing the form.</p> </div> </div> </div> <div id="E506"> <div class="title">Your login attempt was unsuccessful</div> <div class="description"> <a class="gha-forget-password-link"> Forgot your password? </a> <br/> <div> <p>The password entered does not correspond with the username or email address. Please try again or click on the link above to retrieve your password.</p> </div> </div> </div> <div id="E508"> <div class="title">Our apologies.</div> <div class="description">There is already an existing account with this email address or username. Please proceed to sign-in or reset your password using your email address.</div> </div> <div id="E509"> <div class="title">Your login attempt was unsuccessful</div> <div class="description"> <p>The email address is invalid. Would you like to create an account using this email address?</p> <p><a href="/en/members/sign-up-today.html">Sign up here!</a><br /> </p> </div> </div> <div id="E512"> <div class="title">Invalid email address</div> <div class="description"> <p>Sorry, we are unable to find a Pan Pacific DISCOVERY member account with that email address.</p> <p>You can sign up <a href="/en/members/sign-up-today.html"><u>here</u></a> to join Pan Pacific Discovery.<br /> </p> </div> </div> <div> <input id="fbtokenid" type="hidden" v-model="facebooklogin.fbtokenid" name="fbtokenid" key="fbtokenid"/> <input id="googletokenid" type="hidden" v-model="googlelogin.googletokenid" name="googletokenid" key="googletokenid"/> <input id="userAccessThrough" type="hidden" name="userAccessedThrough"/> <input id="ghaRegisterEmail" type="hidden" name="ghaRegisterEmail"/> <input id="ghaRegisterToken" type="hidden" name="ghaRegisterToken"/> </div> </div> </div> </div> </div> <div class="navbar-content" data-parent="#navbarMobile"> <div class="nav-pannel row"> <div class="container pr-0"> <div class="navbar-container"> <form class="global-search" name="global-search" action="/content/pphg-revamp/en/search-result.html" method="GET"> <div id="search-icon-mobile"> <svg class="icon-container icon-search"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-search" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-search"></use> </svg> </div> <div id="search-field-mobile" class="custom-input-textfield d-none"> <svg class="icon-container icon-search"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-search" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-search"></use> </svg> <div class="easy-autocomplete"> <input class="form-control" type="text" placeholder="Search" name="search-input-field" data-endpoint="/content/pphg-admin/search-suggestion/_jcr_content.list.json" id="eac-197" autocomplete="off"/> <div class="easy-autocomplete-container" id="eac-container-eac-197"> <ul style="display: none;"></ul> </div> </div> <button type="button" onclick="document.getElementsByName('search-input-field')[1].value=''"> <svg class="icon-container icon-clear"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#icon-close-x" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#icon-close-x"></use> </svg> </button> </div> </form> <div class="collapse navbar-collapse"> <ul class="navbar-nav">  <li class="nav-item navigation-item-topnav"> <a class="nav-link collapsed navigation-link-topnav" style="width: 100%; display: flex; justify-content: space-between;" href="/en/stay.html" data-toggle="collapse">Stay </a> </li> <li class="nav-item navigation-item-topnav nav-item-hasSubnav"> <button class="nav-link collapsed navigation-link-topnav sub-nav-click menu-openable" style="width: 100%;" data-toggle="collapse" data-target-manual="#subnav-1">Destinations <div class="icon-sub-navigation-open-mobile"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"></use> </svg> </div> </button> </li> <li class="nav-item navigation-item-topnav nav-item-hasSubnav"> <button class="nav-link collapsed navigation-link-topnav sub-nav-click menu-openable" style="width: 100%;" data-toggle="collapse" data-target-manual="#subnav-2">Dining <div class="icon-sub-navigation-open-mobile"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"></use> </svg> </div> </button> </li>  <li class="nav-item navigation-item-topnav"> <a class="nav-link collapsed navigation-link-topnav" style="width: 100%; display: flex; justify-content: space-between;" href="/en/offers.html" data-toggle="collapse">Offers </a> </li> <li class="nav-item navigation-item-topnav nav-item-hasSubnav"> <button class="nav-link collapsed navigation-link-topnav sub-nav-click menu-openable" style="width: 100%;" data-toggle="collapse" data-target-manual="#subnav-4">Celebrations and Meetings <div class="icon-sub-navigation-open-mobile"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"></use> </svg> </div> </button> </li> <li class="nav-item navigation-item-topnav nav-item-hasSubnav"> <button class="nav-link collapsed navigation-link-topnav sub-nav-click menu-openable" style="width: 100%;" data-toggle="collapse" data-target-manual="#subnav-5">Pan Pacific DISCOVERY <div class="icon-sub-navigation-open-mobile"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"></use> </svg> </div> </button> </li> <li class="nav-item navigation-item-topnav nav-item-hasSubnav"> <button class="nav-link collapsed navigation-link-topnav sub-nav-click menu-openable" style="width: 100%;" data-toggle="collapse" data-target-manual="#subnav-6">About Us <div class="icon-sub-navigation-open-mobile"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"></use> </svg> </div> </button> </li> </ul> </div> </div> </div> </div> <div class="row"> <div class="container" style="padding: 0 15px;"> <hr style="height: 1px; background-color: #FFF; opacity: 0.24; margin-bottom: 30px;"/> <div class="d-flex align-items-center" style="margin-bottom: 20px; justify-content: space-between;"> <a class="d-flex align-items-center w-100" data-toggle="collapse" data-target="#top-navigation-drawer-mobile"> <button class="nav-link collapsed navigation-link-topnav sub-nav-click menu-openable w-100 select-dest-button-mobile" data-toggle="collapse" data-target-manual="#subnav-top-navigation-drawer-mobile-00"> Select Your Destination <div class="icon-sub-navigation-open-mobile"> <svg> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-right"> </use> </svg> </div> </button> </a> </div> <a class="d-flex align-items-center manage-booking-themes" href="/en/booking/modify.html"> <label>Manage Booking</label> </a> <div class="header-mobile__back-button" style="position: relative;margin-top: 20px; margin-left: 23px;"> <svg class="icon-container arrow-right"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-arrow-right"> </use> </svg> <a href="/en.html" class="social-media-icons-visit-pan-pacific"> Back to Global Homepage </a> </div> </div> </div> <div class="navbar-foot d-flex justify-content-between"> <div class="d-flex align-items-center language-dropdown-wrapper"> <svg class="icon-container icon-globe-language"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-en-colour" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-language-en-colour"> </use> </svg> <span class="color-language-letter letter-default-mobile">English</span></i> <div class="language-mobile-value"> <svg class="icon-container icon-chevron-down-language-selector-mobile"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-down" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-down"> </use> </svg> </div> <select> <option value="/content/pphg-revamp/en/profile-preference.html" data-lang="en" selected>English</option> <option value="/content/pphg-revamp/zh/profile-preference.html" data-lang="zh">中文</option> <option value="/content/pphg-revamp/ja/profile-preference.html" data-lang="ja">日本語</option> </select> </div> <div class="d-flex align-items-center currency-dropdown-wrapper"> <input type="hidden" id="defaultCurrency" value="SGD"/> <input type="hidden" name="defCurrency-mob-js" id="defCurrency-mob-js" value="SGD"/> <span>Currency: </span><span id="currency-text">SGD</span> <svg class="icon-container icon-chevron-down"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-down" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-chevron-down"> </use> </svg> <select id="mobile-currency-dropdown"> <option value="SGD" data-currency-symbol="$"> SGD</option> <option value="USD" data-currency-symbol="$"> USD</option> <option value="DZD" data-currency-symbol="$"> DZD</option> <option value="AUD" data-currency-symbol="$"> AUD</option> <option value="BHD" data-currency-symbol="$"> BHD</option> <option value="BOB" data-currency-symbol="$b"> BOB</option> <option value="BWP" data-currency-symbol="P"> BWP</option> <option value="BRL" data-currency-symbol="R$"> BRL</option> <option value="GBP" data-currency-symbol="£"> GBP</option> <option value="BND" data-currency-symbol="$"> BND</option> <option value="BGN" data-currency-symbol="лв"> BGN</option> <option value="CAD" data-currency-symbol="$"> CAD</option> <option value="KYD" data-currency-symbol="$"> KYD</option> <option value="XOF" data-currency-symbol="$"> XOF</option> <option value="CLP" data-currency-symbol="$"> CLP</option> <option value="CNY" data-currency-symbol="¥"> CNY</option> <option value="COP" data-currency-symbol="$"> COP</option> <option value="CRC" data-currency-symbol="₡"> CRC</option> <option value="HRK" data-currency-symbol="kn"> HRK</option> <option value="CZK" data-currency-symbol="Kč"> CZK</option> <option value="DKK" data-currency-symbol="kr"> DKK</option> <option value="DOP" data-currency-symbol="RD$"> DOP</option> <option value="EGP" data-currency-symbol="£"> EGP</option> <option value="EEK" data-currency-symbol="$"> EEK</option> <option value="EUR" data-currency-symbol="€"> EUR</option> <option value="FJD" data-currency-symbol="$"> FJD</option> <option value="HNL" data-currency-symbol="L"> HNL</option> <option value="HKD" data-currency-symbol="$"> HKD</option> <option value="HUF" data-currency-symbol="Ft"> HUF</option> <option value="INR" data-currency-symbol="₹"> INR</option> <option value="IDR" data-currency-symbol="Rp"> IDR</option> <option value="ILS" data-currency-symbol="₪"> ILS</option> <option value="JMD" data-currency-symbol="J$"> JMD</option> <option value="JPY" data-currency-symbol="¥"> JPY</option> <option value="JOD" data-currency-symbol="$"> JOD</option> <option value="KZT" data-currency-symbol="лв"> KZT</option> <option value="KES" data-currency-symbol="$"> KES</option> <option value="KWD" data-currency-symbol="$"> KWD</option> <option value="LVL" data-currency-symbol="$"> LVL</option> <option value="LBP" data-currency-symbol="£"> LBP</option> <option value="LTL" data-currency-symbol="$"> LTL</option> <option value="MKD" data-currency-symbol="ден"> MKD</option> <option value="MYR" data-currency-symbol="RM"> MYR</option> <option value="MUR" data-currency-symbol="₨"> MUR</option> <option value="MXN" data-currency-symbol="$"> MXN</option> <option value="MDL" data-currency-symbol="$"> MDL</option> <option value="MAD" data-currency-symbol="$"> MAD</option> <option value="NAD" data-currency-symbol="$"> NAD</option> <option value="NPR" data-currency-symbol="₨"> NPR</option> <option value="ANG" data-currency-symbol="ƒ"> ANG</option> <option value="TWD" data-currency-symbol="NT$"> TWD</option> <option value="NZD" data-currency-symbol="$"> NZD</option> <option value="NIO" data-currency-symbol="C$"> NIO</option> <option value="NGN" data-currency-symbol="₦"> NGN</option> <option value="NOK" data-currency-symbol="kr"> NOK</option> <option value="OMR" data-currency-symbol="﷼"> OMR</option> <option value="PKR" data-currency-symbol="₨"> PKR</option> <option value="PGK" data-currency-symbol="$"> PGK</option> <option value="PYG" data-currency-symbol="Gs"> PYG</option> <option value="PEN" data-currency-symbol="S/."> PEN</option> <option value="PHP" data-currency-symbol="₱"> PHP</option> <option value="PLN" data-currency-symbol="zł"> PLN</option> <option value="QAR" data-currency-symbol="﷼"> QAR</option> <option value="RON" data-currency-symbol="lei"> RON</option> <option value="RUB" data-currency-symbol="руб"> RUB</option> <option value="SVC" data-currency-symbol="$"> SVC</option> <option value="SAR" data-currency-symbol="﷼"> SAR</option> <option value="RSD" data-currency-symbol="Дин."> RSD</option> <option value="SCR" data-currency-symbol="₨"> SCR</option> <option value="SLL" data-currency-symbol="$"> SLL</option> <option value="SKK" data-currency-symbol="$"> SKK</option> <option value="ZAR" data-currency-symbol="R"> ZAR</option> <option value="KRW" data-currency-symbol="₩"> KRW</option> <option value="LKR" data-currency-symbol="₨"> LKR</option> <option value="SEK" data-currency-symbol="kr"> SEK</option> <option value="CHF" data-currency-symbol="CHF"> CHF</option> <option value="TZS" data-currency-symbol="$"> TZS</option> <option value="THB" data-currency-symbol="฿"> THB</option> <option value="TTD" data-currency-symbol="TT$"> TTD</option> <option value="TND" data-currency-symbol="$"> TND</option> <option value="TRY" data-currency-symbol="₺"> TRY</option> <option value="UGX" data-currency-symbol="$"> UGX</option> <option value="UAH" data-currency-symbol="₴"> UAH</option> <option value="AED" data-currency-symbol="$"> AED</option> <option value="UYU" data-currency-symbol="$U"> UYU</option> <option value="UZS" data-currency-symbol="лв"> UZS</option> <option value="VEF" data-currency-symbol="Bs"> VEF</option> <option value="VND" data-currency-symbol="₫"> VND</option> <option value="YER" data-currency-symbol="﷼"> YER</option> <option value="ZMK" data-currency-symbol="$"> ZMK</option> </select> </div> </div> </div> </div> </nav> </div> </div> </div> </div> <div><div class="section"><div class="new"></div> </div><div class="iparys_inherited"><div class="cookie-ipar iparsys parsys"></div> </div> </div> <div> <div class="ghamembersdashboardmastheadv2"> <div class="container-fluid gha-members-dashboard-masthead-v2" data-members-tier-path="/content/pphg-revamp/en/profile-preference/jcr:content/par/ghamembersdashboardm.ghamemberstierv2.html" style='background-image: url(/content/dam/pphg-revamp/en/global/members/gha-2-0-assets/masthead-bg.png);'> <div class="row"> <div class="offset-md-4 col-md-4 col-sm-12"> <h3 class="card-title">Welcome back, <span class="card-fname">FirstName</span>!</h3> <center> <div class="card-content"> <span class="card-name">Name</span> <span class="card-number">Card Number</span> <span class="card-level">Card Level</span> <span class="card-exp">Expired Date</span> </div> </center> </div> </div> </div> </div> <div class="acc-tab-container"> <section class="profile-preference-container account-tab-component"> <div class="container-fluid no-padding pb-5"> <div class="d-none d-lg-flex custom-tabs-container"> <ul class="nav nav-pills container justify-content-center custom-tabs-item"> <li class="nav-item custom-tabs-link"> <a data-toggle="tab" href="#travel-dashboard" class="nav-link active show" v-on:click="desktopTabsOnChange($event)">Travel Dashboard</a> </li> <li class="nav-item custom-tabs-link"> <a data-toggle="tab" href="#bookings" class="nav-link " v-on:click="desktopTabsOnChange($event)">Bookings</a> </li> <li class="nav-item custom-tabs-link"> <a data-toggle="tab" href="#experiences-listing" class="nav-link " v-on:click="desktopTabsOnChange($event)">Experiences</a> </li> <li class="nav-item custom-tabs-link"> <a data-toggle="tab" href="#local-offers-listing" class="nav-link " v-on:click="desktopTabsOnChange($event)">Local Offers</a> </li> <li class="nav-item custom-tabs-link"> <a data-toggle="tab" href="#profile" class="nav-link " v-on:click="desktopTabsOnChange($event)">Profile</a> </li> <li class="nav-item custom-tabs-link"> <a class="nav-link" v-on:click="triggerLogoutFunction()">Logout</a> </li> </ul> </div> <div class="custom-tabs-container-mobile d-flex d-lg-none container align-items-center">  <div class="form-group m-0 d-flex flex-grow-1"> <div class="custom-chosen-wrapper d-flex flex-grow-1"> <select class="chosen-select select-picker theme-color" id="mobileTabsSelection" name="mobileTabsSelection" data-mobile="true" data-disable-search="true"> <option value="travel-dashboard">Travel Dashboard</option> <option value="bookings">Bookings</option> <option value="experiences-listing">Experiences</option> <option value="local-offers-listing">Local Offers</option> <option value="profile">Profile</option> <option value="logout">Logout</option> </select> </div> </div> </div> </div> </section> <div class="tab-content"> <div id="travel-dashboard" role="tabpanel" class="tab-pane fade active show"> <div class="ghamembersdashboarddiscoverydetailv2 section"> <div class="container gha-members-dashboard-discovery-detail-v2"> <div class="row justify-content-center"> <div class="col-md-7 col-sm-12"> <div class="row"> <div class="card-div col-md-12 col-sm-12 col-12"> <div class="card-div-sub-1"> <div class="card-div-sub-1-row row"> <div class="card-div-sub-1-currency col-md-12 col-12"> D$ </div> <div class="card-div-sub-1-value col-md-12 col-12"> <span class="discovery-balance">Balance</span> </div> <div class="card-div-sub-1-note col-md-12 col-12"> <span></span> </div> </div> </div> </div> <div class="card-div col-md-3 col-sm-6 col-6"> <div class="card-div-sub-2"> <span class="card-div-sub-2-value discovery-stay">Stay</span> <br/> <span class="card-div-sub-2-note">STAYS</span> </div> </div> <div class="card-div col-md-3 col-sm-6 col-6"> <div class="card-div-sub-2"> <span class="card-div-sub-2-value discovery-night">Night</span> <br/> <span class="card-div-sub-2-note">NIGHTS</span> </div> </div> <div class="card-div col-md-3 col-sm-6 col-6"> <div class="card-div-sub-2"> <span class="card-div-sub-2-value discovery-brand">Brand</span> <br/> <span class="card-div-sub-2-note">BRANDS</span> </div> </div> <div class="card-div col-md-3 col-sm-6 col-6"> <div class="card-div-sub-2"> <span class="card-div-sub-2-value discovery-spent">Spent</span> <br/> <span class="card-div-sub-2-note">USD SPENT</span> </div> </div> </div> </div> </div> </div></div> <div class="ghamembersdashboardtierprogressv2 section">  <div class="gha-members-dashboard-progress-v2 d-none" data-members-tier-path="/content/pphg-revamp/en/profile-preference/jcr:content/par/acc_tab_container/acctab1/ghamembersdashboardt.ghamemberstierv2.html"> <div class="container" v-if="tiers.length"> <h3 class="d-none d-md-block">Tier Progress</h3> <h4 class="text-center d-md-none mb-5">Tier Progress</h4> <div class="wrapper-progress" v-if="tiers.length === 1"> <div class="progression single"> <div class="row no-gutters content-center"> <div class="col-auto"> <div class="progression-message"> <p class="message js-text-replace">{{current.progressionMessage}}</p> </div> <div class="divider"></div> </div> <div class="w-100"></div> <div class="col-auto"> <img :src="current.cardImage" class="tip-image"/> <div class="tier-name-wrapper"> <h4 class="tier-name">{{current.tierName}}</h4> </div> </div> </div> </div> </div> <div class="wrapper-progress" v-else-if="tiers.length > 1"> <div class="progression"> <div class="row no-gutters h-100"> <div class="col-7 col-md-12 order-2 order-md-1"> <div class="row no-gutters progression-icon-wrapper"> <div class="col-12 col-md content-center current"> <p class="message js-text-replace">You are currently on #tier_name# Tier</p> <div class="progression-icon content-center"> <svg class="icon"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#icon-checktick" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#icon-checktick"></use> </svg> </div> </div> <div class="col-12 col-md-auto middle"> <div class="progression-message"> <p class="message js-text-replace">{{current.progressionMessage}}</p> </div> <div class="divider"></div> </div> <div class="col-12 col-md content-center next"> <div class="progression-icon content-center"> <svg class="icon"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#icon-lock" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#icon-lock"></use> </svg> </div> <p class="progression-tier-name d-md-none">{{tiers.length ? tiers[1].tierName : ''}}</p> </div> </div> </div> <div class="col-5 col-md-12 order-1 order-md-2 d-flex d-md-block justify-content-end"> <div class="row no-gutters progression-card-wrapper"> <div class="col-12 col-md current"> <div class="progression-bar"> <div class="tier-card"> <div class="tier-name-wrapper"> <h4 class="tier-name d-none d-md-block">{{current.tierName}}</h4> </div> </div> </div> </div> <div class="col-12 col-md next"> <div class="progression-bar"> <div class="tier-card"> <div class="tier-name-wrapper"> <h4 class="tier-name d-none d-md-block">{{tiers.length ? tiers[1].tierName : ''}}</h4> </div> </div> </div> </div> </div> </div> </div> </div> <div class="tip" v-if="current.progressionTipTitle && current.progressionTipDescription"> <div class="row no-gutters"> <div class="col-12 col-md content-center flex-column flex-md-row"> <img :src="current.progressionTipImage" class="mr-md-5 tip-image"/> <h3 class="txt-primary mb-md-0 text-center">{{current.progressionTipTitle}}</h3> </div> <div class="col-auto mx-4 d-none d-md-block"> <div class="divider"></div> </div> <div class="col-12 col-md content-center tip-desc" v-html="current.progressionTipDescription"></div> </div> </div> </div> </div> <div class="container benefit" v-if="tiers.length"> <div class="wrapper-benefit"> <div class="row"> <div class="col-12 col-md-3"> <h4 class="js-text-replace benefit-title">#tier_name# Tier Benefits</h4> <a class="link link-primary d-none d-md-block" :href="current.tierBenefitLinkUrl" :target="current.tierBenefitLinkUrlOpenNewTab ? '_blank' : '_self'" v-if="current.tierBenefitLinkTitle && current.tierBenefitLinkUrl"> {{current.tierBenefitLinkTitle}} </a> </div> <div class="col-12 col-md-3 content-center" v-for="item in current.tierBenefits"> <img :src="item.tierBenefitIcon" class="benefit-image"/> <p class="m-0 benefit-desc">{{item.tierBenefitDescription}}</p> </div> <div class="col-12 content-center d-md-none"> <a class="link link-primary" :href="current.tierBenefitLinkUrl" :target="current.tierBenefitLinkUrlOpenNewTab ? '_blank' : '_self'" v-if="current.tierBenefitLinkTitle && current.tierBenefitLinkUrl"> {{current.tierBenefitLinkTitle}} </a> </div> </div> </div> </div> </div>  </div> </div> <div id="bookings" role="tabpanel" class="tab-pane fade "> <div class="upcoming-booking section"> <section class="profile-preference-container your-bookings-container" data-endpoint="/wsi/pphg/userbooking1.0/upcoming" data-image-endpoint="/content/pphg-revamp/en/profile-preference/jcr:content/par/acc_tab_container/acctab2/upcoming_booking.image"> <div class="container pb-5"> <div class="title-description component pt-4 pb-4"> <div class="content d-flex row no-gutters"> <div class="col"> <h3 class="mb-3">Your Bookings</h3> <p>We look forward to your stay with us.</p> </div> </div> </div> <div class="content row no-gutters"> <div class="col-12 booking-box" v-for="reservation in reservations" v-bind:class="{'pp': reservation.brand == 'pp', 'pr': reservation.brand == 'pr'}" v-show="reservations.length > 0" data-confirmationno="reservation.bookingId" data-bookingdestination="reservation.hoteCodel" data-checkin="reservation.checkInMs" data-checkout="reservation.checkOut" data-night="reservation.night" data-rateplancode="reservation.ratePlanCode" data-roomtypecode="reservation.roomTypeCode" data-totalpayment="reservation.totalAmount"> <div class="row no-gutters"> <div class="col-lg-4 col-xs-12"> <img v-bind="{'src': reservation.imageUrl}" style="width: 100%"/> </div> <div class="col-lg-8 col-xs-12 booking-box-content"> <div class="d-flex flex-column pl-3 h-100"> <h4 class="title" v-text="reservation.hotel"></h4> <p class="mb-5 sub-title"> <span class="mr-2" v-text="reservation.night">4</span><span>Night </span><span class="mx-1" v-if="reservation.adult">| </span><span class="mr-2" v-text="reservation.adult">4</span><span>Adult/room </span><span class="mx-1" v-if="reservation.child">| </span><span class="mr-2" v-if="reservation.child" v-text="reservation.child">2 </span><span v-if="reservation.child">Child/room</span> </p> <div class="row no-gutters pb-3 sub-title"> <div class="col-lg-3 col-6">Check-In</div> <div class="col-lg-9 col-6" v-text="reservation.checkInMs"></div> </div> <div class="row no-gutters pb-3 sub-title"> <div class="col-lg-3 col-6">Check-Out</div> <div class="col-lg-9 col-6" v-text="reservation.checkOut"></div> </div> <div class="row no-gutters pb-3 sub-title"> <div class="col-lg-3 col-6">Confirmation Number</div> <div class="col-lg-9 col-6" v-text="reservation.bookingId"></div> </div> <div class="d-flex modify-booking-button sub-title flex-grow-1 align-items-end"> <a class="gold" target="_blank" v-bind:href="'/content/pphg-revamp/en/booking/modify.html?acc-confirmation='+ reservation.bookingId+'&acc-lastname='+ reservation.lastname+'&brand='+ reservation.brand">Modify Booking</a> </div> </div> </div> </div> </div> <div class="col-12 no-data-row" v-show="reservations.length < 1"> <div class="row"> <div class="col-12"> <div class="d-flex align-items-center justify-content-center"><span>There are no upcoming bookings.</span></div> </div> </div> </div> </div> </div> </section> </div> <div class="past-booking section"> <section class="profile-preference-container your-past-stays-container light-gray-bg" data-endpoint="/content/pphg-revamp/en/profile-preference/jcr:content/par/acc_tab_container/acctab2/past_booking.json"> <div class="container pb-5"> <div class="title-description component pt-4 pb-4"> <div class="content d-flex row no-gutters"> <div class="col"> <h3 class="mb-3">Your Past Stays</h3> <p></p> </div> <div class="filter-box d-flex align-items-center col-lg-3 col-xs-12"><span class="mr-4">Filter by:</span> <div class="form-group m-0 d-flex flex-grow-1"> <div class="custom-chosen-wrapper d-flex flex-grow-1"> <select class="chosen-select select-picker theme-color" name="brand" data-mobile="true" data-disable-search="true"> <option value="1">Lifetime</option> <option value="2">Last Month</option> <option value="3">Last Year</option> </select> </div> </div> </div> </div> </div> <div class="content row no-gutters"> <div class="col-12 booking-box" v-for="reservation in reservations" v-bind:class="{'pp': reservation.brand == 'pp', 'pr': reservation.brand == 'pr'}" v-show="reservations.length > 0" data-confirmationno="reservation.bookingId" data-bookingdestination="reservation.hoteCodel" data-checkin="reservation.checkInMs" data-checkout="reservation.checkOut" data-night="reservation.night" data-rateplancode="reservation.ratePlanCode" data-roomtypecode="reservation.roomTypeCode" data-totalpayment="reservation.totalAmount"> <div class="row no-gutters"> <div class="col-lg-4 col-12"> <img v-bind="{'src': reservation.image}" style="width: 100%"/> </div> <div class="col-lg-8 col-12 booking-box-content"> <div class="row"> <div class="col-lg-9 col-12"> <div class="d-flex flex-column pl-3 h-100"> <h4 class="title" v-text="reservation.hotelName"></h4> <p class="mb-5 sub-title"> <span class="mr-2" v-text="reservation.nightsCount">4</span><span>Night </span><span class="mx-1" v-if="reservation.adultsCount">| </span><span class="mr-2" v-if="reservation.adultsCount" v-text="reservation.adultsCount">2 </span><span v-if="reservation.adultsCount">Adult/room</span> </p> <div class="row no-gutters pb-3 sub-title"> <div class="col-3">Check-In</div> <div class="col-lg-9 col-6" v-text="reservation.startDate"></div> </div> <div class="row no-gutters pb-3 sub-title"> <div class="col-3">Check-Out</div> <div class="col-lg-9 col-6" v-text="reservation.endDate"></div> </div> <div class="row no-gutters pb-3 sub-title"> <div class="col-3">Confirmation Number</div> <div class="col-lg-9 col-6" v-text="reservation.confirmationNumber"></div> </div> </div> </div> <div sly-data-test="/content/pphg-revamp/en/booking/search.html" class="col-lg-3 col-12"> <div class="d-flex book-again-button sub-title flex-grow-1 align-items-end"> <a class="w-100 text-center" v-bind:href="'/content/pphg-revamp/en/booking/search.html?destination='+ reservation.hotelCode">BOOK AGAIN</a> </div> </div> </div> </div> </div> </div> <div class="col-12 no-data-row" v-show="reservations.length < 1"> <div class="row"> <div class="col-12"> <div class="d-flex align-items-center justify-content-center"><span>No past record found.</span></div> </div> </div> </div> </div> </div> </section> </div> </div> <div id="experiences-listing" role="tabpanel" class="tab-pane fade "> <div class="upcoming-experience section"> <section class="profile-preference-container upcoming-local-experiences-container experience" data-endpoint="/content/pphg-revamp/en/profile-preference/jcr:content/par/acc_tab_container/acctab3/upcoming_experience"> <div class="container pb-5" v-if="!isRequestCancel && !isCancelSuccess"> <div class="title-description component pt-4 pb-4"> <div class="content d-flex row no-gutters"> <div class="col"> <h3 class="mb-3">Upcoming Experiences</h3> <p>Below are the treats and activities that you have redeemed.</p> </div> </div> </div> <div class="content row no-gutters"> <div class="col-12 booking-box pp" v-for="reservation in reservations"> <div class="row no-gutters"> <div class="col-lg-4 col-xs-12"> <img class="w-100" v-bind="{'src': reservation.image}"/> </div> <div class="col-lg-8 col-xs-12 booking-box-content"> <div class="d-flex flex-column pl-3 h-100"> <h4 class="title" v-text="reservation.title"></h4> <p class="hotel-name sub-title"> <span class="gold" v-text="reservation.propertyName"></span><span class="ml-3 mr-3">|</span><span class="gold" v-text="reservation.category"></span> </p> <div v-if="reservation.bookingStatus == 'BOOKED'" class="booking-status pending mobile"> <svg class="booking-status-icon"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#icon-dots" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#icon-dots"> </use> </svg> <p class="booking-status-message">Pending</p> </div> <div v-if="reservation.bookingStatus == 'CONFIRMED'" class="booking-status confirmed mobile"> <svg class="booking-status-icon"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#icon-checktick" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#icon-checktick"> </use> </svg> <p class="booking-status-message">Confirmed</p> </div> <div class="row no-gutters pb-3 sub-title"> <div class="col-lg-3 col-6 text-bold">Guest</div> <div class="col-lg-9 col-6">{{reservation.guests}} pax</div> </div> <div class="row no-gutters pb-3 sub-title"> <div class="col-lg-3 col-6 text-bold">Date & Time</div> <div class="col-lg-9 col-6" v-text="getDateTime(reservation.bookDate,reservation.bookTime)"></div> </div> <div class="row no-gutters pb-3 sub-title"> <div class="col-lg-3 col-6 text-bold">Duration</div> <div class="col-lg-9 col-6" v-text="reservation.duration"></div> </div> <div class="row no-gutters pb-3 sub-title"> <div class="col-lg-3 col-6 text-bold">Reservation Number</div> <div class="col-lg-9 col-6" v-text="reservation.reservationNumber"></div> </div> <div class="d-flex modify-booking-button sub-title flex-grow-1"> <a class="gold" @click="window.open('/content/pphg-revamp/en/panpacific-discovery/experiences-listing/experience-detail.html?localExperienceId='+reservation.id)"> View Experience </a> <span class="ml-3 mr-3 d-none d-lg-inline-flex">|</span> <a class="gold" v-on:click="toggleCancelModal(reservation)"> Cancel Experience </a> <div v-if="reservation.bookingStatus == 'BOOKED'" class="booking-status pending desktop"> <svg class="booking-status-icon"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#icon-dots" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#icon-dots"> </use> </svg> <p class="booking-status-message">Pending</p> </div> <div v-if="reservation.bookingStatus == 'CONFIRMED'" class="booking-status confirmed desktop"> <svg class="booking-status-icon"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#icon-checktick" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#icon-checktick"> </use> </svg> <p class="booking-status-message">Confirmed</p> </div> </div> </div> </div> </div> </div> <div class="col-12 no-data-row" v-show="total < 1"> <div class="row"> <div class="col-12"> <div class="d-flex align-items-center justify-content-center"> <span>You do not have any upcoming experiences with us.</span> </div> </div> </div> </div> </div> <div class="content row no-gutters"> <div class="col-12 browsing-experience-box"> <div class="row no-gutters"> <div class="col-lg-12 col-xs-12 d-flex align-items-center justify-content-center"> <a class="browse-more-button" href="/en/panpacific-discovery/experiences-listing.html">BROWSE MORE EXPERIENCES</a> </div> </div> </div> </div> </div> <div class="container pb-5" v-if="isRequestCancel"> <div class="exp-details-cancellation" style="display: block"> <div class="container pt-3 pb-4"> <h1 v-if="isExperience && isCancelSuccess">Your Experience Cancellation Inquiry has been received!</h1> <h1 v-if="!isExperience && isCancelSuccess">Your Local Offer Cancellation Inquiry has been received!</h1> <h1 v-if="!isCancelSuccess" class="error-msg is-danger js-cancel-fail" style="display:none;">Your Cancellation Inquiry has been failed!</h1> <div v-if="isCancelSuccess" class="cancellation-container component"> <div class="content row mx-5"> <div class="col-12 col-lg-8"> <div class="row"> <div class="col-12 cancellation-details"> <div class="row"> <div class="col-12 font-weight-bold">The hotel team will reply to you within operating hours to confirm your cancellation request</div> </div> <div class="row"> <div class="col-4 col-sm-2 col-lg-4 font-weight-bold">Cancellation Number</div> <div class="col-8 col-sm-10 col-lg-8">{{selectedReservation.reservationNumber}}</div> </div> <div class="row"> <div v-if="isExperience" class="col-4 col-sm-2 col-lg-4 font-weight-bold">Experience</div> <div v-if="!isExperience" class="col-4 col-sm-2 col-lg-4 font-weight-bold">Local Offer</div> <div class="col-8 col-sm-10 col-lg-8">{{selectedReservation.title}}</div> </div> <div class="row"> <div class="col-4 col-sm-2 col-lg-4 font-weight-bold">Category</div> <div class="col-8 col-sm-10 col-lg-8">{{selectedReservation.category}}</div> </div> <div class="row"> <div class="col-4 col-sm-2 col-lg-4 font-weight-bold text-capitalize">Guest</div> <div class="col-8 col-sm-10 col-lg-8">{{selectedReservation.guests}} pax</div> </div> <div class="row"> <div class="col-4 col-sm-2 col-lg-4 font-weight-bold">Date & Time</div> <div class="col-8 col-sm-10 col-lg-8">{{getDateTime(selectedReservation.bookDate,selectedReservation.bookTime)}}</div> </div> </div> </div> </div> <div class="col-12 col-lg-4"> <img :src="selectedReservation.image" style="width: 100%"/> </div> </div> <div class="content row cancellation-footer"> <div class="col-12"> <p> Changed your mind? <span><a v-if="isExperience" href="/en/panpacific-discovery/experiences-listing.html" class="link link-primary">Find a new experience</a></span> <span><a v-if="!isExperience" href="" class="link link-primary">Find a new local offer</a></span> </p> </div> </div> </div> </div> </div> </div> <experience-cancel-modal inline-template :is-open="isModalOpen" :on-close="toggleCancelModal" :on-cancel="onCancel"> <div class="local-experience-cancel-modal component"> <div class="d-none"> <div id="local-experience-cancel-fancybox-modal"> <div class="local-experience-cancel-form component"> <div id="local-experience-cancel-screen" v-cloak> <div class="row"> <div class="col-sm-12"> <h5> <div class="room-select-title"> Are you sure you want to cancel this experience? </div> </h5> <form class="local-experience-cancel-button-wrapper pt10 d-flex align-items-stretch justify-content-center"> <button class="button button-primary btn" type="button" v-on:click="cancelConfirmed">YES, CANCEL</button> <button class="button button-seconday btn" type="button" v-on:click="closeModal">NO</button> </form> </div> </div> </div> </div> </div> </div> </div> </experience-cancel-modal> </section> </div> </div> <div id="local-offers-listing" role="tabpanel" class="tab-pane fade "> <div class="upcoming-local-offer upcoming-experience section"> <section class="profile-preference-container upcoming-local-experiences-container local-offer" data-endpoint="/content/pphg-revamp/en/profile-preference/jcr:content/par/acc_tab_container/acctab4/upcoming_local_offer"> <div class="container pb-5" v-if="!isRequestCancel && !isCancelSuccess"> <div class="title-description component pt-4 pb-4"> <div class="content d-flex row no-gutters"> <div class="col"> <h3 class="mb-3">Upcoming Local Offers</h3> <p>Below are the treats and activities that you have redeemed.</p> </div> </div> </div> <div class="content row no-gutters"> <div class="col-12 booking-box pp" v-for="reservation in reservations"> <div class="row no-gutters"> <div class="col-lg-4 col-xs-12"> <img class="w-100" v-bind="{'src': reservation.image}"/> </div> <div class="col-lg-8 col-xs-12 booking-box-content"> <div class="d-flex flex-column pl-3 h-100"> <h4 class="title" v-text="reservation.title"></h4> <p class="hotel-name sub-title"> <span class="gold" v-text="reservation.propertyName"></span><span class="ml-3 mr-3">|</span><span class="gold" v-text="reservation.category"></span> </p> <div v-if="reservation.bookingStatus == 'BOOKED'" class="booking-status pending mobile"> <svg class="booking-status-icon"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#icon-dots" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#icon-dots"> </use> </svg> <p class="booking-status-message">Pending</p> </div> <div v-if="reservation.bookingStatus == 'CONFIRMED'" class="booking-status confirmed mobile"> <svg class="booking-status-icon"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#icon-checktick" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#icon-checktick"> </use> </svg> <p class="booking-status-message">Confirmed</p> </div> <div class="row no-gutters pb-3 sub-title"> <div class="col-lg-3 col-6 text-bold">Guest</div> <div class="col-lg-9 col-6">{{reservation.guests}} pax</div> </div> <div class="row no-gutters pb-3 sub-title"> <div class="col-lg-3 col-6 text-bold">Date & Time</div> <div class="col-lg-9 col-6" v-text="getDateTime(reservation.bookDate,reservation.bookTime)"></div> </div> <div class="row no-gutters pb-3 sub-title"> <div class="col-lg-3 col-6 text-bold">Duration</div> <div class="col-lg-9 col-6" v-text="reservation.duration"></div> </div> <div class="row no-gutters pb-3 sub-title"> <div class="col-lg-3 col-6 text-bold">Reservation Number</div> <div class="col-lg-9 col-6" v-text="reservation.reservationNumber"></div> </div> <div class="d-flex modify-booking-button sub-title flex-grow-1 align-items-end"> <a class="gold" @click="window.open('/content/pphg-revamp/en/panpacific-discovery/local-offers-listing/local-offer-detail.html?localExperienceId='+reservation.id)"> View Local Offer </a> <span class="ml-3 mr-3 d-none d-lg-inline-flex">|</span> <a class="gold" v-on:click="toggleCancelModal(reservation)"> Cancel Local Offer </a> <div v-if="reservation.bookingStatus == 'BOOKED'" class="booking-status pending desktop"> <svg class="booking-status-icon"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#icon-dots" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#icon-dots"> </use> </svg> <p class="booking-status-message">Pending</p> </div> <div v-if="reservation.bookingStatus == 'CONFIRMED'" class="booking-status confirmed desktop"> <svg class="booking-status-icon"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#icon-checktick" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#icon-checktick"> </use> </svg> <p class="booking-status-message">Confirmed</p> </div> </div> </div> </div> </div> </div> <div class="col-12 no-data-row" v-show="total < 1"> <div class="row"> <div class="col-12"> <div class="d-flex align-items-center justify-content-center"> <span>You do not have any upcoming local offers with us.</span> </div> </div> </div> </div> </div> <div class="content row no-gutters"> <div class="col-12 browsing-experience-box"> <div class="row no-gutters"> <div class="col-lg-12 col-xs-12 d-flex align-items-center justify-content-center"> <a class="browse-more-button" href="/en/panpacific-discovery/local-offers-listing.html">BROWSE MORE LOCAL OFFERS</a> </div> </div> </div> </div> </div> <div class="container pb-5" v-if="isRequestCancel"> <div class="exp-details-cancellation" style="display: block"> <div class="container pt-3 pb-4"> <h1 v-if="isExperience && isCancelSuccess">Your Experience Cancellation Inquiry has been received!</h1> <h1 v-if="!isExperience && isCancelSuccess">Your Local Offer Cancellation Inquiry has been received!</h1> <h1 v-if="!isCancelSuccess" class="error-msg is-danger js-cancel-fail" style="display:none;">Your Cancellation Inquiry has been failed!</h1> <div v-if="isCancelSuccess" class="cancellation-container component"> <div class="content row mx-5"> <div class="col-12 col-lg-8"> <div class="row"> <div class="col-12 cancellation-details"> <div class="row"> <div class="col-12 font-weight-bold">The hotel team will reply to you within operating hours to confirm your cancellation request</div> </div> <div class="row"> <div class="col-4 col-sm-2 col-lg-4 font-weight-bold">Cancellation Number</div> <div class="col-8 col-sm-10 col-lg-8">{{selectedReservation.reservationNumber}}</div> </div> <div class="row"> <div v-if="isExperience" class="col-4 col-sm-2 col-lg-4 font-weight-bold">Experience</div> <div v-if="!isExperience" class="col-4 col-sm-2 col-lg-4 font-weight-bold">Local Offer</div> <div class="col-8 col-sm-10 col-lg-8">{{selectedReservation.title}}</div> </div> <div class="row"> <div class="col-4 col-sm-2 col-lg-4 font-weight-bold">Category</div> <div class="col-8 col-sm-10 col-lg-8">{{selectedReservation.category}}</div> </div> <div class="row"> <div class="col-4 col-sm-2 col-lg-4 font-weight-bold text-capitalize">Guest</div> <div class="col-8 col-sm-10 col-lg-8">{{selectedReservation.guests}} pax</div> </div> <div class="row"> <div class="col-4 col-sm-2 col-lg-4 font-weight-bold">Date & Time</div> <div class="col-8 col-sm-10 col-lg-8">{{getDateTime(selectedReservation.bookDate,selectedReservation.bookTime)}}</div> </div> </div> </div> </div> <div class="col-12 col-lg-4"> <img :src="selectedReservation.image" style="width: 100%"/> </div> </div> <div class="content row cancellation-footer"> <div class="col-12"> <p> Changed your mind? <span><a v-if="isExperience" href="/en/panpacific-discovery/local-offers-listing.html" class="link link-primary">Find a new experience</a></span> <span><a v-if="!isExperience" href="" class="link link-primary">Find a new local offer</a></span> </p> </div> </div> </div> </div> </div> </div> <experience-cancel-modal inline-template :is-open="isModalOpen" :on-close="toggleCancelModal" :on-cancel="onCancel"> <div class="local-experience-cancel-modal component"> <div class="d-none"> <div id="local-experience-cancel-fancybox-modal"> <div class="local-experience-cancel-form component"> <div id="local-experience-cancel-screen" v-cloak> <div class="row"> <div class="col-sm-12"> <h5> <div class="room-select-title"> Are you sure you want to cancel this local offer? </div> </h5> <form class="local-experience-cancel-button-wrapper pt10 d-flex align-items-stretch justify-content-center"> <button class="button button-primary btn" type="button" v-on:click="cancelConfirmed">YES, CANCEL</button> <button class="button button-seconday btn" type="button" v-on:click="closeModal">NO</button> </form> </div> </div> </div> </div> </div> </div> </div> </experience-cancel-modal> </section> </div> </div> <div id="profile" role="tabpanel" class="tab-pane fade "> <div class="personal-info section"> <section class="profile-preference-container personal-information-form-container" data-endpoint="/wsi/pphg/profile1.0/updateProfile" data-email-mandatory-error-message="Email address is required" data-email-format-error-message="Please enter a "@" in your email"> <div class="container"> <div class="form-screen"> <form class="personal-information"> <div class="row"> <div class="col-12"> <div class="form-block left-wrapper"> <h3 class="form-title">Personal Information</h3> <div class="row">  <div class="col-12 col-lg-12"> <div class="row"> <div class="col-12 col-lg-8"> <div class="form-group"> <div class="custom-input-textfield"> <label for="fname">First Name</label>  <input class="form-control cookies-input-value" type="text" name="fname" disabled data-cookies="profile-cred" data-key="fname"/> </div> </div> <div class="form-group"> <div class="custom-input-textfield"> <label for="lname">Last Name</label>  <input class="form-control cookies-input-value" type="text" name="lname" disabled data-cookies="profile-cred" data-key="lname"/> </div> </div> </div> <div class="col-12 col-lg-4"> <div class="contact-us-background d-flex align-items-center h-100"> <span class="contact-us-wrapper d-flex align-items-center h-100"> <span><p>If you would like to change your first or last name, please <a href="https://www.ghadiscovery.com/support/create_ticket" target="_blank">contact us</a>.</p> </span> </span> </div> </div> </div> <label for="dob">Date of Birth</label> <div class="row"> <div class="col-4 col-lg-2 pr-lg-4 pr-1"> <div class="form-group"> <label class="sr-only" for="dobDate">Date</label> <div class="custom-chosen-wrapper"> <select class="chosen-select select-picker select-picker-link cookies-input-value" data-mobile="true" name="dobDate" tabindex="-1" data-disable-search="true" data-cookies="profile-cred" data-key="birthday"> <option value="" alt="Date">Date</option>  <option value="1" alt="1"> 1</option> <option value="2" alt="2"> 2</option> <option value="3" alt="3"> 3</option> <option value="4" alt="4"> 4</option> <option value="5" alt="5"> 5</option> <option value="6" alt="6"> 6</option> <option value="7" alt="7"> 7</option> <option value="8" alt="8"> 8</option> <option value="9" alt="9"> 9</option> <option value="10" alt="10"> 10</option> <option value="11" alt="11"> 11</option> <option value="12" alt="12"> 12</option> <option value="13" alt="13"> 13</option> <option value="14" alt="14"> 14</option> <option value="15" alt="15"> 15</option> <option value="16" alt="16"> 16</option> <option value="17" alt="17"> 17</option> <option value="18" alt="18"> 18</option> <option value="19" alt="19"> 19</option> <option value="20" alt="20"> 20</option> <option value="21" alt="21"> 21</option> <option value="22" alt="22"> 22</option> <option value="23" alt="23"> 23</option> <option value="24" alt="24"> 24</option> <option value="25" alt="25"> 25</option> <option value="26" alt="26"> 26</option> <option value="27" alt="27"> 27</option> <option value="28" alt="28"> 28</option> <option value="29" alt="29"> 29</option> <option value="30" alt="30"> 30</option> <option value="31" alt="31"> 31</option> </select> </div> </div> </div> <div class="col-4 col-lg-2 px-lg-4 px-2"> <div class="form-group"> <label class="sr-only" for="dobMonth">Month</label> <div class="custom-chosen-wrapper"> <select class="chosen-select select-picker select-picker-link cookies-input-value" data-mobile="true" name="dobMonth" tabindex="-1" data-disable-search="true" data-cookies="profile-cred" data-key="birthMonth"> <option value="" alt="Month">Month</option>  <option value="1" alt="1"> January</option> <option value="2" alt="2"> February</option> <option value="3" alt="3"> March</option> <option value="4" alt="4"> April</option> <option value="5" alt="5"> May</option> <option value="6" alt="6"> June</option> <option value="7" alt="7"> July</option> <option value="8" alt="8"> August</option> <option value="9" alt="9"> September</option> <option value="10" alt="10"> October</option> <option value="11" alt="11"> November</option> <option value="12" alt="12"> December</option> </select> </div> </div> </div> <div class="col-4 col-lg-4 pl-lg-4 pl-1"> <div class="form-group"> <div class="custom-chosen-wrapper"> <label class="sr-only" for="dobYear">Year</label> <select class="chosen-select select-picker select-picker-link cookies-input-value" data-mobile="true" name="dobYear" tabindex="-1" data-disable-search="true" data-cookies="profile-cred" data-key="birthYear"> <option value="" alt="Year">Year</option>  <option value="2024" alt="2024"> 2024</option> <option value="2023" alt="2023"> 2023</option> <option value="2022" alt="2022"> 2022</option> <option value="2021" alt="2021"> 2021</option> <option value="2020" alt="2020"> 2020</option> <option value="2019" alt="2019"> 2019</option> <option value="2018" alt="2018"> 2018</option> <option value="2017" alt="2017"> 2017</option> <option value="2016" alt="2016"> 2016</option> <option value="2015" alt="2015"> 2015</option> <option value="2014" alt="2014"> 2014</option> <option value="2013" alt="2013"> 2013</option> <option value="2012" alt="2012"> 2012</option> <option value="2011" alt="2011"> 2011</option> <option value="2010" alt="2010"> 2010</option> <option value="2009" alt="2009"> 2009</option> <option value="2008" alt="2008"> 2008</option> <option value="2007" alt="2007"> 2007</option> <option value="2006" alt="2006"> 2006</option> <option value="2005" alt="2005"> 2005</option> <option value="2004" alt="2004"> 2004</option> <option value="2003" alt="2003"> 2003</option> <option value="2002" alt="2002"> 2002</option> <option value="2001" alt="2001"> 2001</option> <option value="2000" alt="2000"> 2000</option> <option value="1999" alt="1999"> 1999</option> <option value="1998" alt="1998"> 1998</option> <option value="1997" alt="1997"> 1997</option> <option value="1996" alt="1996"> 1996</option> <option value="1995" alt="1995"> 1995</option> <option value="1994" alt="1994"> 1994</option> <option value="1993" alt="1993"> 1993</option> <option value="1992" alt="1992"> 1992</option> <option value="1991" alt="1991"> 1991</option> <option value="1990" alt="1990"> 1990</option> <option value="1989" alt="1989"> 1989</option> <option value="1988" alt="1988"> 1988</option> <option value="1987" alt="1987"> 1987</option> <option value="1986" alt="1986"> 1986</option> <option value="1985" alt="1985"> 1985</option> <option value="1984" alt="1984"> 1984</option> <option value="1983" alt="1983"> 1983</option> <option value="1982" alt="1982"> 1982</option> <option value="1981" alt="1981"> 1981</option> <option value="1980" alt="1980"> 1980</option> <option value="1979" alt="1979"> 1979</option> <option value="1978" alt="1978"> 1978</option> <option value="1977" alt="1977"> 1977</option> <option value="1976" alt="1976"> 1976</option> <option value="1975" alt="1975"> 1975</option> <option value="1974" alt="1974"> 1974</option> <option value="1973" alt="1973"> 1973</option> <option value="1972" alt="1972"> 1972</option> <option value="1971" alt="1971"> 1971</option> <option value="1970" alt="1970"> 1970</option> <option value="1969" alt="1969"> 1969</option> <option value="1968" alt="1968"> 1968</option> <option value="1967" alt="1967"> 1967</option> <option value="1966" alt="1966"> 1966</option> <option value="1965" alt="1965"> 1965</option> <option value="1964" alt="1964"> 1964</option> <option value="1963" alt="1963"> 1963</option> <option value="1962" alt="1962"> 1962</option> <option value="1961" alt="1961"> 1961</option> <option value="1960" alt="1960"> 1960</option> <option value="1959" alt="1959"> 1959</option> <option value="1958" alt="1958"> 1958</option> <option value="1957" alt="1957"> 1957</option> <option value="1956" alt="1956"> 1956</option> <option value="1955" alt="1955"> 1955</option> <option value="1954" alt="1954"> 1954</option> <option value="1953" alt="1953"> 1953</option> <option value="1952" alt="1952"> 1952</option> <option value="1951" alt="1951"> 1951</option> <option value="1950" alt="1950"> 1950</option> <option value="1949" alt="1949"> 1949</option> <option value="1948" alt="1948"> 1948</option> <option value="1947" alt="1947"> 1947</option> <option value="1946" alt="1946"> 1946</option> <option value="1945" alt="1945"> 1945</option> <option value="1944" alt="1944"> 1944</option> <option value="1943" alt="1943"> 1943</option> <option value="1942" alt="1942"> 1942</option> <option value="1941" alt="1941"> 1941</option> <option value="1940" alt="1940"> 1940</option> <option value="1939" alt="1939"> 1939</option> <option value="1938" alt="1938"> 1938</option> <option value="1937" alt="1937"> 1937</option> <option value="1936" alt="1936"> 1936</option> <option value="1935" alt="1935"> 1935</option> <option value="1934" alt="1934"> 1934</option> <option value="1933" alt="1933"> 1933</option> <option value="1932" alt="1932"> 1932</option> <option value="1931" alt="1931"> 1931</option> <option value="1930" alt="1930"> 1930</option> <option value="1929" alt="1929"> 1929</option> <option value="1928" alt="1928"> 1928</option> <option value="1927" alt="1927"> 1927</option> <option value="1926" alt="1926"> 1926</option> <option value="1925" alt="1925"> 1925</option> <option value="1924" alt="1924"> 1924</option> <option value="1923" alt="1923"> 1923</option> <option value="1922" alt="1922"> 1922</option> <option value="1921" alt="1921"> 1921</option> <option value="1920" alt="1920"> 1920</option> </select> </div> </div> </div> </div> <label for="contact-number">Contact Number</label> <div class="row"> <div class="col-9 col-lg-3"> <div class="form-group"> <div class="custom-chosen-wrapper dusty-gray" :class="{'text-error': errors.has('contact-country')}"> <select class="chosen-select select-picker select-picker-link" data-mobile="true" name="contact-country" tabindex="-1" v-validate="'required'" data-disable-search="false"> <option value="" disabled selected>Country/Region</option> <option value="93">Afghanistan (+93) </option> <option value="355">Albania (+355) </option> <option value="213">Algeria (+213) </option> <option value="1684">American Samoa (+1684) </option> <option value="376">Andorra (+376) </option> <option value="244">Angola (+244) </option> <option value="1264">Anguilla (+1264) </option> <option value="672">Antarctica (+672) </option> <option value="1268">Antigua and Barbuda (+1268) </option> <option value="54">Argentina (+54) </option> <option value="374">Armenia (+374) </option> <option value="297">Aruba (+297) </option> <option value="61">Australia (+61) </option> <option value="43">Austria (+43) </option> <option value="994">Azerbaijan (+994) </option> <option value="1242">Bahamas (+1242) </option> <option value="973">Bahrain (+973) </option> <option value="880">Bangladesh (+880) </option> <option value="1246">Barbados (+1246) </option> <option value="375">Belarus (+375) </option> <option value="32">Belgium (+32) </option> <option value="501">Belize (+501) </option> <option value="229">Benin (+229) </option> <option value="1441">Bermuda (+1441) </option> <option value="975">Bhutan (+975) </option> <option value="591">Bolivia (+591) </option> <option value="387">Bosnia and Herzegovina (+387) </option> <option value="267">Botswana (+267) </option> <option value="55">Brazil (+55) </option> <option value="246">British Indian Ocean Territory (+246) </option> <option value="1284">British Virgin Islands (+1284) </option> <option value="673">Brunei (+673) </option> <option value="359">Bulgaria (+359) </option> <option value="226">Burkina Faso (+226) </option> <option value="257">Burundi (+257) </option> <option value="855">Cambodia (+855) </option> <option value="237">Cameroon (+237) </option> <option value="1">Canada (+1) </option> <option value="238">Cape Verde (+238) </option> <option value="1345">Cayman Islands (+1345) </option> <option value="236">Central African Republic (+236) </option> <option value="235">Chad (+235) </option> <option value="56">Chile (+56) </option> <option value="86">China (+86) </option> <option value="61">Christmas Island (+61) </option> <option value="61">Cocos Islands (+61) </option> <option value="57">Colombia (+57) </option> <option value="269">Comoros (+269) </option> <option value="682">Cook Islands (+682) </option> <option value="506">Costa Rica (+506) </option> <option value="385">Croatia (+385) </option> <option value="53">Cuba (+53) </option> <option value="599">Curacao (+599) </option> <option value="357">Cyprus (+357) </option> <option value="420">Czech Republic (+420) </option> <option value="243">Democratic Republic of the Congo (+243) </option> <option value="45">Denmark (+45) </option> <option value="253">Djibouti (+253) </option> <option value="1767">Dominica (+1767) </option> <option value="1809, 1829, 1849">Dominican Republic (+1809, 1829, 1849) </option> <option value="670">East Timor (+670) </option> <option value="593">Ecuador (+593) </option> <option value="20">Egypt (+20) </option> <option value="503">El Salvador (+503) </option> <option value="240">Equatorial Guinea (+240) </option> <option value="291">Eritrea (+291) </option> <option value="372">Estonia (+372) </option> <option value="251">Ethiopia (+251) </option> <option value="500">Falkland Islands (+500) </option> <option value="298">Faroe Islands (+298) </option> <option value="679">Fiji (+679) </option> <option value="358">Finland (+358) </option> <option value="33">France (+33) </option> <option value="689">French Polynesia (+689) </option> <option value="241">Gabon (+241) </option> <option value="220">Gambia (+220) </option> <option value="995">Georgia (+995) </option> <option value="49">Germany (+49) </option> <option value="233">Ghana (+233) </option> <option value="350">Gibraltar (+350) </option> <option value="30">Greece (+30) </option> <option value="299">Greenland (+299) </option> <option value="1473">Grenada (+1473) </option> <option value="1671">Guam (+1671) </option> <option value="502">Guatemala (+502) </option> <option value="441481">Guernsey (+441481) </option> <option value="224">Guinea (+224) </option> <option value="245">Guinea-Bissau (+245) </option> <option value="592">Guyana (+592) </option> <option value="36">Hungary (+36) </option> <option value="509">Haiti (+509) </option> <option value="504">Honduras (+504) </option> <option value="852">Hong Kong, China (+852) </option> <option value="354">Iceland (+354) </option> <option value="91">India (+91) </option> <option value="62">Indonesia (+62) </option> <option value="98">Iran (+98) </option> <option value="964">Iraq (+964) </option> <option value="353">Ireland (+353) </option> <option value="441624">Isle of Man (+441624) </option> <option value="972">Israel (+972) </option> <option value="39">Italy (+39) </option> <option value="225">Ivory Coast (+225) </option> <option value="1876">Jamaica (+1876) </option> <option value="81">Japan (+81) </option> <option value="441534">Jersey (+441534) </option> <option value="962">Jordan (+962) </option> <option value="7">Kazakhstan (+7) </option> <option value="254">Kenya (+254) </option> <option value="686">Kiribati (+686) </option> <option value="383">Kosovo (+383) </option> <option value="965">Kuwait (+965) </option> <option value="996">Kyrgyzstan (+996) </option> <option value="856">Laos (+856) </option> <option value="371">Latvia (+371) </option> <option value="961">Lebanon (+961) </option> <option value="266">Lesotho (+266) </option> <option value="231">Liberia (+231) </option> <option value="218">Libya (+218) </option> <option value="423">Liechtenstein (+423) </option> <option value="370">Lithuania (+370) </option> <option value="352">Luxembourg (+352) </option> <option value="853">Macau (+853) </option> <option value="389">Macedonia (+389) </option> <option value="261">Madagascar (+261) </option> <option value="265">Malawi (+265) </option> <option value="60">Malaysia (+60) </option> <option value="960">Maldives (+960) </option> <option value="223">Mali (+223) </option> <option value="356">Malta (+356) </option> <option value="692">Marshall Islands (+692) </option> <option value="222">Mauritania (+222) </option> <option value="230">Mauritius (+230) </option> <option value="262">Mayotte (+262) </option> <option value="52">Mexico (+52) </option> <option value="691">Micronesia (+691) </option> <option value="373">Moldova (+373) </option> <option value="377">Monaco (+377) </option> <option value="976">Mongolia (+976) </option> <option value="382">Montenegro (+382) </option> <option value="1664">Montserrat (+1664) </option> <option value="212">Morocco (+212) </option> <option value="258">Mozambique (+258) </option> <option value="95">Myanmar (+95) </option> <option value="264">Namibia (+264) </option> <option value="674">Nauru (+674) </option> <option value="977">Nepal (+977) </option> <option value="31">Netherlands (+31) </option> <option value="599">Netherlands Antilles (+599) </option> <option value="687">New Caledonia (+687) </option> <option value="64">New Zealand (+64) </option> <option value="505">Nicaragua (+505) </option> <option value="227">Niger (+227) </option> <option value="234">Nigeria (+234) </option> <option value="683">Niue (+683) </option> <option value="850">North Korea (+850) </option> <option value="1670">Northern Mariana Islands (+1670) </option> <option value="47">Norway (+47) </option> <option value="968">Oman (+968) </option> <option value="92">Pakistan (+92) </option> <option value="680">Palau (+680) </option> <option value="970">Palestine (+970) </option> <option value="507">Panama (+507) </option> <option value="675">Papua New Guinea (+675) </option> <option value="595">Paraguay (+595) </option> <option value="51">Peru (+51) </option> <option value="63">Philippines (+63) </option> <option value="64">Pitcairn (+64) </option> <option value="48">Poland (+48) </option> <option value="351">Portugal (+351) </option> <option value="1787, 1939">Puerto Rico (+1787, 1939) </option> <option value="974">Qatar (+974) </option> <option value="242">Republic of the Congo (+242) </option> <option value="262">Reunion (+262) </option> <option value="40">Romania (+40) </option> <option value="7">Russia (+7) </option> <option value="250">Rwanda (+250) </option> <option value="590">Saint Barthelemy (+590) </option> <option value="290">Saint Helena (+290) </option> <option value="1869">Saint Kitts and Nevis (+1869) </option> <option value="1758">Saint Lucia (+1758) </option> <option value="590">Saint Martin (+590) </option> <option value="508">Saint Pierre and Miquelon (+508) </option> <option value="1784">Saint Vincent and the Grenadines (+1784) </option> <option value="685">Samoa (+685) </option> <option value="378">San Marino (+378) </option> <option value="239">Sao Tome and Principe (+239) </option> <option value="966">Saudi Arabia (+966) </option> <option value="221">Senegal (+221) </option> <option value="381">Serbia (+381) </option> <option value="248">Seychelles (+248) </option> <option value="232">Sierra Leone (+232) </option> <option value="65">Singapore (+65) </option> <option value="1721">Sint Maarten (+1721) </option> <option value="421">Slovakia (+421) </option> <option value="386">Slovenia (+386) </option> <option value="677">Solomon Islands (+677) </option> <option value="252">Somalia (+252) </option> <option value="27">South Africa (+27) </option> <option value="82">South Korea (+82) </option> <option value="211">South Sudan (+211) </option> <option value="34">Spain (+34) </option> <option value="94">Sri Lanka (+94) </option> <option value="249">Sudan (+249) </option> <option value="597">Suriname (+597) </option> <option value="47">Svalbard and Jan Mayen (+47) </option> <option value="268">Swaziland (+268) </option> <option value="46">Sweden (+46) </option> <option value="41">Switzerland (+41) </option> <option value="963">Syria (+963) </option> <option value="886">Taiwan (+886) </option> <option value="992">Tajikistan (+992) </option> <option value="255">Tanzania (+255) </option> <option value="66">Thailand (+66) </option> <option value="228">Togo (+228) </option> <option value="690">Tokelau (+690) </option> <option value="676">Tonga (+676) </option> <option value="1868">Trinidad and Tobago (+1868) </option> <option value="216">Tunisia (+216) </option> <option value="90">Turkey (+90) </option> <option value="993">Turkmenistan (+993) </option> <option value="1649">Turks and Caicos Islands (+1649) </option> <option value="688">Tuvalu (+688) </option> <option value="1340">U.S. Virgin Islands (+1340) </option> <option value="256">Uganda (+256) </option> <option value="380">Ukraine (+380) </option> <option value="971">United Arab Emirates (+971) </option> <option value="44">United Kingdom (+44) </option> <option value="1">United States (+1) </option> <option value="598">Uruguay (+598) </option> <option value="998">Uzbekistan (+998) </option> <option value="678">Vanuatu (+678) </option> <option value="379">Vatican (+379) </option> <option value="58">Venezuela (+58) </option> <option value="84">Vietnam (+84) </option> <option value="681">Wallis and Futuna (+681) </option> <option value="212">Western Sahara (+212) </option> <option value="967">Yemen (+967) </option> <option value="260">Zambia (+260) </option> <option value="263">Zimbabwe (+263) </option> </select> </div> </div> </div> <div class="col-6 col-lg-2 pr-lg-4 pr-2"> <div class="form-group"> <div class="custom-input-textfield"> <input class="form-control" type="number" name="contact-area-pp" placeholder="Area"/> </div> </div> </div> <div class="col-6 col-lg-3 pl-lg-4 pl-1"> <div class="form-group"> <div class="custom-input-textfield" :class="{'text-error': errors.has('contact-number')}"> <label class="sr-only" for="contact-number">Number</label>  <input class="form-control cookies-input-value" type="text" name="contact-number" placeholder="Number" v-validate="'required'" data-cookies="profile-cred" data-key="contactNum"/> </div> </div> </div> <div class="col-12 col-lg-4 pb-4" v-show="errors.has('contact-country') || errors.has('contact-number')"> <div class="text-error-container h-100 d-flex align-items-center"> <p class="error-msg is-danger"> Please enter a contact number</p> </div> </div> </div> <label for="email">Email Address</label> <div class="row"> <div class="col-12 col-lg-8"> <div class="form-group"> <div class="custom-input-textfield" :class="{'text-error': errors.has('email') || emailFormatError}"> <input type="hidden" name="username"/>  <input class="form-control cookies-input-value" type="text" id="personalEmail" name="email" v-validate="'required'" v-on:change="checkEmailFormat" data-cookies="profile-cred" data-key="email"/> </div> </div> </div> <div class="col-12 col-lg-4 pb-4" v-show="errors.has('email') || emailFormatError"> <div class="text-error-container h-100 d-flex align-items-center"> <p class="error-msg is-danger" v-text="emailFormatError"></p> </div> </div> </div>  </div> </div> <h3 class="form-title border-top pt-3">Address</h3> <p class="form-subtitle">This information is optional, but your details will help us serve you better.</p>  <div class="row"> <div class="col-9 col-lg-3"> <div class="form-group"> <label for="country">Country</label> <div class="custom-chosen-wrapper dusty-gray"> <select class="chosen-select select-picker select-picker-link cookies-input-value" data-mobile="true" name="country" tabindex="-1" data-cookies="profile-cred" data-key="countryCode"> <option value="" disabled selected>Country/Region</option>  <option value="af"> Afghanistan</option> <option value="al"> Albania</option> <option value="dz"> Algeria</option> <option value="as"> American Samoa</option> <option value="ad"> Andorra</option> <option value="ao"> Angola</option> <option value="ai"> Anguilla</option> <option value="ag"> Antigua and Barbuda</option> <option value="ar"> Argentina</option> <option value="am"> Armenia</option> <option value="aw"> Aruba</option> <option value="au"> Australia</option> <option value="at"> Austria</option> <option value="az"> Azerbaijan</option> <option value="bs"> Bahamas</option> <option value="bh"> Bahrain</option> <option value="bd"> Bangladesh</option> <option value="bb"> Barbados</option> <option value="by"> Belarus</option> <option value="be"> Belgium</option> <option value="bz"> Belize</option> <option value="bj"> Benin</option> <option value="bm"> Bermuda</option> <option value="bt"> Bhutan</option> <option value="bo"> Bolivia</option> <option value="ba"> Bosnia and Herzegovina</option> <option value="bw"> Botswana</option> <option value="br"> Brazil</option> <option value="vg"> British Virgin Islands</option> <option value="bn"> Brunei Darussalam</option> <option value="bg"> Bulgaria</option> <option value="bf"> Burkina Faso</option> <option value="bi"> Burundi</option> <option value="kh"> Cambodia</option> <option value="cm"> Cameroon</option> <option value="ca"> Canada</option> <option value="cv"> Cape Verde</option> <option value="ky"> Cayman Islands</option> <option value="cf"> Central African Republic</option> <option value="td"> Chad</option> <option value="cr"> Chile</option> <option value="cn"> China</option> <option value="co"> Colombia</option> <option value="km"> Comoros</option> <option value="cd"> Congo, Dem. Rep.</option> <option value="cg"> Congo, Rep.</option> <option value="ck"> Cook Islands</option> <option value="cr"> Costa Rica</option> <option value="ci"> Côte d’Ivoire</option> <option value="hr"> Croatia</option> <option value="cu"> Cuba</option> <option value="cy"> Cyprus</option> <option value="cz"> Czech Republic</option> <option value="dk"> Denmark</option> <option value="dj"> Djibouti</option> <option value="dm"> Dominica</option> <option value="do"> Dominican Republic</option> <option value="ec"> Ecuador</option> <option value="eg"> Egypt</option> <option value="sv"> El Salvador</option> <option value="gq"> Equatorial Guinea</option> <option value="er"> Eritrea</option> <option value="ee"> Estonia</option> <option value="et"> Ethiopia</option> <option value="fo"> Faroe Islands</option> <option value="fj"> Fiji</option> <option value="fi"> Finland</option> <option value="fr"> France</option> <option value="gf"> French Guiana</option> <option value="pf"> French Polynesia (Tahiti)</option> <option value="ga"> Gabon</option> <option value="gm"> Gambia, The</option> <option value="ge"> Georgia</option> <option value="de"> Germany</option> <option value="gh"> Ghana</option> <option value="gi"> Gibraltar</option> <option value="gr"> Greece</option> <option value="gl"> Greenland</option> <option value="gd"> Grenada</option> <option value="gp"> Guadeloupe</option> <option value="gu"> Guam</option> <option value="gt"> Guatemala</option> <option value="gn"> Guinea</option> <option value="gw"> Guinea-Bissau</option> <option value="gy"> Guyana</option> <option value="ht"> Haiti</option> <option value="us8"> Hawaii</option> <option value="va"> Holy See</option> <option value="hn"> Honduras</option> <option value="hk"> Hong Kong, China</option> <option value="hu"> Hungary</option> <option value="is"> Iceland</option> <option value="in"> India</option> <option value="id"> Indonesia</option> <option value="ir"> Iran</option> <option value="iq"> Iraq</option> <option value="ie"> Ireland</option> <option value="il"> Israel</option> <option value="it"> Italy</option> <option value="jm"> Jamaica</option> <option value="jp"> Japan</option> <option value="jo"> Jordon</option> <option value="kz"> Kazakhstan</option> <option value="ke"> Kenya</option> <option value="ki"> Kiribati</option> <option value="kw"> Kuwait</option> <option value="kg"> Kyrgyzstan</option> <option value="la"> Lao PDR</option> <option value="lv"> Latvia</option> <option value="lb"> Lebanon</option> <option value="ls"> Lesotho</option> <option value="lr"> Liberia</option> <option value="ly"> Libya</option> <option value="li"> Liechtenstein</option> <option value="lt"> Lithuania</option> <option value="lu"> Luxembourg</option> <option value="mo"> Macao</option> <option value="mg"> Madagascar</option> <option value="mw"> Malawi</option> <option value="my"> Malaysia</option> <option value="mv"> Maldives</option> <option value="ml"> Mali</option> <option value="mt"> Malta</option> <option value="mh"> Marshall Islands</option> <option value="mq"> Martinique</option> <option value="mr"> Mauritania</option> <option value="mu"> Mauritius</option> <option value="mx"> Mexico</option> <option value="fm"> Micronesia (Federated States of)</option> <option value="md"> Moldova</option> <option value="mc"> Monaco</option> <option value="mn"> Mongolia</option> <option value="me"> Montenegro</option> <option value="ms"> Montserrat</option> <option value="ma"> Morocco</option> <option value="mz"> Mozambique</option> <option value="mm"> Myanmar</option> <option value="na"> Namibia</option> <option value="nr"> Nauru</option> <option value="np"> Nepal</option> <option value="an"> Netherlands Antilles</option> <option value="nl"> Netherlands</option> <option value="nc"> New Caledonia</option> <option value="nz"> New Zealand</option> <option value="ni"> Nicaragua</option> <option value="ne"> Niger</option> <option value="ng"> Nigeria</option> <option value="nu"> Niue</option> <option value="kp"> North Korea</option> <option value="mp"> Northern Mariana Islands</option> <option value="no"> Norway</option> <option value="om"> Oman</option> <option value="pk"> Pakistan</option> <option value="pw"> Palau</option> <option value="ps"> Palestinian Territories</option> <option value="pa"> Panama</option> <option value="pg"> Papua New Guinea</option> <option value="py"> Paraguay</option> <option value="pe"> Peru</option> <option value="ph"> Philippines</option> <option value="pn"> Pitcairn</option> <option value="pl"> Poland</option> <option value="pt"> Portugal</option> <option value="pr"> Puerto Rico</option> <option value="qa"> Qatar</option> <option value="mk"> Republic of Macedonia</option> <option value="ro"> Romania</option> <option value="ru"> Russian Federation</option> <option value="rw"> Rwanda</option> <option value="sh"> Saint Helena</option> <option value="kn"> Saint Kitts and Nevis</option> <option value="lc"> Saint Lucia</option> <option value="vc"> Saint Vincent and the Grenadines</option> <option value="ws"> Samoa</option> <option value="sm"> San Marino</option> <option value="st"> São Tomé and Príncipe</option> <option value="sa"> Saudi Arabia</option> <option value="sn"> Senegal</option> <option value="rs"> Serbia</option> <option value="sc"> Seychelles</option> <option value="sl"> Sierra Leone</option> <option value="sg"> Singapore</option> <option value="sk"> Slovakia</option> <option value="si"> Slovenia</option> <option value="sb"> Solomon Islands</option> <option value="so"> Somalia</option> <option value="za"> South Africa</option> <option value="kr"> South Korea</option> <option value="ss"> South Sudan</option> <option value="es"> Spain</option> <option value="lk"> Sri Lanka</option> <option value="sd"> Sudan</option> <option value="sr"> Suriname</option> <option value="sz"> Swaziland</option> <option value="se"> Sweden</option> <option value="ch"> Switzerland</option> <option value="sy"> Syria</option> <option value="tw"> Taiwan</option> <option value="tj"> Tajikistan</option> <option value="tz"> Tanzania</option> <option value="th"> Thailand</option> <option value="tl"> Timor-Leste</option> <option value="tg"> Togo</option> <option value="to"> Tonga</option> <option value="tt"> Trinidad and Tobago</option> <option value="tn"> Tunisia</option> <option value="tr"> Turkey</option> <option value="tm"> Turkmenistan</option> <option value="tv"> Tuvalu</option> <option value="ug"> Uganda</option> <option value="ua"> Ukraine</option> <option value="ae"> United Arab Emirates</option> <option value="gb"> United Kingdom</option> <option value="us"> United States of America</option> <option value="uy"> Uruguay</option> <option value="vi"> US Virgin Islands</option> <option value="uz"> Uzbekistan</option> <option value="vu"> Vanuatu</option> <option value="ve"> Venezuela</option> <option value="vn"> Vietnam</option> <option value="eh"> Western Sahara</option> <option value="ye"> Yemen</option> <option value="zm"> Zambia</option> <option value="zw"> Zimbabwe</option> </select> </div> </div> </div> <div class="col-9 col-lg-2"> <div class="form-group"> <label for="town-city">Town/City</label> <div class="custom-input-textfield">  <input class="form-control cookies-input-value" type="text" name="town-city" placeholder="" data-cookies="profile-cred" data-key="city"/> </div> </div> </div> <div class="col-9 col-lg-3"> <div class="form-group"> <label for="postal-code">Post Code</label> <div class="custom-input-textfield">  <input class="form-control cookies-input-value" value="" type="text" name="postal-code" placeholder="" data-cookies="profile-cred" data-key="postCode"/> </div> </div> </div> <div class="col-12 col-lg-8"> <div class="form-group"> <div class="custom-input-textfield"> <label for="address">Address</label>  <input class="form-control cookies-input-value" type="text" name="address" data-cookies="profile-cred" data-key="address"/> </div> </div> </div> </div>  <div class="row"> <div class="col-12"> <div class="form-group"> <button class="button button-primary m-btn-full" type="submit" v-on:click="onSubmit" :disabled="isLoading || (submitted && !submitError)"><span v-show="isLoading"><span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>Loading...</span><span v-show="!isLoading">Save Changes</span></button><span class="text-success" v-show="submitted && !submitError"><img src="/etc/designs/pphg-revamp/clientlibs/images/user-profile-preference-management/Group 2.png"/> You have successfully submitted an update request.</span> </div> </div> </div> </div> </div> </div> <div class="row" v-show="submitted && !submitError"> <div class="col-12"> <div class="error-wrapper d-flex align-items-start mb-3"> <div class="span error-description"><p style="font-size: 14.0px;">Your profile will take up to 24 hours to update. Please <a target="_blank" href="https://www.ghadiscovery.com/support/create_ticket" class="text-success" style="font-size: 14.0px;">contact us</a> for further assistance.</p> </div> </div> </div> </div> </form> </div> </div> </section> </div> </div> <div id="acctab6" role="tabpanel" class="tab-pane fade "> </div> </div> </div> <div class="cookies-controller"> <div class="cookies-controller component" data-redirect-url="/content/pphg-revamp/en.html" data-content-visibility="noneclass"> <div class="content d-none"> <div> </div> </div> </div> </div> <div class="ugcwidget"> <div class="container-fluid p-0"> <style> a.pl-4.find-out-more-button{text-decoration:underline!important;} .image-wrapper.pb-4{display:none!important;} </style> </div></div> <div class="ugcwidget"> <div class="container-fluid p-0"> <style> button.button.button-primary.m-btn-full{margin-bottom:0px!important;} </style> </div></div> </div> <div><div class="section"><div class="new"></div> </div><div class="iparys_inherited"><div class="footer-ipar iparsys parsys"><div class="cookie section"> <div class="cookie-notice component"> <div class="container"> <div class="content"> <div class="text"> <h5>Our website uses cookies</h5> By continuing to use the website, you will be agreeing to our <a href="/en/data-protection-policy.html">Privacy Policy and</a> <a href="/en/terms-of-use.html">Terms of Use.</a> </div> <div class="pdpa-btn"><a class="pda-close button button-primary text-center" href="javascript:void(0);" analytics-id="cookieMessageIUnderstand">I understand</a></div> </div> </div> </div></div> <div class="footer section"> <div class="footer-2 component"> <div class="container w-pp"> <div class="row"> <div class="col-12"> <ul class="pp-logos"> <li> <div class="hotel-name">Hotels and Resorts</div> <div class="logos-container"> <div class="logos-block"> <a href="/en/about/about-pp.html"> <img src="/content/dam/pphg-revamp/logos/logo-pp-hr.svg"/> </a> </div> <div class="logos-block"> <a href="/en/about/about-prc.html"> <img src="/content/dam/pphg-revamp/logos/logo-prc-hr-new-small.svg"/> </a> </div> <div class="logos-block"> <a href="/en/about/about-pr.html"> <img src="/content/dam/pphg-revamp/logos/logo-pr-hr.svg"/> </a> </div> </div> </li> <li> <div class="hotel-name">Serviced Suites</div> <div class="logos-container"> <div class="logos-block"> <a href="/en/serviced-suites.pp.html"> <img src="/content/dam/pphg-revamp/logos/logo-pp-ss.svg"/> </a> </div> <div class="logos-block"> <a href="/en/serviced-suites.pr.html"> <img src="/content/dam/pphg-revamp/logos/logo-pr-ss.svg"/> </a> </div> </div> </li> <li> <div class="hotel-name">Wellness and Lifestyle</div> <div class="logos-container"> <div class="logos-block"> <a href="/en/about/st-gregory.html"> <img src="/content/dam/pphg-revamp/logos/logo-st-gregory.svg"/> </a> </div> <div class="logos-block"> <a href="/en/about/si-chuan-dou-hua.html"> <img src="/content/dam/pphg-revamp/logos/logo-si-chuan-dou-hua.svg"/> </a> </div> </div> </li> </ul> </div> </div> </div> <div class="container"> <hr/> </div> <div class="container-fluid footer-main"> <div class="container"> <div class="row justify-content-between"> <div class="col-12 col-lg-3 about-us-section"> <div class="accordion"> <div> <input type="checkbox" id="footer-about-us"/> <label for="footer-about-us"> <h4>About Pan Pacific</h4> </label> <div class="content"> <ul> <li><a href="/en/about.html">About Us</a></li> <li><a href="/en/development-opportunities.html">Development Opportunities</a></li> <li><a href="/en/newsroom.html">Newsroom</a></li> <li><a href="/en/careers.html">Careers</a></li> <li><a href="https://www.panpacificconnections.com/aspx/Home.aspx?lang=eng" target='_blank'>Pan Pacific Connections</a></li> <li><a href="/en/frequent-flyer.html">Frequent Flyer Programme</a></li> </ul> </div> </div> </div> </div> <div class="container about-us-spacer"> <hr/> </div> <div class="col-12 col-lg-4 pt-sm-4 pt-lg-0"> <div class="contact-selector component" data-footer-type="global"> <h4>Toll-Free Room Reservation Numbers</h4> <div class="contact-country-selector"> <div class="contact-country-content"> <div class="form-block"> <div class="form-group"> <span class="placeholder"> </span> <select class="chosen-select select-picker select-picker-link" name="contact-selector" data-mobile="true"> <option value="" selected disabled>Please select from list</option> <option value="AU" data-contact-info="1800 01 7747"> Australia </option> <option value="CA" data-contact-info="1833 437 7747"> Canada </option> <option value="CN" data-contact-info="400 842 7737"> China </option> <option value="DE" data-contact-info="0800 181 9355"> Germany </option> <option value="HK" data-contact-info="800 906 633"> Hong Kong, China </option> <option value="ID" data-contact-info="0078036219908"> Indonesia </option> <option value="JP" data-contact-info="08003008189"> Japan </option> <option value="MY" data-contact-info="1800 819 588"> Malaysia </option> <option value="NZ" data-contact-info="0800 450 133"> New Zealand </option> <option value="SG" data-contact-info="+65 6722 6781"> Singapore </option> <option value="TH" data-contact-info="1800 019 488"> Thailand </option> <option value="GB" data-contact-info="0800 031 8255"> United Kingdom </option> <option value="US" data-contact-info="1 833 710 7747"> United States of America </option> <option value="VN" data-contact-info="122 80 955"> Vietnam </option> </select> </div> </div> <div class="tollfree-number-container"> <div class="tollfree-number font-weight-bold"></div> </div> </div> </div> <h4 class="pt-3 pt-sm-4 pt-lg-3">Want to Leave Us a Message Instead?</h4> <a class="link link-primary" href="/en/contact-us.html" target='_blank'>Send an Enquiry</a> </div> </div> <div class="col-12 col-lg-4 newsletter-section pt-3 pt-md-5 pt-lg-0"> <div> <h4>Sign Up for Our Newsletter</h4> <p>Be the first to know about our exclusive deals.</p> <form class="form-inline newsletter-input col-12 p-0"> <div class="form-group row p-0 m-0"> <div class="col-12 p-0"> <a href="#" class="newsletter-button" id="btn-footer-register" data-src="#newsletter-fancybox-modal" data-fancybox=""> Join Now </a> </div> </div> </form> <div class="newsletter-modal component"> <div class="d-none"> <div id="newsletter-fancybox-modal"> <h3 class="text-center mb-5">Newsletter Subscription </h3> <div class="form-screen container px-0"> <div class="first-content col-12 col-lg-6 pr-lg-5 pl-lg-0 float-lg-left px-0"> <h4>Contact Details</h4> <form data-responsys="true" id="form-newsletter" data-endpoint="/content/pphg-revamp/en/jcr:content/footer-ipar/footer/footer-newsletter.recaptcha-validation.json" data-action="https://engage.pphg.com/pub/rf" method="POST"> <input type="hidden" name="pcode-pp" value="global"/> <div class="form-group"> <div class="custom-input-textfield" :class="{'text-error': errors.has('email-pp')}"> <label for="email-pp">Email Address</label> <input id="email-pp" class="form-control" type="text" name="email-pp" v-validate="'required|email'" data-error-msg="Please enter a valid email address"/> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('email-pp')" v-text="errors.first('email-pp')"></p> </div> </div> </div> <div class="form-group col-12 col-lg-6 pr-0 pl-0"> <label for="title-pp">Title</label> <div class="custom-chosen-wrapper" :class="{'text-error': errors.has('title-pp')}"> <select id="title-pp" class="chosen-select select-picker select-picker-link" data-mobile="true" name="title-pp" v-validate="'required'" data-error-msg="Please select your title" tabindex="-1" data-disable-search="true"> <option value="">Title</option> <option value="Mr"> Mr.</option> <option value="Mrs"> Mrs.</option> <option value="Ms"> Ms.</option> </select> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('title-pp')" v-text="errors.first('title-pp')"></p> </div> </div> </div> <div class="form-group col-12 pr-0 col-lg-12 px-0"> <div class="custom-input-textfield" :class="{'text-error': errors.has('fname-pp')}"> <label for="fname-pp">First Name</label> <input id="fname-pp" class="form-control" type="text" name="fname-pp" v-validate="'required'" data-error-msg="Please enter your first name"/> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('fname-pp')" v-text="errors.first('fname-pp')"></p> </div> </div> </div> <div class="form-group"> <div class="custom-input-textfield" :class="{'text-error': errors.has('lname-pp')}"> <label for="lname-pp">Last Name</label> <input id="lname-pp" class="form-control" type="text" name="lname-pp" v-validate="'required'" data-error-msg="Please enter your last name"/> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('lname-pp')" v-text="errors.first('lname-pp')"></p> </div> </div> </div> <div class="form-group"> <label for="country-pp">Country of Residence</label> <div class="custom-chosen-wrapper"> <select id="country-pp" class="chosen-select select-picker select-picker-link" data-mobile="true" name="country-pp"> <option value="af" data-text="af">Afghanistan </option> <option value="al" data-text="al">Albania </option> <option value="dz" data-text="dz">Algeria </option> <option value="as" data-text="as">American Samoa </option> <option value="ad" data-text="ad">Andorra </option> <option value="ao" data-text="ao">Angola </option> <option value="ai" data-text="ai">Anguilla </option> <option value="ag" data-text="ag">Antigua and Barbuda </option> <option value="ar" data-text="ar">Argentina </option> <option value="am" data-text="am">Armenia </option> <option value="aw" data-text="aw">Aruba </option> <option value="au" data-text="au">Australia </option> <option value="at" data-text="at">Austria </option> <option value="az" data-text="az">Azerbaijan </option> <option value="bs" data-text="bs">Bahamas </option> <option value="bh" data-text="bh">Bahrain </option> <option value="bd" data-text="bd">Bangladesh </option> <option value="bb" data-text="bb">Barbados </option> <option value="by" data-text="by">Belarus </option> <option value="be" data-text="be">Belgium </option> <option value="bz" data-text="bz">Belize </option> <option value="bj" data-text="bj">Benin </option> <option value="bm" data-text="bm">Bermuda </option> <option value="bt" data-text="bt">Bhutan </option> <option value="bo" data-text="bo">Bolivia </option> <option value="ba" data-text="ba">Bosnia and Herzegovina </option> <option value="bw" data-text="bw">Botswana </option> <option value="br" data-text="br">Brazil </option> <option value="vg" data-text="vg">British Virgin Islands </option> <option value="bn" data-text="bn">Brunei Darussalam </option> <option value="bg" data-text="bg">Bulgaria </option> <option value="bf" data-text="bf">Burkina Faso </option> <option value="bi" data-text="bi">Burundi </option> <option value="kh" data-text="kh">Cambodia </option> <option value="cm" data-text="cm">Cameroon </option> <option value="ca" data-text="ca">Canada </option> <option value="cv" data-text="cv">Cape Verde </option> <option value="ky" data-text="ky">Cayman Islands </option> <option value="cf" data-text="cf">Central African Republic </option> <option value="td" data-text="td">Chad </option> <option value="cr" data-text="cr">Chile </option> <option value="cn" data-text="cn">China </option> <option value="co" data-text="co">Colombia </option> <option value="km" data-text="km">Comoros </option> <option value="cd" data-text="cd">Congo, Dem. Rep. </option> <option value="cg" data-text="cg">Congo, Rep. </option> <option value="ck" data-text="ck">Cook Islands </option> <option value="cr" data-text="cr">Costa Rica </option> <option value="ci" data-text="ci">Côte d’Ivoire </option> <option value="hr" data-text="hr">Croatia </option> <option value="cu" data-text="cu">Cuba </option> <option value="cy" data-text="cy">Cyprus </option> <option value="cz" data-text="cz">Czech Republic </option> <option value="dk" data-text="dk">Denmark </option> <option value="dj" data-text="dj">Djibouti </option> <option value="dm" data-text="dm">Dominica </option> <option value="do" data-text="do">Dominican Republic </option> <option value="ec" data-text="ec">Ecuador </option> <option value="eg" data-text="eg">Egypt </option> <option value="sv" data-text="sv">El Salvador </option> <option value="gq" data-text="gq">Equatorial Guinea </option> <option value="er" data-text="er">Eritrea </option> <option value="ee" data-text="ee">Estonia </option> <option value="et" data-text="et">Ethiopia </option> <option value="fo" data-text="fo">Faroe Islands </option> <option value="fj" data-text="fj">Fiji </option> <option value="fi" data-text="fi">Finland </option> <option value="fr" data-text="fr">France </option> <option value="gf" data-text="gf">French Guiana </option> <option value="pf" data-text="pf">French Polynesia (Tahiti) </option> <option value="ga" data-text="ga">Gabon </option> <option value="gm" data-text="gm">Gambia, The </option> <option value="ge" data-text="ge">Georgia </option> <option value="de" data-text="de">Germany </option> <option value="gh" data-text="gh">Ghana </option> <option value="gi" data-text="gi">Gibraltar </option> <option value="gr" data-text="gr">Greece </option> <option value="gl" data-text="gl">Greenland </option> <option value="gd" data-text="gd">Grenada </option> <option value="gp" data-text="gp">Guadeloupe </option> <option value="gu" data-text="gu">Guam </option> <option value="gt" data-text="gt">Guatemala </option> <option value="gn" data-text="gn">Guinea </option> <option value="gw" data-text="gw">Guinea-Bissau </option> <option value="gy" data-text="gy">Guyana </option> <option value="ht" data-text="ht">Haiti </option> <option value="us8" data-text="us8">Hawaii </option> <option value="va" data-text="va">Holy See </option> <option value="hn" data-text="hn">Honduras </option> <option value="hk" data-text="hk">Hong Kong, China </option> <option value="hu" data-text="hu">Hungary </option> <option value="is" data-text="is">Iceland </option> <option value="in" data-text="in">India </option> <option value="id" data-text="id">Indonesia </option> <option value="ir" data-text="ir">Iran </option> <option value="iq" data-text="iq">Iraq </option> <option value="ie" data-text="ie">Ireland </option> <option value="il" data-text="il">Israel </option> <option value="it" data-text="it">Italy </option> <option value="jm" data-text="jm">Jamaica </option> <option value="jp" data-text="jp">Japan </option> <option value="jo" data-text="jo">Jordon </option> <option value="kz" data-text="kz">Kazakhstan </option> <option value="ke" data-text="ke">Kenya </option> <option value="ki" data-text="ki">Kiribati </option> <option value="kw" data-text="kw">Kuwait </option> <option value="kg" data-text="kg">Kyrgyzstan </option> <option value="la" data-text="la">Lao PDR </option> <option value="lv" data-text="lv">Latvia </option> <option value="lb" data-text="lb">Lebanon </option> <option value="ls" data-text="ls">Lesotho </option> <option value="lr" data-text="lr">Liberia </option> <option value="ly" data-text="ly">Libya </option> <option value="li" data-text="li">Liechtenstein </option> <option value="lt" data-text="lt">Lithuania </option> <option value="lu" data-text="lu">Luxembourg </option> <option value="mo" data-text="mo">Macao </option> <option value="mg" data-text="mg">Madagascar </option> <option value="mw" data-text="mw">Malawi </option> <option value="my" data-text="my">Malaysia </option> <option value="mv" data-text="mv">Maldives </option> <option value="ml" data-text="ml">Mali </option> <option value="mt" data-text="mt">Malta </option> <option value="mh" data-text="mh">Marshall Islands </option> <option value="mq" data-text="mq">Martinique </option> <option value="mr" data-text="mr">Mauritania </option> <option value="mu" data-text="mu">Mauritius </option> <option value="mx" data-text="mx">Mexico </option> <option value="fm" data-text="fm">Micronesia (Federated States of) </option> <option value="md" data-text="md">Moldova </option> <option value="mc" data-text="mc">Monaco </option> <option value="mn" data-text="mn">Mongolia </option> <option value="me" data-text="me">Montenegro </option> <option value="ms" data-text="ms">Montserrat </option> <option value="ma" data-text="ma">Morocco </option> <option value="mz" data-text="mz">Mozambique </option> <option value="mm" data-text="mm">Myanmar </option> <option value="na" data-text="na">Namibia </option> <option value="nr" data-text="nr">Nauru </option> <option value="np" data-text="np">Nepal </option> <option value="an" data-text="an">Netherlands Antilles </option> <option value="nl" data-text="nl">Netherlands </option> <option value="nc" data-text="nc">New Caledonia </option> <option value="nz" data-text="nz">New Zealand </option> <option value="ni" data-text="ni">Nicaragua </option> <option value="ne" data-text="ne">Niger </option> <option value="ng" data-text="ng">Nigeria </option> <option value="nu" data-text="nu">Niue </option> <option value="kp" data-text="kp">North Korea </option> <option value="mp" data-text="mp">Northern Mariana Islands </option> <option value="no" data-text="no">Norway </option> <option value="om" data-text="om">Oman </option> <option value="pk" data-text="pk">Pakistan </option> <option value="pw" data-text="pw">Palau </option> <option value="ps" data-text="ps">Palestinian Territories </option> <option value="pa" data-text="pa">Panama </option> <option value="pg" data-text="pg">Papua New Guinea </option> <option value="py" data-text="py">Paraguay </option> <option value="pe" data-text="pe">Peru </option> <option value="ph" data-text="ph">Philippines </option> <option value="pn" data-text="pn">Pitcairn </option> <option value="pl" data-text="pl">Poland </option> <option value="pt" data-text="pt">Portugal </option> <option value="pr" data-text="pr">Puerto Rico </option> <option value="qa" data-text="qa">Qatar </option> <option value="mk" data-text="mk">Republic of Macedonia </option> <option value="ro" data-text="ro">Romania </option> <option value="ru" data-text="ru">Russian Federation </option> <option value="rw" data-text="rw">Rwanda </option> <option value="sh" data-text="sh">Saint Helena </option> <option value="kn" data-text="kn">Saint Kitts and Nevis </option> <option value="lc" data-text="lc">Saint Lucia </option> <option value="vc" data-text="vc">Saint Vincent and the Grenadines </option> <option value="ws" data-text="ws">Samoa </option> <option value="sm" data-text="sm">San Marino </option> <option value="st" data-text="st">São Tomé and Príncipe </option> <option value="sa" data-text="sa">Saudi Arabia </option> <option value="sn" data-text="sn">Senegal </option> <option value="rs" data-text="rs">Serbia </option> <option value="sc" data-text="sc">Seychelles </option> <option value="sl" data-text="sl">Sierra Leone </option> <option value="sg" data-text="sg">Singapore </option> <option value="sk" data-text="sk">Slovakia </option> <option value="si" data-text="si">Slovenia </option> <option value="sb" data-text="sb">Solomon Islands </option> <option value="so" data-text="so">Somalia </option> <option value="za" data-text="za">South Africa </option> <option value="kr" data-text="kr">South Korea </option> <option value="ss" data-text="ss">South Sudan </option> <option value="es" data-text="es">Spain </option> <option value="lk" data-text="lk">Sri Lanka </option> <option value="sd" data-text="sd">Sudan </option> <option value="sr" data-text="sr">Suriname </option> <option value="sz" data-text="sz">Swaziland </option> <option value="se" data-text="se">Sweden </option> <option value="ch" data-text="ch">Switzerland </option> <option value="sy" data-text="sy">Syria </option> <option value="tw" data-text="tw">Taiwan </option> <option value="tj" data-text="tj">Tajikistan </option> <option value="tz" data-text="tz">Tanzania </option> <option value="th" data-text="th">Thailand </option> <option value="tl" data-text="tl">Timor-Leste </option> <option value="tg" data-text="tg">Togo </option> <option value="to" data-text="to">Tonga </option> <option value="tt" data-text="tt">Trinidad and Tobago </option> <option value="tn" data-text="tn">Tunisia </option> <option value="tr" data-text="tr">Turkey </option> <option value="tm" data-text="tm">Turkmenistan </option> <option value="tv" data-text="tv">Tuvalu </option> <option value="ug" data-text="ug">Uganda </option> <option value="ua" data-text="ua">Ukraine </option> <option value="ae" data-text="ae">United Arab Emirates </option> <option value="gb" data-text="gb">United Kingdom </option> <option value="us" data-text="us">United States of America </option> <option value="uy" data-text="uy">Uruguay </option> <option value="vi" data-text="vi">US Virgin Islands </option> <option value="uz" data-text="uz">Uzbekistan </option> <option value="vu" data-text="vu">Vanuatu </option> <option value="ve" data-text="ve">Venezuela </option> <option value="vn" data-text="vn">Vietnam </option> <option value="eh" data-text="eh">Western Sahara </option> <option value="ye" data-text="ye">Yemen </option> <option value="zm" data-text="zm">Zambia </option> <option value="zw" data-text="zw">Zimbabwe </option> </select> <input type="hidden" name="countryname-pp"/> </div> </div> <input type="hidden" name="globalpropertynews-pp" value="3"/> <input type="hidden" name="secretid-pp"/> <div class="form-group"> <label class="checkbox custom-control custom-checkbox" :class="{ 'has-error' : errors.has('tnc0') }"> <div class="d-flex"> <div> <input class="custom-control-input" id="tnc0" name="tnc0" v-validate="'required'" type="checkbox" data-error-msg-required="Please agree to Terms and Conditions before proceeding."/> <span class="custom-control-indicator"></span> </div> <div> <span class="custom-control-description"> <p>I have read and accepted the <a href="https://www.panpacific.com/en/terms-of-use.html" target="_self">terms of use</a>, <a href="https://www.panpacific.com/en/data-protection-notice-gdpr.html" target="_blank">data protection notice (GDPR)</a> and <a href="https://www.panpacific.com/en/data-protection-policy.html" target="_blank">data protection policy</a>.<br /> </p> </span> </div> </div> </label> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('tnc0')" v-text="'Please agree to the Terms and Conditions before proceeding.'"></p> </div> <label class="checkbox custom-control custom-checkbox" :class="{ 'has-error' : errors.has('gdpr') }"> </label> <div class="text-error-container"> <p class="error-msg is-danger" v-show="errors.has('gdpr')" v-text="errors.first('gdpr')"></p> </div> </div> <div class="form-group mb-4"> <input type="hidden" name="_ri_" value="X0Gzc2X%3DAQpglLjHJlTQGhiYrWzciDbqzazb5wWnDzcOuFaizeh7COEPUytlzgEOVXMtX%3DAQpglLjHJlTQGuPAI4hcOe6Mwzbb58za3YtzdUizeh7COEPUytlzgEO"/> <input type="hidden" name="_ei_" value="EjAQuZq9ngW8UH5b6l5DTB8"/> <input type="hidden" name="_di_" value="dnn75eff7ihm2lfdkmuaejahva3oq0qs26h1brgr6tsl85rlu8ag"/> <input type="hidden" name="Database_id" value="PPHGCORP_FORM_WebSignUp"/> <input type="hidden" name="ENROLLMENT_CODE" value="PPHG"/> <input type="hidden" name="EMAIL_PERMISSION_STATUS_" value="I"/> <input type="checkbox" class="hp-field" name="agreement-pp" value="1" tabindex="-1" autocomplete="off"/> <google-recaptcha v-if="!chinaNetwork" api-key="6LdJVrwmAAAAAJuYhrQPpLAsF-XOG2R7M-q3ojLS" action="newsletter-subscription" :on-success="onRecaptchaSubmit"> <button class="button button-primary">Join Now</button> </google-recaptcha> <button v-if="chinaNetwork" class="button button-primary" type="submit" v-on:click="onSubmit">Join Now</button> </div> </form> </div> <div class="col-12 col-lg-6 pl-lg-5 pr-lg-0 pt-5 float-lg-right"> <strong class="d-block mb-4">Pan Pacific Protects Your Privacy</strong> <p>Click "JOIN NOW" below to get emails with news and personalised offers from PPHG’s family of brands. You agree to the use of pixels (or similar) so we can see how you interact with emails and offer you personalised ads and content. You can change your mind at any time. To find out more, see our Data Protection Notice.<br /> </p> </div> </div> <div class="loading-screen px-0"> <p>We are currently processing your request.<br />Please do not close your browser window or navigate away from this page.</p> <p>Thank you.</p> <div class="ajax-loader"> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </div> </div> <div class="success-screen px-0"> <p>You have subscribed to our mailing list.</p> </div> <div class="error-screen px-0"> <h3>Sorry</h3> <p>The server is busy now; please try again later.</p> </div> </div> </div> </div> </div> <div class="app-download-section mt-0 mt-lg-4 pt-3 pt-md-5 pt-lg-0 pb-sm-3 pb-lg-0"><div class="col-12 p-0"> <h4>Download Our Mobile App</h4> </div> <div class="row"> <div class="col-6 col-sm-4 col-md-3 col-lg-6 p-0"> <div class="social-media d-block d-sm-block"> <div class="d-flex"> <a href="https://play.google.com/store/apps/details?id=com.pan_pacific.hotels" target="_blank"> <img src="/content/dam/pphg-revamp/test/pphg2-0/google-play-badge-1.png" alt="Android" width="100%"/> </a> </div> </div> </div> <div class="col-6 col-sm-4 col-md-3 col-lg-6 p-0"> <div class="social-media d-block d-sm-block"> <div class="d-flex"> <a href="https://apps.apple.com/sg/app/pan-pacific-hotels/id1517025891" target="_blank"> <img src="/content/dam/pphg-revamp/test/pphg2-0/apple-app-store-badge.png" alt="Apple" width="100%"/> </a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="container py-lg-5 pb-5"> <div class="row"> <div class="col-12"> <div> <div class="title-description component "> <div class="content text-center "> <h4> Get the Latest from Our Socials  </h4> </div> </div> </div> </div> </div> <div class="row justify-content-lg-center"> <div class="col-12 col-lg flex-lg-grow-0 pt-1"> <div class="social-media d-block d-sm-block"> <div class="d-flex panpacific"> <span class="d-inline-flex">Pan Pacific</span> <ul class="align-items-center d-flex"> <li class="d-inline-flex align-items-center"><a href='https://www.facebook.com/PanPacificHotelsandResorts' target='_blank'> <svg class="icon-container"> <use href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-facebook' xlink:href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-facebook'></use> </svg></a></li> <li class="d-inline-flex align-items-center"><a href='https://instagram.com/panpacifichotels/' target='_blank'> <svg class="icon-container"> <use href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-instagram' xlink:href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-instagram'></use> </svg></a></li> <li class="d-inline-flex align-items-center"><a href='/en/wechat.html' target='_blank'> <svg class="icon-container"> <use href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-wechat' xlink:href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-wechat'></use> </svg></a></li> <li class="d-inline-flex align-items-center"><a href='http://weibo.com/PanPacificHotels' target='_blank'> <svg class="icon-container"> <use href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-weibo' xlink:href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-weibo'></use> </svg></a></li> <li class="d-inline-flex align-items-center"><a href='https://www.youtube.com/@panpacifichotels' target='_blank'> <svg class="icon-container"> <use href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-youtube' xlink:href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-youtube'></use> </svg></a></li> </ul> </div> </div> </div> <div class="social-media dot-separator"></div> <div class="col-12 col-lg flex-lg-grow-0 pt-1"> <div class="social-media d-block d-sm-block"> <div class="d-flex parkroyalcollection"> <span class="d-inline-flex">PARKROYAL COLLECTION</span> <ul class="align-items-center d-flex"> <li class="d-inline-flex align-items-center"><a href='https://www.facebook.com/PARKROYALCOLLECTION' target='_blank'> <svg class="icon-container"> <use href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-facebook' xlink:href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-facebook'></use> </svg></a></li> <li class="d-inline-flex align-items-center"><a href='https://www.instagram.com/parkroyalcollection' target='_blank'> <svg class="icon-container"> <use href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-instagram' xlink:href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-instagram'></use> </svg></a></li> <li class="d-inline-flex align-items-center"><a href='https://www.youtube.com/@parkroyalcollection' target='_blank'> <svg class="icon-container"> <use href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-youtube' xlink:href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-youtube'></use> </svg></a></li> </ul> </div> </div> </div> <div class="social-media dot-separator"></div> <div class="col-12 col-lg flex-lg-grow-0 pt-1"> <div class="social-media d-block d-sm-block"> <div class="d-flex parkroyal"> <span class="d-inline-flex">PARKROYAL</span> <ul class="align-items-center d-flex"> <li class="d-inline-flex align-items-center"><a href='https://www.facebook.com/PARKROYALHotelsandResorts' target='_blank'> <svg class="icon-container"> <use href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-facebook' xlink:href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-facebook'></use> </svg></a></li> <li class="d-inline-flex align-items-center"><a href='https://www.instagram.com/parkroyalhotels/' target='_blank'> <svg class="icon-container"> <use href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-instagram' xlink:href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-instagram'></use> </svg></a></li> <li class="d-inline-flex align-items-center"><a href='https://www.youtube.com/@parkroyalhotels' target='_blank'> <svg class="icon-container"> <use href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-youtube' xlink:href='/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-social-youtube'></use> </svg></a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="bottom pt-5"> <div class="container"> <div class="row second-row align-items-center"> <div class="col-6 col-md-2 order-2 order-md-1"> <div class="logo left-logo"> <a href="https://www.uol.com.sg/" target="_blank"> <img src="/content/dam/pphg-revamp/test/pphg2-0/UOL_logo_left.png"/> </a> </div> </div> <div class="col-12 col-md-8 order-1 order-md-2"> <div class="bottom-footer-text"> <a class="d-flex align-items-center justify-content-center" href="https://www.ghadiscovery.com/" target="_blank"> <svg class="icon-container icon-gha"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-gha" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-gha"></use> </svg>global hotel alliance </a> </div> <div class="bottom-footer-text"> <div class="links d-flex flex-wrap justify-content-between"> <a class="mx-auto my-1" href='/en/sitemap.html' target='_blank'>Sitemap</a> <a class="mx-auto my-1" href='/en/data-protection-policy.html' target='_blank'>Data Protection Policy</a> <a class="mx-auto my-1" href='/en/data-protection-notice-gdpr.html' target='_blank'>Data Protection Notice (GDPR)</a> <a class="mx-auto my-1" href='/en/terms-of-use.html' target='_blank'>Terms of Use</a> <a class="mx-auto my-1" href='/en/terms-and-conditions-ugc.html' target='_blank'>UGC Terms and Conditions</a>  <a href="#" class="mx-auto my-1 cky-banner-element">Manage Cookie Preferences</a> </div> </div> <div class="bottom-footer-text copyright-text">© 2024 Pan Pacific Hotels Group Limited. All rights reserved</div> </div> <div class="col-6 col-md-2 order-3 order-md-3"> <div class="logo right-logo"> <a href="/en.html"> <img src="/content/dam/pphg-revamp/logos/pphg_logo_right.png"/> </a> </div> </div> </div> </div> </div> </div> </div> <div class="ugcwidget section"> <div class="container-fluid p-0"> <script type="text/javascript"> $('body').addClass('en pphg-2'); </script> </div></div> </div> </div> </div> </div> <div class="modal fade" id="errorModal" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <button type="button" data-dismiss="modal" aria-label="Close" class="close"> <svg class="icon-container icon-xs"> <use href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-close" xlink:href="/etc/designs/pphg-revamp/clientlibs/images/static/icons/symbols.svg#i-close"></use> </svg> </button> <div class="modal-header">  <h3 class="modal-title"></h3>  </div> <div class="modal-body pb20"> <p></p> </div> </div> </div> </div> <script> if ( window.location.protocol.toLowerCase() == "https:" || /\bisAEM/.test( document.body.className ) == false ) { if ('serviceWorker' in navigator) { window.addEventListener('load', function() { //navigator.serviceWorker.register('/sw.js'); navigator.serviceWorker.getRegistrations().then( function(registrations) { for(let registration of registrations) { registration.unregister(); } }); }); } } </script> <script> var defaultVal = document.getElementById("defaultCurrency").value; var baseUrl = "/etc/designs/pphg-revamp/clientlibs/", baseCurrency =defaultVal, tollfreeAPI ="/content/pphg-revamp/en.gettollfree.html?wcmmode=disabled", visitorCountryAPI ="/content/pphg-admin/visitorCountry.json", currencyAPI = "/content/pphg-admin/selectedCurrency.{FROM}.{TO}.json"; </script> <script type="application/ld+json"> {"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[]} </script>  <script> var url = window.location.href; var isEN = url.indexOf('/en/') >= 0; var isPropertyPage = url.indexOf('/hotels-and-resorts/') >= 0 || url.indexOf('/serviced-suites/') >= 0; var iidPP = 'e3a405b4-7d7d-493b-8fdd-74cb26c18413'; var iidPR = 'c69a09b5-ef9a-48dd-8d68-98766cafec67'; var iidPRC = '131dcd93-5a7c-4127-899f-595ce5fc0226'; var iid = ''; if (isEN && isPropertyPage) { var bodyClass = document.body.classList; if (bodyClass.contains('theme-pp')) { iid = iidPP; } else if (bodyClass.contains('theme-pr')) { iid = iidPR; } else if (bodyClass.contains('theme-prc')) { iid = iidPRC; } var BMB_MESSENGER_domain = 'https://messenger.myma.ai/'; var BMB_messengerHTMLPath = BMB_MESSENGER_domain + 'index.html'; var BMB_MESSENGER_head = document.getElementsByTagName('head')[0]; var BMB_MESSENGER_script = document.createElement('script'); BMB_MESSENGER_script.type = 'text/javascript'; BMB_MESSENGER_script.src = BMB_MESSENGER_domain + 'msgplugin.js'; BMB_MESSENGER_head.appendChild(BMB_MESSENGER_script); var BMB_MESSENGER_gid = '4d44c1aa-dc7c-415f-80e8-b08f0149ad66'; var BMB_MESSENGER_iid = iid; var BMB_MESSENGER_pid = ''; } </script>  <script type="text/javascript" src="/etc/designs/pphg-revamp/clientlibs.js"></script> </body> </html>

CINXE.COM

Profile Preference