
<!DOCTYPE HTML>
<html dir="ltr" lang="en" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#">
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
	<link rel="preconnect" href="https://storage.amari.com">
	<link rel="dns-prefetch" href="https://storage.amari.com">
	<link rel="preconnect" href="https://media.onyx-hospitality.com">
	<link rel="dns-prefetch" href="https://media.onyx-hospitality.com">
	
	<meta charset="utf-8" />
	<title>Amari Hotels &amp; Resorts - Page Not Found (404 Error)</title>
	<meta name="description" content="Sorry, we can&amp;#39;t find the page you requested on Amari.com. You received this alert because the page is no longer available on Amari.com" />
	<meta name="theme-color" content="#294082" />
	<meta name="robots" content="index,follow,noodp,noydir" />
	<meta http-equiv="content-language" content="en" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
	<meta name="twitter:card" content="summary_large_image" />
	<meta property="og:url" content="https://www.amari.com/promotionfeed" />
	<meta property="og:site_name" content="Amari" />
	<meta property="og:type" content="Website" />
	<meta property="og:title" content="Amari Hotels &amp;amp; Resorts - Page Not Found (404 Error)" />
	<meta property="og:description" content="Sorry, we can&amp;#39;t find the page you requested on Amari.com. You received this alert because the page is no longer available on Amari.com" />
			<meta property="og:image" content="https://media.onyx-hospitality.com/-/media/project/amari/common/main-banner/full_404.jpg?w=1200&amp;rev=d0f0ab8ea6784448a731861c5bb0ae78&amp;hash=9076FC489B052E03DC3C8DA8B8B40FA8" />
	<!--Yandex-->
		<meta name="yandex-verification" content="2a817cac32f3ef3c" />


	<!--alternate-->
				<link rel="alternate" href="https://www.amari.com/promotionfeed" hreflang="en" />
				<link rel="alternate" href="https://th.amari.com/promotionfeed" hreflang="th" />
				<link rel="alternate" href="https://de.amari.com/promotionfeed" hreflang="de" />
				<link rel="alternate" href="https://fr.amari.com/promotionfeed" hreflang="fr" />
				<link rel="alternate" href="https://www.amari-hotels.cn/promotionfeed" hreflang="zh-hans" />
				<link rel="alternate" href="https://zh.amari.com/promotionfeed" hreflang="zh-hant" />
	<!--preload CSS-->
	<link rel="preload" as="style" fetchpriority="high" href="https://cdn.amari.com/3rd/intl-tel-input@21.1.3/build/css/intlTelInput.css" />
	<link rel="preload" as="style" fetchpriority="high" href="https://storage.amari.com/3rd/booking/easyautocomplete/easy-autocomplete.themes.min.css" />
	<link rel="preload" as="style" fetchpriority="high" href="https://storage.amari.com/styles/bookingmask.min.css" />
	<link rel="preload" as="style" fetchpriority="high" href="https://storage.amari.com/3rd/animation/animate.min.css" />
	<link rel="preload" as="style" fetchpriority="high" href="https://storage.amari.com/3rd/images/slick/slick.css" />
	<link rel="preload" as="style" fetchpriority="high" href="https://storage.amari.com/styles/fonts.min.css" />
		<link rel="preload" fetchpriority="high" href="https://storage.amari.com/3rd/bootstrap/4.3.1/css/bootstrap.min.css" as="style" crossorigin="anonymous">
	<link rel="preload" as="style" fetchpriority="high" href="https://storage.amari.com/styles/critical.min.css" />
	<link rel="preload" as="style" fetchpriority="high" href="https://storage.amari.com/styles/component.min.css" />
	<link rel="preload" as="style" fetchpriority="high" href="https://storage.amari.com/styles/global.min.css" />

	<link rel="preload" as="style" fetchpriority="low" href="https://storage.amari.com/3rd/GDPR/cookieconsent-master/build/cookieconsent.min.css" />
	<link rel="preload" as="style" fetchpriority="low" href="https://storage.amari.com/3rd/animation/aos/aos.css" />
	<link rel="preload" as="style" fetchpriority="low" href="https://storage.amari.com/3rd/images/fancybox/dist/jquery.fancybox.min.css" />
	<link rel="preload" as="style" fetchpriority="low" href="https://storage.amari.com/3rd/images/flickity/flickity.min.css" />
	<link rel="preload" as="style" fetchpriority="low" href="https://storage.amari.com/3rd/images/slick/slick-theme.css" />
	<link rel="preload" as="style" fetchpriority="low" href="https://storage.amari.com/3rd/booking/easyautocomplete/easy-autocomplete.min.css" />
	<link rel="preload" as="style" fetchpriority="low" href="https://storage.amari.com/3rd/booking/hotel-datepicker/dist/css/hotel-datepicker.css" />

	<!--preload Script-->
	<link rel="preload" as="script" fetchpriority="high" href="https://storage.amari.com/3rd/js/jquery-3.4.1.min.js" />
	<link rel="preload" as="script" fetchpriority="high" href="https://storage.amari.com/3rd/images/slick/slick.min.js" />
	<link rel="preload" as="script" fetchpriority="high" href="https://cdnjs.cloudflare.com/ajax/libs/jquery.touchswipe/1.6.4/jquery.touchSwipe.min.js" />
	<link rel="preload" as="script" fetchpriority="high" href="https://storage.amari.com/3rd/images/fancybox/dist/jquery.fancybox.min.js" />
	<link rel="preload" as="script" fetchpriority="high" href="https://storage.amari.com/3rd/booking/dayjs/dayjs.min.js" />
	<link rel="preload" as="script" fetchpriority="high" href="https://storage.amari.com/3rd/booking/easyautocomplete/jquery.easy-autocomplete.min.js" />
	<link rel="preload" as="script" fetchpriority="high" href="https://storage.amari.com/3rd/booking/fecha/dist/fecha.min.js" />
	<link rel="preload" as="script" fetchpriority="high" href="https://storage.amari.com/3rd/booking/hotel-datepicker/dist/js/hotel-datepicker.min.js" />
	<link rel="preload" as="script" fetchpriority="high" href="https://storage.amari.com/scripts/global.js" />

	<link rel="alternate" href="https://www.amari.com/promotionfeed" hreflang="x-default" />
	<link rel="canonical" href="https://www.amari.com/promotionfeed" />
	<link rel="manifest" href="https://storage.amari.com/web-app/manifest.json">
	<link rel="shortcut icon" href="https://storage.amari.com/favicons/favicon.ico" />
	<link rel="apple-touch-icon" sizes="180x180" href="https://storage.amari.com/favicons/apple-touch-icon-180x180.png">
	<link rel="icon" type="image/png" sizes="192x192" href="https://storage.amari.com/favicons/android-icon-192x192.png">
	<link rel="icon" type="image/png" sizes="64x64" href="https://storage.amari.com/favicons/favicon-64x64.png">
	<link rel="icon" type="image/png" sizes="32x32" href="https://storage.amari.com/favicons/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="16x16" href="https://storage.amari.com/favicons/favicon-16x16.png">
	<link type="text/css" rel="stylesheet" href="https://storage.amari.com/3rd/GDPR/cookieconsent-master/build/cookieconsent.min.css" />
		<link type="text/css" rel="stylesheet" href="https://storage.amari.com/3rd/bootstrap/4.3.1/css/bootstrap.min.css" crossorigin="anonymous">
	<link type="text/css" rel="stylesheet" href="https://storage.amari.com/3rd/animation/animate.min.css" />
	<link type="text/css" rel="stylesheet" href="https://storage.amari.com/3rd/animation/aos/aos.css" />
	<link type="text/css" rel="stylesheet" href="https://storage.amari.com/3rd/images/fancybox/dist/jquery.fancybox.min.css" />
	<link type="text/css" rel="stylesheet" href="https://storage.amari.com/3rd/images/flickity/flickity.min.css" />
	<link rel="stylesheet" type="text/css" href="https://storage.amari.com/3rd/images/slick/slick.css" />
	<link rel="stylesheet" type="text/css" href="https://storage.amari.com/3rd/images/slick/slick-theme.css" />
	<link type="text/css" rel="stylesheet" href="https://storage.amari.com/3rd/booking/easyautocomplete/easy-autocomplete.min.css" />
	<link type="text/css" rel="stylesheet" href="https://storage.amari.com/3rd/booking/easyautocomplete/easy-autocomplete.themes.min.css" />
	<link type="text/css" rel="stylesheet" href="https://storage.amari.com/3rd/booking/hotel-datepicker/dist/css/hotel-datepicker.css" />
	<link type="text/css" rel="stylesheet" href="https://storage.amari.com/styles/bookingmask.min.css" />
	<link type="text/css" rel="stylesheet" href="https://cdn.amari.com/3rd/intl-tel-input@21.1.3/build/css/intlTelInput.css" />
	<!--Our Sytlesheet-->
	<link type="text/css" rel="stylesheet" href="https://storage.amari.com/styles/fonts.min.css" />
	<link type="text/css" rel="stylesheet" href="https://storage.amari.com/styles/critical.min.css" />
	<link type="text/css" rel="stylesheet" href="https://storage.amari.com/styles/global.min.css" />
	<link type="text/css" rel="stylesheet" href="https://storage.amari.com/styles/component.min.css" />
	<script src="https://storage.amari.com/3rd/js/jquery-3.4.1.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.touchswipe/1.6.4/jquery.touchSwipe.min.js"></script><!--touchSwipe-->
	<script src="https://storage.amari.com/3rd/booking/dayjs/dayjs.min.js"></script>
	<script src="https://storage.amari.com/3rd/booking/easyautocomplete/jquery.easy-autocomplete.min.js"></script>
	<script src="https://storage.amari.com/3rd/images/lazyload/lazysizes.min.js" async></script>
	<script src="https://storage.amari.com/3rd/images/slick/slick.min.js"></script>
	<!--Hoteldatepicker-->
	<script src="https://storage.amari.com/3rd/booking/fecha/dist/fecha.min.js"></script>
	<script src="https://storage.amari.com/3rd/booking/hotel-datepicker/dist/js/hotel-datepicker.min.js"></script>
	<script src="https://storage.amari.com/3rd/images/fancybox/dist/jquery.fancybox.min.js"></script>
	<!--Our Website-->
	<script src="https://storage.amari.com/scripts/global.js"></script>
		<script type="text/javascript">
            var dataLayer = dataLayer || [];
            dataLayer.push({
                'SynxisLanguage': 'en',
                'SiteLanguageCode': 'en',
                'SiteLanguageCulture': 'en',
                'RegionalISOCode': 'en-US',
                'PageLevel': 'General',
                'PropertyName': '',
                'PropertyCity': '',
                'PropertyCountry': '',
                'PropertyCountryCode': '',
                'PropertySynxisHotelID': '',
                'PropertyCode': '',
                'BrandCode': '',
                'BrandTheme':''
            });
		</script>
			<script defer>
	(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', 'GTM-WGRK5KT');</script>
			<script defer>
				(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', 'GTM-N46KRFD3');</script>




	<script>(function () { var dbpr = 100; if (Math.random() * 100 > 100 - dbpr) { var d = "dbbRum", w = window, o = document, a = addEventListener, scr = o.createElement("script"); scr.async = !0; w[d] = w[d] || []; w[d].push(["presampling", dbpr]);["error", "unhandledrejection"].forEach(function (t) { a(t, function (e) { w[d].push([t, e]) }); }); scr.src = "https://cdn.debugbear.com/mEo6Vk2gbJNn.js"; o.head.appendChild(scr); } })()</script>
</head>
<body class="amari en page-not-found level-general   page-page-not-found">
		<!-- Google Tag Manager (noscript) -->
		<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WGRK5KT" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
		<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N46KRFD3" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
	<div class="panel">
		<div id="container" class="amari">

<header class="header">
    



    

    <div class="linetop"></div>
    <div class="header-top show-desktop">
        
	<!--New-->
	<div class="header-hotel">
		<a href="#0" id="DropdownHotel" class="dropdown-toggle" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" title="Find Your Amari"><span class="hidden-mobile">Find Your Amari</span></a>
		<ul class="dropdown-menu" aria-labelledby="DropdownHotel">
				<li role="menuitem"><a href="/bangkok" title="Amari Bangkok">Amari Bangkok</a></li>
				<li role="menuitem"><a href="/donmuang" title="Amari Don Muang Airport Bangkok">Amari Don Muang Airport Bangkok</a></li>
				<li role="menuitem"><a href="/bangsaen" title="Amari Bangsaen">Amari Bangsaen</a></li>
				<li role="menuitem"><a href="/pattaya" title="Amari Pattaya">Amari Pattaya</a></li>
				<li role="menuitem"><a href="/huahin" title="Amari Hua Hin">Amari Hua Hin</a></li>
				<li role="menuitem"><a href="/koh-samui" title="Amari Koh Samui">Amari Koh Samui</a></li>
				<li role="menuitem"><a href="/phuket" title="Amari Phuket">Amari Phuket</a></li>
				<li role="menuitem"><a href="/vogue" title="Amari Vogue Krabi">Amari Vogue Krabi</a></li>
				<li role="menuitem"><a href="/buriram-united" title="Amari Buriram United">Amari Buriram United</a></li>
				<li role="menuitem"><a href="/johor-bahru" title="Amari Johor Bahru">Amari Johor Bahru</a></li>
				<li role="menuitem"><a href="/kuala-lumpur" title="Amari Kuala Lumpur">Amari Kuala Lumpur</a></li>
				<li role="menuitem"><a href="/penang" title="Amari SPICE Penang">Amari SPICE Penang</a></li>
				<li role="menuitem"><a href="/dhaka" title="Amari Dhaka">Amari Dhaka</a></li>
				<li role="menuitem"><a href="/vang-vieng" title="Amari Vang Vieng">Amari Vang Vieng</a></li>
				<li role="menuitem"><a href="/vientiane" title="Amari Vientiane">Amari Vientiane</a></li>
				<li role="menuitem"><a href="/colombo" title="Amari Colombo">Amari Colombo</a></li>
		</ul>
	</div>
	<nav aria-label="breadcrumb">
		<ol class="breadcrumb" itemscope itemtype="https://schema.org/BreadcrumbList">
					<li class="breadcrumb-item " itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
						<a href="/" title="Amari Hotels &amp; Resorts" itemprop="item"><span itemprop="name">Amari</span></a>
						<meta itemprop="position" content="1">
					</li>
						<li class="breadcrumb-item active" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" aria-current="page">
								<span itemprop="name">404 Page Not Found</span>
								<meta itemprop="position" content="2">
						</li>
		</ol>
	</nav>

        <ul class="header-toolbar">
            
    <li><a href="https://be.synxis.com/signin?brand=AM&chain=21906&config=GLBLAMR&theme=AMR&level=Chain&locale=en-US" title="View &amp; Manage Your Booking" target="_blank" rel="noopener"><span class="hidden-xs">My Booking</span></a></li>

            
        <li>
            <div class="login-rewards signin">
                <a href="/onyxrewardslogin" title="ONYX Rewards Sign-in" >ONYX Rewards Sign-in</a>
            </div>
        </li>
        <script type="text/javascript">
            $(document).ready(function () {
                $('.close-member-rate').click(function () {
                    $('.menu-member-rate').hide();
                    sessionStorage.setItem("CloseMemberRate", true);
                });
                if (!sessionStorage.CloseMemberRate && typeof getUrlParameter('promocode') === 'undefined') {
                    $('.menu-member-rate').show();
                }

                if (typeof getUrlParameter('onr') !== 'undefined') {
                    var aSinin = $('.login-rewards.signin a');
                    var temphref = aSinin.attr('href');
                    temphref = temphref + '/?onr=cndn';
                    aSinin.attr('href', temphref);
                }
            });
        </script>

            
<li class="dropdown">
    <div class="language">
        <a href="#0" id="DropdownLanguage" class="dropdown-toggle" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="Select your language"><span class="hidden-mobile">English</span></a>
        <ul class="dropdown-menu" aria-labelledby="DropdownLanguage">
                    <li class="active" role="menuitem" lang="en" data-locale="en">
                        <a href="https://www.amari.com/promotionfeed?hotelid=9" title="English">
                            English
                                <span class="bt-check active"><span class="bt-content"></span></span>
                        </a>
                    </li>
                    <li class="" role="menuitem" lang="th" data-locale="th-TH">
                        <a href="https://th.amari.com/promotionfeed?hotelid=9" title="ภาษาไทย">
                            ภาษาไทย
                        </a>
                    </li>
                    <li class="" role="menuitem" lang="de" data-locale="de-DE">
                        <a href="https://de.amari.com/promotionfeed?hotelid=9" title="Deutsch">
                            Deutsch
                        </a>
                    </li>
                    <li class="" role="menuitem" lang="fr" data-locale="fr-FR">
                        <a href="https://fr.amari.com/promotionfeed?hotelid=9" title="Fran&#231;ais">
                            Fran&#231;ais
                        </a>
                    </li>
                    <li class="" role="menuitem" lang="cn" data-locale="zh-CN">
                        <a href="https://cn.amari.com/promotionfeed?hotelid=9" title="简体中文">
                            简体中文
                        </a>
                    </li>
                    <li class="" role="menuitem" lang="zh" data-locale="zh-TW">
                        <a href="https://zh.amari.com/promotionfeed?hotelid=9" title="繁體中文">
                            繁體中文
                        </a>
                    </li>
        </ul>
    </div>
</li>
        </ul>
    </div>
    <div class="header-main menumain">
        

<div id="hamburger-main" class="cd-dropdown-wrapper">

    <a class="cd-dropdown-trigger" href="#0" title="Menu"><span></span><div class="text">Menu</div></a>
    <nav class="cd-dropdown">
        <div class="header-sidebar"><a href="#0" class="cd-close" title="Close">Close</a><span class="logo"><a href="/" title="Amari Hotels &amp; Resorts"><img fetchpriority="high" width="165" height="55" src="https://storage.amari.com/logo/amari.svg" alt="Amari Hotels &amp; Resorts"></a></span></div>

        <!-- Show Desktop -->
        <ul class="cd-dropdown-content ">
            

            <li><a href="/" title="Welcome to Amari">Home</a></li>
            <li class="has-children">
                <a href="/hotels-resorts" title="Amari Hotels &amp; Resorts">Our Hotels and Resorts</a>

                <ul class="cd-secondary-dropdown is-hidden">
                    <li class="go-back"><a href="#0" title="Back to Amari">Home</a></li>
                    <li class="see-all"><a href="/hotels-resorts" title="See all Amari Hotels &amp; Resorts">All Hotels and Resorts</a></li>
                    <li class="has-children">
                        <a href="#0">Thailand</a>

                        <ul class="is-hidden">
                            <li class="go-back"><a href="#0" title="Back to All Hotels and Resorts">All Hotels and Resorts</a></li>
                            <li><a href="/bangkok" title="Amari Bangkok">Amari Bangkok</a></li>
                            <li><a href="/donmuang" title="Amari Don Muang Airport Bangkok">Amari Don Muang Airport Bangkok</a></li>
                            <li><a href="/bangsaen" title="Amari Bangsaen">Amari Bangsaen</a></li>
                            <li><a href="/pattaya" title="Amari Pattaya">Amari Pattaya</a></li>
                            <li><a href="/huahin" title="Amari Hua Hin">Amari Hua Hin</a></li>
                            <li><a href="/koh-samui" title="Amari Koh Samui">Amari Koh Samui</a></li>
                            <li><a href="/vogue" title="Amari Vogue Krabi">Amari Vogue Krabi</a></li>
                            <li><a href="/phuket" title="Amari Phuket">Amari Phuket</a></li>
                            <li><a href="/buriram-united" title="Amari Buriram United">Amari Buriram United</a></li>
                        </ul>
                    </li>

                    <li class="has-children">
                        <a href="#0">Malaysia</a>
                        <ul class="is-hidden">
                            <li class="go-back"><a href="#0" title="Back to All Hotels and Resorts">All Hotels and Resorts</a></li>
                            <li><a href="/johor-bahru" title="Amari Johor Bahru">Amari Johor Bahru</a></li>
                            <li><a href="/kuala-lumpur" title="Amari Kuala Lumpur">Amari Kuala Lumpur</a></li>
                            <li><a href="/penang" title="Amari SPICE Penang">Amari SPICE Penang</a></li>
                        </ul>
                        <a href="#0">Laos</a>
                        <ul class="is-hidden">
                            <li class="go-back"><a href="#0" title="Back to All Hotels and Resorts">All Hotels and Resorts</a></li>
                            <li><a href="/vang-vieng" title="Amari Vang Vieng">Amari Vang Vieng</a></li>
                            <li><a href="/vientiane" title="Amari Vientiane">Amari Vientiane</a></li>
                        </ul>
                        <a href="#0">Sri Lanka</a>
                        <ul class="is-hidden">
                            <li class="go-back"><a href="#0" title="Back to All Hotels and Resorts">All Hotels and Resorts</a></li>
                            <li><a href="/colombo" title="Amari Colombo">Amari Colombo</a></li>
                        </ul>
                        <a href="#0">Bangladesh</a>
                        <ul class="is-hidden">
                            <li class="go-back"><a href="#0" title="Back to All Hotels and Resorts">All Hotels and Resorts</a></li>
                            <li><a href="/dhaka" title="Amari Dhaka">Amari Dhaka</a></li>
                        </ul>
                    </li>


                    <li class="upcoming"><a href="/upcoming-properties" title="Upcoming Hotels and Resorts">Upcoming Hotels and Resorts</a></li>

                </ul> <!-- .cd-secondary-dropdown -->
            </li> <!-- .has-children -->
            
                <li><a href="https://e.onyx-rewards.com" title="ONYX Rewards" target=&quot;_blank&quot; rel=&quot;noopener&quot;>ONYX Rewards</a></li>
            <li><a href="/the-wonderer-magazine" title="The Wonderer Magazine" target="_blank" rel="noopener">The Wonderer</a></li>
            <li><a href="https://blog.amari.com/" title="Blog">Blog</a></li>
                <li class="cd-info"><a href="https://be.synxis.com/signin?brand=AM&chain=21906&config=GLBLAMR&theme=AMR&level=Chain&locale=en-US" title="My Booking" target="_blank" rel="noopener">My Booking</a></li>
                            <li class="cd-info"><a href="/onyxrewardslogin" title="ONYX Rewards Sign-in" >ONYX Rewards Sign-in</a></li>
            <li class="cd-info"><a href="/best-rates-guarantee" title="Best Rate Guarantee">Best Rate Guarantee</a></li>

            <li class="cd-info language has-children">
                <a href="#0">English <span class="bt-check active"><span class="bt-content"></span></span></a>

                <!--Show Mobile only-->
                <ul class="cd-secondary-dropdown is-hidden  show-mobile">
                    <li class="go-back"><a href="#0" title="Back to Amari">Home</a></li>
                            <li class="active" lang="en" data-locale="en">
                                <a href="https://www.amari.com/promotionfeed?hotelid=9" title="English">
                                    English
                                        <span class="bt-check active"><span class="bt-content"></span></span>
                                </a>
                            </li>
                            <li class="" lang="th" data-locale="th-TH">
                                <a href="https://th.amari.com/promotionfeed?hotelid=9" title="ภาษาไทย">
                                    ภาษาไทย
                                </a>
                            </li>
                            <li class="" lang="de" data-locale="de-DE">
                                <a href="https://de.amari.com/promotionfeed?hotelid=9" title="Deutsch">
                                    Deutsch
                                </a>
                            </li>
                            <li class="" lang="fr" data-locale="fr-FR">
                                <a href="https://fr.amari.com/promotionfeed?hotelid=9" title="Fran&#231;ais">
                                    Fran&#231;ais
                                </a>
                            </li>
                            <li class="" lang="cn" data-locale="zh-CN">
                                <a href="https://cn.amari.com/promotionfeed?hotelid=9" title="简体中文">
                                    简体中文
                                </a>
                            </li>
                            <li class="" lang="zh" data-locale="zh-TW">
                                <a href="https://zh.amari.com/promotionfeed?hotelid=9" title="繁體中文">
                                    繁體中文
                                </a>
                            </li>
                </ul>

                <!--Show Desktop only-->
                <ul class="cd-secondary-dropdown is-hidden show-desktop">
                    <li class="header"><a href="#0" title="">Language</a></li>

                    <li class="has-children">
                        <ul class="is-hidden">
                                    <li class="active" lang="en" data-locale="en">
                                        <a href="https://www.amari.com/promotionfeed?hotelid=9" title="English">
                                            English
                                                <span class="bt-check active"><span class="bt-content"></span></span>
                                        </a>
                                    </li>
                                    <li class="" lang="th" data-locale="th-TH">
                                        <a href="https://th.amari.com/promotionfeed?hotelid=9" title="ภาษาไทย">
                                            ภาษาไทย
                                        </a>
                                    </li>
                                    <li class="" lang="de" data-locale="de-DE">
                                        <a href="https://de.amari.com/promotionfeed?hotelid=9" title="Deutsch">
                                            Deutsch
                                        </a>
                                    </li>
                                    <li class="" lang="fr" data-locale="fr-FR">
                                        <a href="https://fr.amari.com/promotionfeed?hotelid=9" title="Fran&#231;ais">
                                            Fran&#231;ais
                                        </a>
                                    </li>
                                    <li class="" lang="cn" data-locale="zh-CN">
                                        <a href="https://cn.amari.com/promotionfeed?hotelid=9" title="简体中文">
                                            简体中文
                                        </a>
                                    </li>
                                    <li class="" lang="zh" data-locale="zh-TW">
                                        <a href="https://zh.amari.com/promotionfeed?hotelid=9" title="繁體中文">
                                            繁體中文
                                        </a>
                                    </li>
                        </ul>
                    </li>

                </ul>

            </li><!--language-->

        </ul> <!-- .cd-dropdown-content -->


            </nav> <!-- .cd-dropdown -->

        </div> <!-- .cd-dropdown-wrapper -->

        
<nav class="navbar navbar-expand-lg navbar-light">
        <a class="navbar-brand" href="/" title="Amari Hotels &amp; Resorts"><img fetchpriority="high" src="https://storage.amari.com/logo/amari.svg" class="logo d-inline-block align-top" alt="Amari Hotels &amp; Resorts"></a>
        <div class="topbar menumain collapse navbar-collapse" id="navbar">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item"><a class="nav-link" href="/" title="Welcome to Amari">Home</a></li>
                <li class="nav-item dropdown mega-dropdown">
                    <a class="nav-link dropdown-toggle" href="#0" id="DropdownAllHotels" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="Find a Hotel">Find a Hotel</a>

                    <div aria-labelledby="DropdownAllHotels" class="dropdown-menu  mega-dropdown-content">
                        <div class="row">

                            <div class="col-12 col-xl-6">
                                <div class="row"><div class="col-12"><div class="dropdown-header"><h5><span>Thailand</span></h5></div></div></div>
                                <div class="row">
                                    <div class="col-4">
                                        <div class="dropdown-header"><h6><a class="dropdown-item" href="/bangkok-hotels" title="Bangkok">Bangkok</a></h6></div>
                                        <a class="dropdown-item" href="/bangkok" title="Amari Bangkok">Amari Bangkok</a>
                                        <a class="dropdown-item" href="/donmuang" title="Amari Don Muang Airport Bangkok">Amari Don Muang Airport Bangkok</a>
                                    </div>
                                    <div class="col-8">
                                        <div class="dropdown-header"><h6><span class="dropdown-item">Other Destinations</span></h6></div>
                                        <div class="row">
                                            <div class="col-6">
                                                <a class="dropdown-item" href="/bangsaen" title="Amari Bangsaen">Amari Bangsaen</a>
                                                <a class="dropdown-item" href="/pattaya" title="Amari Pattaya">Amari Pattaya</a>
                                                <a class="dropdown-item" href="/huahin" title="Amari Hua Hin">Amari Hua Hin</a>
                                                <a class="dropdown-item" href="/koh-samui" title="Amari Koh Samui">Amari Koh Samui</a>
                                            </div>
                                            <div class="col-6">
                                                <a class="dropdown-item" href="/phuket" title="Amari Phuket">Amari Phuket</a>
                                                <a class="dropdown-item" href="/vogue" title="Amari Vogue Krabi">Amari Vogue Krabi</a>
                                                <a class="dropdown-item" href="/buriram-united" title="Amari Buriram United">Amari Buriram United</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div><!--Thailand-->

                            <div class="col-md-4 col-xl-2">
                                <div class="row"><div class="col-12"><div class="dropdown-header"><h5><a class="dropdown-item" href="/malaysia-hotels" title="Malaysia">Malaysia</a></h5></div></div></div>
                                <div class="row">
                                    <div class="col-12">
                                        <a class="dropdown-item" href="/johor-bahru" title="Amari Johor Bahru">Amari Johor Bahru</a>
                                        <a class="dropdown-item" href="/kuala-lumpur" title="Amari Kuala Lumpur">Amari Kuala Lumpur</a>
                                        <a class="dropdown-item" href="/penang" title="Amari SPICE Penang">
                                            Amari SPICE Penang
                                        </a>
                                    </div>
                                </div><!--Malaysia -->
                            </div>

                            <div class="col-md-4 col-xl-2">
                                <div class="row"><div class="col-12"><div class="dropdown-header"><h5><a class="dropdown-item" href="/laos-hotels" title="Laos">Laos</a></h5></div></div></div>
                                <div class="row">
                                    <div class="col-12">
                                        <a class="dropdown-item" href="/vang-vieng" title="Amari Vang Vieng">Amari Vang Vieng</a>
                                        <a class="dropdown-item" href="/vientiane" title="Amari Vientiane">Amari Vientiane</a>
                                    </div>
                                </div>
                            </div><!--Laos-->

                            <div class="col-md-4 col-xl-2">
                                <div class="row"><div class="col-12"><div class="dropdown-header"><h5><span>Bangladesh</span></h5></div></div></div>
                                <div class="row">
                                    <div class="col-12">
                                        <a class="dropdown-item" href="/dhaka" title="Amari Dhaka">Amari Dhaka</a>
                                    </div>
                                </div>
                                <div class="row"><div class="col-12"><div class="dropdown-header"><h5><span>Sri Lanka</span></h5></div></div></div>
                                <div class="row">
                                    <div class="col-12">
                                        <a class="dropdown-item" href="/colombo" title="Amari Colombo">Amari Colombo</a>
                                    </div>
                                </div>
                            </div><!--Asia-->

                        </div>

                        <div class="row link">
                            <div class="col-md-12 col-xl-8">
                                <div class="row">
                                    <div class="col-md-4 col-xl-3"><a class="dropdown-item" href="/hotels-resorts" title="Explore all Hotels and Resorts">Explore all Hotels and Resorts</a></div>
                                    <div class="col-md-4 col-xl-3"><a class="dropdown-item" href="/upcoming-properties" title="Upcoming Hotels and Resorts">Upcoming Hotels and Resorts</a></div>
                                </div>
                            </div>
                        </div>

                    </div>

                </li>
                
                    <li class="nav-item"><a class="nav-link" href="https://e.onyx-rewards.com" title="ONYX Rewards" target=&quot;_blank&quot; rel=&quot;noopener&quot;>ONYX Rewards</a></li>
                <li class="nav-item"><a class="nav-link" href="/the-wonderer-magazine" title="The Wonderer Magazine">The Wonderer</a></li>
                <li class="nav-item"><a class="nav-link" href="https://blog.amari.com" title="Blog" target="_blank" rel="noopener">Blog</a></li>
            </ul>

        </div><!--/.menumain-->
</nav><!--//.topbar menu-->
<!--Reservation Button-->


<script type="text/javascript">
    //====================================================================================
    // Model View
    //====================================================================================
    //booking is model view class for booking page
    var $OnyxReward = null;
    var $booking = {};
    var temponselect = {};
    var temponchoose = {};
    var tempbookingtype = '';
    var td = dayjs('2026-02-02').toDate();
    var tmr = dayjs('2026-02-02').add(1, 'd').toDate();
    var booking = {
        CheckIn: td,
        CheckOut: tmr,
        Adult: 2,
        Room: 1,
        Promo: '',
        Lang: 'en'
    };

    var ismobile = 'False';

    //matchList is for add/remove list to a specified number
    $booking.matchList = function (list, num, prop, arg) {
        var listAmount = list.length;
        if (prop == "AgeList") {
            listAmount--;
        }
        if (listAmount < num) {
            switch ($.type(arg)) {
                case "undefined":
                    for (var i = listAmount; i < num; i++)
                        _(this).notifyCol(prop, "push", i);
                    break;
                case "number":
                    for (var i = listAmount; i < num; i++)
                        _(this).notifyCol(prop, "push", i + arg);
                    break;
                case "function":
                    for (var i = listAmount; i < num; i++)
                        _(this).notifyCol(prop, "push", arg(i));
                    break;
            }
        }
        for (var i = listAmount; i > num; i--)
            _(this).notifyCol(prop, "pop");
    };

    $booking.dateDiff = function (date1, date2) {
        var value1 = Math.floor(date1.getTime() / 86400000);
        var value2 = Math.floor(date2.getTime() / 86400000);
        return value1 - value2;
    };
    $booking.dateAdd = function (date, days) {
        var newDate = new Date(date.getTime());
        newDate.setDate(newDate.getDate() + days);
        return newDate;
    };

    $booking.adjustCheckOut = function (value) {
        this.CheckOut = $booking.dateAdd(value, this.TotalNights);
        setBookingLink();
    };
    $booking.adjustCheckIn = function (value) {
        var maxDate = $booking.dateAdd(value, -1);
        if (maxDate < this.CheckIn) {
            this.TotalNights = $booking.dateDiff(this.CheckOut, maxDate);
            this.CheckIn = maxDate;
        } else
            this.TotalNights = $booking.dateDiff(this.CheckOut, this.CheckIn);
        setBookingLink();
    };
</script>
<input style="display:none;" type="text" placeholder="Your Stay" class="input-lg" id="input-id" />
<div id="temp-element"></div>
<div class="loading-wrap overlay-booking" style="display: none;">
	<div class="loading-panel"></div>
</div>
<div class="reservations">
	<div id="reservations" class="collapse navbar-collapse">
		<ul class="navbar-nav ml-auto">
			<li class="nav-item dropdown mega-dropdown">
				<div onclick="javascript:togglebutton();" id="DropdownBookingMask" class="nav-link dropdown-toggle">
					<div class="button">
						<button data-hover="Click here" onclick="javascript:togglebutton();" class="show-desktop show-ipad booking-avail"><div>Check Availability</div></button>
						<button data-hover="Click here" onclick="javascript:togglebutton();" class="close-btn show-mobile booking-avail"><div>Book</div></button>
					</div>
					<!--BookingMask dropdown-->
					<div class="dropdown-menu mega-bookingmask" aria-labelledby="DropdownBookingMask">
						<div class="container">
							<div class="bookingmask">
								<div class="select sel_dest">
									<h5>Check Rates and Availability</h5>
									<div class="box_wrapper">
										<span class="icon-search"></span>
										<input type="text" id="txt-search-main" aria-label="Enter a destination or property" placeholder="Enter a destination or property" autocomplete="false" onclick="triggerFocus();">
										<span class="pulldown" onclick="triggerFocus();"></span>
									</div>
								</div>
								<div id="big-date-inout" class="big-date select sel_chkin-out">
									<div id="big-date-in" class="big-date-checkin-bookingmask select sel_chkin">
										<div class="box_inout">
											<h6>Check-In</h6>
											<div class="box_wrapper">
												<div class="big-date-indaynum-bookingmask day"></div>
												<div class="style-date-left-bookingmask month">
													<div class="big-date-indayname-bookingmask"></div>
													<div class="big-date-inmonth-bookingmask"></div>
													<div class="big-date-inyear-bookingmask"></div>
												</div>
											</div>
										</div>
									</div>
									<div id="big-date-out" class="big-date-checkout-bookingmask select sel_chkout">
										<div class="box_inout">
											<h6>Check-Out</h6>
											<div class="box_wrapper">
												<div class="big-date-outdaynum-bookingmask day"></div>
												<div class="style-date-left-bookingmask month">
													<div class="big-date-outdayname-bookingmask"></div>
													<div class="big-date-outmonth-bookingmask"></div>
													<div class="big-date-outyear-bookingmask"></div>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="select sel_guest">
									<h6>Rooms and Guests</h6>
									<div class="box_wrapper">
										<div class="guests-info">
											<span class="adult-info"><span id="adultupdate">2</span> <span class="adulttxt">Adults</span></span>, <span class="child-info set-hide"><span id="childupdate">0</span> <span class="childtxt">Child</span></span>
										</div>
										<div class="room-info"><span id="roomupdate">1</span> <span class="roomtxt">Room</span></div>
										<span class="pulldown"></span>
									</div>
									<div class="guests-flyout_container">
										<div class="header"><b>Rooms and Guests</b></div>
										<button type="button" id="close-input-num-id" class="close white" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"></span></button>
										<div class="guest-quantity-selection_container">
											<div>
												<div class="quantity-selection_container">
													<span class="roomtxt">Room</span>
													<div class="number-input">
														<button onclick="this.parentNode.querySelector('input[type=number]').stepDown(onroomdown())"></button>
														<input disabled="" id="roomno" class="quantity" min="1" max="9" name="roomno" value="1" type="number">
														<button onclick="this.parentNode.querySelector('input[type=number]').stepUp(onroomup())" class="plus"></button>
													</div>
												</div>
											</div>
											<div>
												<div class="quantity-selection_container">
													<span class="adulttxt">Adults</span>
													<div class="number-input">
														<button onclick="this.parentNode.querySelector('input[type=number]').stepDown(onadultdown())"></button>
														<input disabled="" id="adultno" class="quantity" min="1" max="9" name="adultno" value="2" type="number">
														<button onclick="this.parentNode.querySelector('input[type=number]').stepUp(onadultup())" class="plus"></button>
													</div>
												</div>
											</div>
											<div>
												<div class="quantity-selection_container">
													<span class="childtxt">Child</span>
													<div class="number-input">
														<button onclick="this.parentNode.querySelector('input[type=number]').stepDown(onchilddown())"></button>
														<input disabled="" id="childrenno" class="quantity" min="0" name="childrenno" max="5" value="0" type="number">
														<button onclick="this.parentNode.querySelector('input[type=number]').stepUp(onchildup())" class="plus"></button>
													</div>
												</div>
											</div>
											<div>
												<div id="childage-container" class="quantity-selection_container">
													<div id="select_container" class="select_container"></div>
												</div>
											</div>
										</div>
										<button type="button" class="apply" onclick="$('#close-input-num-id').click()">Apply</button>
									</div>
								</div>
								<div class="select sel_promocode">
									<h6>Promo Code</h6>
									<div class="box_wrapper">
										<input id="promocode" type="text" aria-label="Optional" placeholder="Optional">
									</div>
								</div>
								<div class="select sel_check">
									<div class="box_wrapper">
										<div class="btn-check">
											<a href="javascript:postWith();" class="linkCheckRate" title="Check Availability">Check Availability</a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div><!--//bookingmask-->
				</div>
			</li>
		</ul>
	</div>
</div><!--//reservations-->
<script type="text/javascript">
    //*****************  ******************/
    //*          Date Selection           */
    //*****************  ******************/
    /*  hoteldatepicker */
    var ArrShortMonth = [
        "Jan",
        "Feb",
        "Mar",
        "Apr",
        "May",
        "Jun",
        "Jul",
        "Aug",
        "Sept",
        "Oct",
        "Nov",
        "Dec"
    ];
    var ArrLongMonth = [
        "January",
        "February",
        "March",
        "April",
        "May",
        "June",
        "July",
        "August",
        "September",
        "October",
        "November",
        "December"
    ];
    var ArrShortDayName = [
        "Sun",
        "Mon",
        "Tue",
        "Wed",
        "Thu",
        "Fri",
        "Sat"
    ];
    var ArrLongDayName = [
        "Sunday",
        "Monday",
        "Tuesday",
        "Wednesday",
        "Thursday",
        "Friday",
        "Saturday"
    ];

    var today = dayjs('2026-02-02').toDate();
    var tomorrow = dayjs('2026-02-02').add(1, 'd').toDate();
    var input = document.getElementById('input-id');
    if (!input) {
        input = $('#input-id');
    }
    updateinputvalue(input, today, tomorrow);

    var datepickeroption = {
        format: 'dddd DD MMM YYYY',
        moveBothMonths: true,
        minNights: parseInt('1'),
        i18n: {
            selected: "Your stay",
            night: "Night",
            nights: "Nights",
            button: 'x',
            'checkin-disabled': "Check-in disabled",
            'checkout-disabled': "Check-out disabled",
            'day-names-short': ArrShortDayName,
            'day-names': ArrShortDayName,
            'month-names-short': ArrShortMonth,
            'month-names': ArrLongMonth,
            'error-more': "Date range should not be more than 1 night",
            'error-more-plural': "Date range should not be more than %d Night",
            'error-less': "Date range should not be less than 1 Night",
            'error-less-plural': "Date range should not be less than %d Nights",
            'info-more': "Please select a date range of at least 1 Night",
            'info-more-plural': "Please select a date range of at least %d Nights",
            'info-range': "Please select a date range between %d and %d Nights",
            'info-default': "Please select a date range"
        },
        onSelectRange: function () {
            booking.CheckIn = new Date(datepicker.start);
            booking.CheckOut = new Date(datepicker.end);
            updateinputvalue(input, booking.CheckIn, booking.CheckOut);
            setBookingLink();
        }, onOpenDatepicker: function () {

        }
    }
    var datepicker = new HotelDatepicker(document.getElementById('input-id'), datepickeroption);

    var open_datepicker_button = document.getElementById('big-date-inout');
    open_datepicker_button.addEventListener('click', open_datepicker_function);
    function open_datepicker_function() {
        datepicker.open();
    }

    function updateinputvalue(input, start, end) {
        if (start) {
            if (!end) {
                end = dayjs(start).add(1, 'd').toDate()
            }

            input.value = ArrShortDayName[start.getDay()] + ' ' + (start.getDate() < 10 ? '0' + start.getDate() : start.getDate()) + ' ' + ArrShortMonth[start.getMonth()] + ' ' + start.getFullYear() + ' - ' +
                ArrShortDayName[end.getDay()] + ' ' + (end.getDate() < 10 ? '0' + end.getDate() : end.getDate()) + ' ' + ArrShortMonth[end.getMonth()] + ' ' + end.getFullYear();

            invalue = input.value.toString().split('-')[0].trim().split(' ');
            outvalue = input.value.toString().split('-')[1].trim().split(' ');

            setLargeDate(invalue[0], invalue[1], invalue[2], invalue[3], 'in');
            setLargeDate(outvalue[0], outvalue[1], outvalue[2], outvalue[3], 'out');
        }
    }

    function clearInput(elem) {
        elem.val("");
        $('.alert-close').hide();
        elem.click();
    }

    function setLargeDate(dayname, daynum, month, year, type) {
        $('.big-date-' + type + 'daynum-bookingmask').text(daynum);
        $('.big-date-' + type + 'dayname-bookingmask').text(dayname);
        $('.big-date-' + type + 'month-bookingmask').text(month);
        $('.big-date-' + type + 'year-bookingmask').text(year);
    }
</script>
<script type="text/javascript">
     //***********************************/
     //*       Property Selection       **/
     //***********************************/
    var elem = $("#txt-search-main");
    var tempdata = '{\&quot;Thailand\&quot;:[{\&quot;Path\&quot;:\&quot;/bangkok/reservation-form\&quot;,\&quot;Name\&quot;:\&quot;Amari Bangkok\&quot;,\&quot;OpeningDate\&quot;:\&quot;2020-12-12\&quot;,\&quot;BookingType\&quot;:\&quot;Normal Booking\&quot;,\&quot;Promo\&quot;:\&quot;\&quot;,\&quot;HotelId\&quot;:\&quot;77241\&quot;,\&quot;Brand\&quot;:\&quot;AM\&quot;,\&quot;Config\&quot;:\&quot;GLBLAMR\&quot;,\&quot;Theme\&quot;:\&quot;AMR\&quot;,\&quot;Level\&quot;:\&quot;Chain\&quot;,\&quot;WihpId\&quot;:\&quot;172317\&quot;,\&quot;Currency\&quot;:\&quot;THB\&quot;,\&quot;Search\&quot;:\&quot;Amari Bangkok\&quot;},{\&quot;Path\&quot;:\&quot;/donmuang/reservation-form\&quot;,\&quot;Name\&quot;:\&quot;Amari Don Muang Airport Bangkok\&quot;,\&quot;OpeningDate\&quot;:\&quot;2020-07-01\&quot;,\&quot;BookingType\&quot;:\&quot;Normal Booking\&quot;,\&quot;Promo\&quot;:\&quot;\&quot;,\&quot;HotelId\&quot;:\&quot;77250\&quot;,\&quot;Brand\&quot;:\&quot;AM\&quot;,\&quot;Config\&quot;:\&quot;GLBLAMR\&quot;,\&quot;Theme\&quot;:\&quot;AMR\&quot;,\&quot;Level\&quot;:\&quot;Chain\&quot;,\&quot;WihpId\&quot;:\&quot;172309\&quot;,\&quot;Currency\&quot;:\&quot;THB\&quot;,\&quot;Search\&quot;:\&quot;Amari Don Muang Airport Bangkok\&quot;},{\&quot;Path\&quot;:\&quot;/bangsaen/reservation-form\&quot;,\&quot;Name\&quot;:\&quot;Amari Bangsaen\&quot;,\&quot;OpeningDate\&quot;:\&quot;2025-06-01\&quot;,\&quot;BookingType\&quot;:\&quot;Normal Booking\&quot;,\&quot;Promo\&quot;:\&quot;\&quot;,\&quot;HotelId\&quot;:\&quot;9978\&quot;,\&quot;Brand\&quot;:\&quot;AM\&quot;,\&quot;Config\&quot;:\&quot;GLBLAMR\&quot;,\&quot;Theme\&quot;:\&quot;AMR\&quot;,\&quot;Level\&quot;:\&quot;Chain\&quot;,\&quot;WihpId\&quot;:\&quot;\&quot;,\&quot;Currency\&quot;:\&quot;THB\&quot;,\&quot;Search\&quot;:\&quot;Amari Bangsaen\&quot;},{\&quot;Path\&quot;:\&quot;/pattaya/reservation-form\&quot;,\&quot;Name\&quot;:\&quot;Amari Pattaya\&quot;,\&quot;OpeningDate\&quot;:\&quot;2020-07-01\&quot;,\&quot;BookingType\&quot;:\&quot;Normal Booking\&quot;,\&quot;Promo\&quot;:\&quot;\&quot;,\&quot;HotelId\&quot;:\&quot;77249\&quot;,\&quot;Brand\&quot;:\&quot;AM\&quot;,\&quot;Config\&quot;:\&quot;GLBLAMR\&quot;,\&quot;Theme\&quot;:\&quot;AMR\&quot;,\&quot;Level\&quot;:\&quot;Chain\&quot;,\&quot;WihpId\&quot;:\&quot;172313\&quot;,\&quot;Currency\&quot;:\&quot;THB\&quot;,\&quot;Search\&quot;:\&quot;Amari Pattaya\&quot;},{\&quot;Path\&quot;:\&quot;/huahin/reservation-form\&quot;,\&quot;Name\&quot;:\&quot;Amari Hua Hin\&quot;,\&quot;OpeningDate\&quot;:\&quot;2020-06-11\&quot;,\&quot;BookingType\&quot;:\&quot;Normal Booking\&quot;,\&quot;Promo\&quot;:\&quot;\&quot;,\&quot;HotelId\&quot;:\&quot;77240\&quot;,\&quot;Brand\&quot;:\&quot;AM\&quot;,\&quot;Config\&quot;:\&quot;GLBLAMR\&quot;,\&quot;Theme\&quot;:\&quot;AMR\&quot;,\&quot;Level\&quot;:\&quot;Chain\&quot;,\&quot;WihpId\&quot;:\&quot;172311\&quot;,\&quot;Currency\&quot;:\&quot;THB\&quot;,\&quot;Search\&quot;:\&quot;Amari Hua Hin\&quot;},{\&quot;Path\&quot;:\&quot;/koh-samui/reservation-form\&quot;,\&quot;Name\&quot;:\&quot;Amari Koh Samui\&quot;,\&quot;OpeningDate\&quot;:\&quot;2020-09-01\&quot;,\&quot;BookingType\&quot;:\&quot;Normal Booking\&quot;,\&quot;Promo\&quot;:\&quot;\&quot;,\&quot;HotelId\&quot;:\&quot;77256\&quot;,\&quot;Brand\&quot;:\&quot;AM\&quot;,\&quot;Config\&quot;:\&quot;GLBLAMR\&quot;,\&quot;Theme\&quot;:\&quot;AMR\&quot;,\&quot;Level\&quot;:\&quot;Chain\&quot;,\&quot;WihpId\&quot;:\&quot;172801\&quot;,\&quot;Currency\&quot;:\&quot;THB\&quot;,\&quot;Search\&quot;:\&quot;Amari Koh Samui\&quot;},{\&quot;Path\&quot;:\&quot;/phuket/reservation-form\&quot;,\&quot;Name\&quot;:\&quot;Amari Phuket\&quot;,\&quot;OpeningDate\&quot;:\&quot;2020-09-01\&quot;,\&quot;BookingType\&quot;:\&quot;Normal Booking\&quot;,\&quot;Promo\&quot;:\&quot;\&quot;,\&quot;HotelId\&quot;:\&quot;77252\&quot;,\&quot;Brand\&quot;:\&quot;AM\&quot;,\&quot;Config\&quot;:\&quot;GLBLAMR\&quot;,\&quot;Theme\&quot;:\&quot;AMR\&quot;,\&quot;Level\&quot;:\&quot;Chain\&quot;,\&quot;WihpId\&quot;:\&quot;172314\&quot;,\&quot;Currency\&quot;:\&quot;THB\&quot;,\&quot;Search\&quot;:\&quot;Amari Phuket\&quot;},{\&quot;Path\&quot;:\&quot;/vogue/reservation-form\&quot;,\&quot;Name\&quot;:\&quot;Amari Vogue Krabi\&quot;,\&quot;OpeningDate\&quot;:\&quot;2021-06-10\&quot;,\&quot;BookingType\&quot;:\&quot;Normal Booking\&quot;,\&quot;Promo\&quot;:\&quot;\&quot;,\&quot;HotelId\&quot;:\&quot;77260\&quot;,\&quot;Brand\&quot;:\&quot;AM\&quot;,\&quot;Config\&quot;:\&quot;GLBLAMR\&quot;,\&quot;Theme\&quot;:\&quot;AMR\&quot;,\&quot;Level\&quot;:\&quot;Chain\&quot;,\&quot;WihpId\&quot;:\&quot;172316\&quot;,\&quot;Currency\&quot;:\&quot;THB\&quot;,\&quot;Search\&quot;:\&quot;Amari Vogue Krabi\&quot;},{\&quot;Path\&quot;:\&quot;/buriram-united/reservation-form\&quot;,\&quot;Name\&quot;:\&quot;Amari Buriram United\&quot;,\&quot;OpeningDate\&quot;:\&quot;2016-08-01\&quot;,\&quot;BookingType\&quot;:\&quot;Normal Booking\&quot;,\&quot;Promo\&quot;:\&quot;\&quot;,\&quot;HotelId\&quot;:\&quot;77243\&quot;,\&quot;Brand\&quot;:\&quot;AM\&quot;,\&quot;Config\&quot;:\&quot;GLBLAMR\&quot;,\&quot;Theme\&quot;:\&quot;AMR\&quot;,\&quot;Level\&quot;:\&quot;Chain\&quot;,\&quot;WihpId\&quot;:\&quot;\&quot;,\&quot;Currency\&quot;:\&quot;THB\&quot;,\&quot;Search\&quot;:\&quot;Amari Buriram United\&quot;}],\&quot;Malaysia\&quot;:[{\&quot;Path\&quot;:\&quot;/johor-bahru/reservation-form\&quot;,\&quot;Name\&quot;:\&quot;Amari Johor Bahru\&quot;,\&quot;OpeningDate\&quot;:\&quot;2020-07-15\&quot;,\&quot;BookingType\&quot;:\&quot;Normal Booking\&quot;,\&quot;Promo\&quot;:\&quot;\&quot;,\&quot;HotelId\&quot;:\&quot;77251\&quot;,\&quot;Brand\&quot;:\&quot;AM\&quot;,\&quot;Config\&quot;:\&quot;GLBLAMR\&quot;,\&quot;Theme\&quot;:\&quot;AMR\&quot;,\&quot;Level\&quot;:\&quot;Chain\&quot;,\&quot;WihpId\&quot;:\&quot;178495\&quot;,\&quot;Currency\&quot;:\&quot;MYR\&quot;,\&quot;Search\&quot;:\&quot;Amari Johor Bahru\&quot;},{\&quot;Path\&quot;:\&quot;/kuala-lumpur/reservation-form\&quot;,\&quot;Name\&quot;:\&quot;Amari Kuala Lumpur\&quot;,\&quot;OpeningDate\&quot;:\&quot;2022-09-19\&quot;,\&quot;BookingType\&quot;:\&quot;Normal Booking\&quot;,\&quot;Promo\&quot;:\&quot;\&quot;,\&quot;HotelId\&quot;:\&quot;39671\&quot;,\&quot;Brand\&quot;:\&quot;AM\&quot;,\&quot;Config\&quot;:\&quot;GLBLAMR\&quot;,\&quot;Theme\&quot;:\&quot;AMR\&quot;,\&quot;Level\&quot;:\&quot;Chain\&quot;,\&quot;WihpId\&quot;:\&quot;207565\&quot;,\&quot;Currency\&quot;:\&quot;MYR\&quot;,\&quot;Search\&quot;:\&quot;Amari Kuala Lumpur\&quot;},{\&quot;Path\&quot;:\&quot;/penang/reservation-form\&quot;,\&quot;Name\&quot;:\&quot;Amari SPICE Penang\&quot;,\&quot;OpeningDate\&quot;:\&quot;2022-11-01\&quot;,\&quot;BookingType\&quot;:\&quot;Normal Booking\&quot;,\&quot;Promo\&quot;:\&quot;\&quot;,\&quot;HotelId\&quot;:\&quot;39711\&quot;,\&quot;Brand\&quot;:\&quot;AM\&quot;,\&quot;Config\&quot;:\&quot;GLBLAMR\&quot;,\&quot;Theme\&quot;:\&quot;AMR\&quot;,\&quot;Level\&quot;:\&quot;Chain\&quot;,\&quot;WihpId\&quot;:\&quot;207675\&quot;,\&quot;Currency\&quot;:\&quot;MYR\&quot;,\&quot;Search\&quot;:\&quot;Amari SPICE Penang\&quot;}],\&quot;Bangladesh\&quot;:[{\&quot;Path\&quot;:\&quot;/dhaka/reservation-form\&quot;,\&quot;Name\&quot;:\&quot;Amari Dhaka\&quot;,\&quot;OpeningDate\&quot;:\&quot;2016-08-01\&quot;,\&quot;BookingType\&quot;:\&quot;Normal Booking\&quot;,\&quot;Promo\&quot;:\&quot;\&quot;,\&quot;HotelId\&quot;:\&quot;77265\&quot;,\&quot;Brand\&quot;:\&quot;AM\&quot;,\&quot;Config\&quot;:\&quot;GLBLAMR\&quot;,\&quot;Theme\&quot;:\&quot;AMR\&quot;,\&quot;Level\&quot;:\&quot;Chain\&quot;,\&quot;WihpId\&quot;:\&quot;\&quot;,\&quot;Currency\&quot;:\&quot;USD\&quot;,\&quot;Search\&quot;:\&quot;Amari Dhaka\&quot;}],\&quot;Laos\&quot;:[{\&quot;Path\&quot;:\&quot;/vang-vieng/reservation-form\&quot;,\&quot;Name\&quot;:\&quot;Amari Vang Vieng\&quot;,\&quot;OpeningDate\&quot;:\&quot;2021-08-01\&quot;,\&quot;BookingType\&quot;:\&quot;Normal Booking\&quot;,\&quot;Promo\&quot;:\&quot;\&quot;,\&quot;HotelId\&quot;:\&quot;80475\&quot;,\&quot;Brand\&quot;:\&quot;AM\&quot;,\&quot;Config\&quot;:\&quot;GLBLAMR\&quot;,\&quot;Theme\&quot;:\&quot;AMR\&quot;,\&quot;Level\&quot;:\&quot;Chain\&quot;,\&quot;WihpId\&quot;:\&quot;\&quot;,\&quot;Currency\&quot;:\&quot;USD\&quot;,\&quot;Search\&quot;:\&quot;Amari Vang Vieng\&quot;},{\&quot;Path\&quot;:\&quot;/vientiane/reservation-form\&quot;,\&quot;Name\&quot;:\&quot;Amari Vientiane\&quot;,\&quot;OpeningDate\&quot;:\&quot;2025-03-01\&quot;,\&quot;BookingType\&quot;:\&quot;Normal Booking\&quot;,\&quot;Promo\&quot;:\&quot;\&quot;,\&quot;HotelId\&quot;:\&quot;47639\&quot;,\&quot;Brand\&quot;:\&quot;AM\&quot;,\&quot;Config\&quot;:\&quot;GLBLAMR\&quot;,\&quot;Theme\&quot;:\&quot;AMR\&quot;,\&quot;Level\&quot;:\&quot;Chain\&quot;,\&quot;WihpId\&quot;:\&quot;\&quot;,\&quot;Currency\&quot;:\&quot;USD\&quot;,\&quot;Search\&quot;:\&quot;Amari Vientiane\&quot;}],\&quot;Sri Lanka\&quot;:[{\&quot;Path\&quot;:\&quot;/colombo/reservation-form\&quot;,\&quot;Name\&quot;:\&quot;Amari Colombo\&quot;,\&quot;OpeningDate\&quot;:\&quot;2024-12-06\&quot;,\&quot;BookingType\&quot;:\&quot;Normal Booking\&quot;,\&quot;Promo\&quot;:\&quot;\&quot;,\&quot;HotelId\&quot;:\&quot;47381\&quot;,\&quot;Brand\&quot;:\&quot;AM\&quot;,\&quot;Config\&quot;:\&quot;GLBLAMR\&quot;,\&quot;Theme\&quot;:\&quot;AMR\&quot;,\&quot;Level\&quot;:\&quot;Chain\&quot;,\&quot;WihpId\&quot;:\&quot;\&quot;,\&quot;Currency\&quot;:\&quot;USD\&quot;,\&quot;Search\&quot;:\&quot;Amari Colombo\&quot;}]}';
    tempdata = tempdata.replace(/&quot;/g, '"');
    var objdata = JSON.parse(tempdata);

    //get categorylocationlist
    var catarray = Object.keys(objdata);
    var categoryarray = [];
    for (var i = 0; i < catarray.length; i++) {
        var temparr = {
            listLocation: catarray[i],
            header: "-- "+catarray[i]+" --",
            maxNumberOfElements: 1000
        }
        categoryarray.push(temparr);
    }

    var options = {
        data: objdata,
        placeholder: 'Enter a property',
        categories: categoryarray,
        getValue: "Search",
        template: {
            type: "custom",
            method: function setdestprop(value, item) {
                var defaultlist = "<div style='min-width:320px; color:black;'><span class='tab-space'><span class='tab-space' value='" + item.HotelId +"'>" + item.Name + "<\/span><\/span><\/div>"
                return defaultlist;
            }
        },
        list: {
            maxNumberOfElements: 50,
            match: {
                enabled: true
            },
            onSelectItemEvent: function (e) {
                //by mouse hover or key up , key down event
                var keyDownEvent = event || window.event,
                    keycode = (keyDownEvent.which) ? keyDownEvent.which : keyDownEvent.keyCode;
                var key_arrow_or_other = elem,
                    LEFT = 37,
                    UP = 38,
                    RIGHT = 39,
                    DOWN = 40;

                switch (keycode) {
                    case UP:
                        // Property
                        elem.val(elem.getSelectedItemData().Name);
                        break;
                    case DOWN:
                        // Property
                        elem.val(elem.getSelectedItemData().Name);
                        break;
                    default:
                        break;
                }
                temponselect = elem.getSelectedItemData();
            },
            onMouseOverEvent: function (e) {
                if (Object.keys(temponchoose).length === 0 && temponchoose.constructor === Object) {
                    // Property
                    elem.val(elem.getSelectedItemData().Name);
                }
            },
            onMouseOutEvent: function (e) {
                if (Object.keys(temponchoose).length === 0 && temponchoose.constructor === Object) {
                    // Property
                    elem.val(temponchoose.Name);
                }
            },
            onChooseEvent: function (e) {
                //on choose : after select
                elem.val(elem.getSelectedItemData().Name);

                booking.Path = elem.getSelectedItemData().Path;
                booking.HotelId = elem.getSelectedItemData().HotelId;
                booking.Brand = elem.getSelectedItemData().Brand;
                booking.Config = elem.getSelectedItemData().Config;
                booking.Theme = elem.getSelectedItemData().Theme;
                booking.Level = elem.getSelectedItemData().Level;
                booking.WihpId = elem.getSelectedItemData().WihpId;
                booking.Currency = elem.getSelectedItemData().Currency;

                if (1) {
                    //set value to calendar and booking attribute
                    var dateforcheck = dayjs('2026-02-02');
                    var opd = dateforcheck;
                    var nextDateFromOpenDate = dateforcheck;

                    if (elem.getSelectedItemData().OpeningDate == "") {
                        nextDateFromOpenDate = dayjs(opd).add(1, 'd');
                    } else {
                        opd = dayjs(elem.getSelectedItemData().OpeningDate);
                        nextDateFromOpenDate = dayjs(elem.getSelectedItemData().OpeningDate).add(1, 'd');
                    }
                    if (opd.isAfter(dateforcheck)) {
                        booking.OpeningDate = opd.toDate();
                        updateinputvalue(input, booking.OpeningDate, nextDateFromOpenDate.toDate());

                        booking.CheckIn = opd.toDate();
                        booking.CheckOut = nextDateFromOpenDate.toDate();
                    } else {
                        opd = dayjs(dateforcheck);
                        nextDateFromOpenDate = dayjs(dateforcheck).add(1, 'd');;

                        booking.CheckIn = opd.toDate();
                        booking.CheckOut = nextDateFromOpenDate.toDate();
                        updateinputvalue(input, booking.CheckIn, booking.CheckOut);
                    }
                }
                if (1) {
                    if (typeof getUrlParameter('promocode') === 'undefined') {
                        booking.Promo = elem.getSelectedItemData().Promo;
                        $('#promocode').val(elem.getSelectedItemData().Promo);
                    }
                }

                tempbookingtype = elem.getSelectedItemData().BookingType;

                datepicker.destroy();
                datepicker = new HotelDatepicker(document.getElementById('input-id'), datepickeroption);
                setBookingLink();
                temponchoose = elem.getSelectedItemData();
            },
            onLoadEvent: function (e) {
                //console.log("onLoad event");
            },
            onClickEvent: function () {
                //console.log("onClick event");
                $("div.easy-autocomplete-container ul").toggle();
            }
        }
    };

    elem.easyAutocomplete(options);
    //console.log(objdata);

    function triggerFocus() {
        const $input = elem;
        let e = jQuery.Event("keyup");
        e.which = 8; //choose the one you want
        e.keyCode = 8;
        $input.val(" ").trigger(e);
        let val = $input.val();
        if (val == " ") $input.val(val.replace(" ", ""));
    }
</script>

<!-- bookingmask style -->
<script type="text/javascript">
    //booking attribute setting here
    //reservations button slideToggle
    $("#DropdownBookingMask").click(function () {
        if (tempbookingtype == "External Booking" && $(".mega-bookingmask").is(":hidden") && false) {
            postExternal();
        }
        if (ismobile == "False") {
            togglebutton();
        }
        $(".mega-bookingmask").slideToggle("fast");
    });
    $(".guests-flyout_container").hide();
    $(".sel_guest").click(function () {
        $(".guests-flyout_container").toggle();
    });
    $('.close-input-num-id').click(function () {
        $("#temp-element").trigger("click");
    });
    $("#select_container").change(function () {
        SetChildAgeArr($(this));
        setBookingLink();
    });
    $("#promocode").keyup(function () {
        booking.Promo = $(this).val();
        setBookingLink();
    });
    $("#close-input-num-id").click(function () {
        $(".guests-flyout_container").hide();
    });
    function togglebutton() {
        if (ismobile == "False") {
            //Desktop
            if ($(".dropdown-menu.mega-bookingmask").is(':hidden')) {
                $('.overlay-booking').show();
                $('.header-top.show-desktop').addClass("opacity");
                $(".show-desktop.show-ipad").text("X").addClass("booking-close").removeClass("booking-avail");
            } else {
                $('.header-top.show-desktop').removeClass("opacity");
                $(".show-desktop.show-ipad").html('Check Availability').removeClass("booking-close").addClass("booking-avail");
                $('.overlay-booking').hide();
            }
        } else {
            //Mobile
            if ($(".dropdown-menu.mega-bookingmask").is(':hidden')) {
                $('.overlay-booking').show();
                $(".close-btn.show-mobile").text("X").addClass("booking-close").removeClass("booking-avail");
            } else {
                $(".close-btn.show-mobile").html('Book').removeClass("booking-close").addClass("booking-avail");
                $('.overlay-booking').hide();
                }
        }
    }



    function SetChildAgeArr(ele) {
        booking.ChildAges = [];
        var i = 1;
        $(ele).find($('option:selected', ele)).each(function () {
            var elemname = '.childageselect' + i;
            $(elemname).val(parseInt(this.value));
            booking.ChildAges.push(parseInt(this.value));
            i++;
        });
    }

    $(document).mouseup(function (e) {
        var container = new Array();
        container.push($('.guests-flyout_container'));

        $.each(container, function (key, value) {
            if (!$(value).is(e.target) // if the target of the click isn't the container...
                && $(value).has(e.target).length === 0) // ... nor a descendant of the container
            {
                $(value).hide();
            }
        });
    });

    //Guest Selection
    var myDiv = document.getElementById("select_container");
    var txtchildage = document.getElementById("childage-container");

    /******************
     * child up-down
     */
    function onchildup() {
        var numtobe = $('#childrenno').val();

        if (parseInt(numtobe) + 1 > (parseInt($("#childrenno").attr('max'))))
        {
            return false;
        }
        if (numtobe + 1 == 1) {

            var spantag = document.createElement("span");
            spantag.setAttribute("id", "spanchildtext");
            txtchildage.prepend(spantag);
        }
        $('#spanchildtext').html('Children&#39;s ages (years)');

        //increase child age dropdownlist
        //var childageselect = document.createElement("select");

        //Create array of options to be added
        var array = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];

        var selectList = document.createElement("select");
        selectList.setAttribute("id", "childageselect" + numtobe);
        myDiv.appendChild(selectList);

        for (var i = 0; i < array.length; i++) {
            var option = document.createElement("option");
            option.setAttribute("value", array[i]);
            option.text = array[i];
            selectList.appendChild(option);
        }

        if (numtobe + 1 >= 1) {
            $('.child-info').show();
        }

        var childtobe = parseInt(numtobe) + 1
        booking.Child = childtobe;
        document.getElementById("childupdate").textContent = booking.Child;

        SetChildAgeArr($("#select_container"));

        if (childtobe > 1 && booking.Lang.includes('en')) {
            $(".childtxt").html('Children');
        } else {
             $(".childtxt").html('Child');
        }
        setBookingLink();
    }

    function onchilddown() {
        var numtobe = $('#childrenno').val();
        var childtobe = parseInt(numtobe) - 1
        if (childtobe < (parseInt($("#childrenno").attr('min')))) {
            return false;
        }

        var numlast = myDiv.childNodes.length - 1;
        if (myDiv.childNodes.length > 0) {
            myDiv.removeChild(myDiv.childNodes[numlast]);
        }
        booking.Child = childtobe;
        document.getElementById("childupdate").textContent = booking.Child;
        SetChildAgeArr($("#select_container"));

        if (childtobe <= 1 && booking.Lang.includes('en')) {
            $(".childtxt").html('Child');
        } else {
            $(".childtxt").html('Children');
        }
        if (childtobe <= 0) {
            $('.child-info').hide();

            var elementspan = document.getElementById("spanchildtext");
            elementspan.parentNode.removeChild(elementspan);
        }
        setBookingLink();
    }

    /******************
     * on adult up-down
     */
    function onadultup() {
        var adult = $('#adultno').val();
        var adulttobe = parseInt(adult) + 1;
        if (adulttobe > (parseInt($("#adultno").attr('max')))) {
            return false;
        }
        //update the number
        booking.Adult = adulttobe;
        document.getElementById("adultupdate").textContent = booking.Adult;
        if (adulttobe > 1 && booking.Lang.includes('en')) {
            $(".adulttxt").html('Adults');
        } else {
             $(".adulttxt").html('Adult');
        }
        setBookingLink();
    }

    function onadultdown() {
        var adult = $('#adultno').val();
        var adulttobe = parseInt(adult) - 1;

        if (adulttobe < (parseInt($("#adultno").attr('min')))) {
            return false;
        }
        if (parseInt(adult) > 0) {
            //update the number
            booking.Adult = adulttobe;
            document.getElementById("adultupdate").textContent = booking.Adult;
        }
        if (adulttobe <= 1 && booking.Lang.includes('en')) {
            $(".adulttxt").html('Adult');
        } else {
            $(".adulttxt").html('Adults');
        }
        setBookingLink();
    }

    /******************
     * on room up-down
     */
    function onroomup() {
        var room = $('#roomno').val();
        var roomtobe = parseInt(room) + 1;

        if (roomtobe > (parseInt($("#roomno").attr('max')))) {
            return false;
        }

        //update the number
        booking.Room = roomtobe;
        document.getElementById("roomupdate").textContent = booking.Room;

        if (roomtobe > 1 && booking.Lang.includes('en')) {
            $(".roomtxt").html('Rooms');
        } else {
            $(".roomtxt").html('Room');
        }
        setBookingLink();
    }

    function onroomdown() {
        var room = $('#roomno').val();
        var roomtobe = parseInt(room) - 1;
        if (roomtobe < (parseInt($("#roomno").attr('min')))) {
            return false;
        }
        if (parseInt(room) > 0) {
            //update the number
            booking.Room = roomtobe;
            document.getElementById("roomupdate").textContent = booking.Room;
        }
        if (roomtobe > 1 && booking.Lang.includes('en')) {
            $(".roomtxt").html('Rooms');
        } else {
            $(".roomtxt").html('Room');
        }
        setBookingLink();
    }

    //booking adjustment
    //POST Method
    function isFacebookApp() {
        var ua = navigator.userAgent || navigator.vendor || window.opera;
        return (ua.indexOf("FBAN") > -1) || (ua.indexOf("FBAV") > -1);
    }

    var standalone = window.navigator.standalone,
        userAgent = window.navigator.userAgent.toLowerCase(),
        safari = /safari/.test(userAgent),
        ios = /iphone|ipod|ipad/.test(userAgent),
        android = /android/.test(userAgent);

    var isIOSBrowser = false;
    var isUiwebview = false;
    if (ios) { // fix ios in-app browser problem
        if (!standalone && safari) {
            //browser
            isIOSBrowser = true;
        } else if (!standalone && !safari) {
            //uiwebview
            isUiwebview = true;
        };
    }
    function haveQueryString(url) {
        if (url.indexOf('?') != -1)
            return true;
        return false
    }
    function validatepost() {
        if (($("#txt-search-main").val() == "")) {
            alert('Enter a property');
            return false;
        }
        return true;
    }

    var objBookingUrl = {};
    function postWith() {
        if (validatepost()) {
            var json = JSON.stringify(booking);
            var tempForm = document.createElement("form");
            var parameters = objBookingUrl;
            $("#hdfBooking").val(json);

            tempForm.action = "https://be.synxis.com/";
            tempForm.method = "post";
            tempForm.target = ios ? "_self" : "_blank";

            for (var parameter in parameters) {
                var tempInput = document.createElement("input");
                tempInput.setAttribute("name", parameter.toLowerCase());
                tempInput.setAttribute("value", parameters[parameter]);
                tempForm.appendChild(tempInput);
            }
            document.body.appendChild(tempForm);
            //console.log(tempForm);
            tempForm.submit();
            document.body.removeChild(tempForm);
        }

        // Toggle Booking Mask
        togglebutton();
        $(".mega-bookingmask").slideToggle();
    }
    function postExternal() {
        if (validatepost()) {
            var tempForm = document.createElement("form");
            tempForm.method = "post";
            tempForm.action = booking.Path;
            tempForm.target = ios ? "_self" : "_blank";
            document.body.appendChild(tempForm);
            tempForm.submit();
            document.body.removeChild(tempForm);
        }

        // Toggle Booking Mask
        togglebutton();
        $(".mega-bookingmask").slideToggle();
    }
    function postForm() {
        if (validatepost()) {
            var tempForm = document.createElement("form");
            var parameters = objBookingUrl;

            tempForm.action = booking.Path;
            tempForm.method = "post";

            for (var parameter in parameters) {
                var tempInput = document.createElement("input");
                tempInput.setAttribute("name", parameter.toLowerCase());
                tempInput.setAttribute("value", parameters[parameter]);
                tempForm.appendChild(tempInput);
            }
            document.body.appendChild(tempForm);
            tempForm.submit();
            document.body.removeChild(tempForm);
        }
    }
    function setBookingLink() {
        if (tempbookingtype == "Normal Booking") {
            var defaultCurrency = '';
            if (defaultCurrency == '')
                defaultCurrency = booking.Currency;

            $('.linkCheckRate').attr('href', '#');
            $('.linkCheckRate').attr('onclick', 'javascript:postWith();');

            objBookingUrl = {
                Hotel: (typeof booking.HotelId == 'undefined' ? 0 : booking.HotelId),
                Chain: '21906',
                Brand: booking.Brand,
                Config: booking.Config,
                Theme: booking.Theme,
                Level: booking.Level,
                Start: 'availresults',
                SortProductBy: 'Rate',
                Arrive: dayjs(booking.CheckIn).format('YYYY-MM-DD'),
                Depart: dayjs(booking.CheckOut).format('YYYY-MM-DD'),
                Rooms: booking.Room,
                Adult: booking.Adult,
                Currency: defaultCurrency,
                Locale: booking.Lang,
                Session: ''
            };
            if (booking.Child > 0) {
                objBookingUrl.Child = booking.Child;
                objBookingUrl.ChildAges = booking.ChildAges.join("|");
            }
            if (booking.Rate != "" && typeof booking.Rate != 'undefined') {
                objBookingUrl.Rate = booking.Rate;
            }
            if (booking.Promo !== "") {
                objBookingUrl.Promo = booking.Promo;
            }
            if (typeof getUrlParameter('adid') !== 'undefined') {
                objBookingUrl.adid = getUrlParameter('adid');
            }
            if (typeof getUrlParameter('utm_source') !== 'undefined') {
                objBookingUrl.utm_source = getUrlParameter('utm_source');
            }
            if (typeof getUrlParameter('utm_medium') !== 'undefined') {
                objBookingUrl.utm_medium = getUrlParameter('utm_medium');
            }
            if (typeof getUrlParameter('utm_content') !== 'undefined') {
                objBookingUrl.utm_content = getUrlParameter('utm_content');
            }
            if (typeof getUrlParameter('utm_campaign') !== 'undefined') {
                objBookingUrl.utm_campaign = getUrlParameter('utm_campaign');
            }
            if (booking.WihpId !== "") {
                objBookingUrl.WihpId = booking.WihpId;
            }
        } else if (tempbookingtype == "External Booking") {
            $('.linkCheckRate').attr('href', '#');
            $('.linkCheckRate').attr('onclick', 'javascript:postExternal();');
        } else {
            $('.linkCheckRate').attr('href', "#");
            $('.linkCheckRate').attr('onclick', 'javascript:postForm();');

            objBookingUrl = {
                checkin: dayjs(booking.CheckIn).format('YYYY-MM-DD'),
                checkout: dayjs(booking.CheckOut).format('YYYY-MM-DD'),
                adult: booking.Adult,
                child: booking.Child,
                promocode: booking.Promo
            };
        }
    }
    function isValidDate(d) {
        if (typeof d !== 'undefined') {
            var m = d.match(/^(\d{4})-(0?[1-9]|1[012])-(0?[1-9]|1[0-9]|2[0-9]|3[01])$/); //yyyy-mm-dd format
            return (m);
        } else return false;
    }
    function getUrlParameter(sParam) {
        var sPageURL = decodeURIComponent(window.location.search.substring(1)), sURLVariables = sPageURL.split('&'), sParameterName, i;
        for (i = 0; i < sURLVariables.length; i++) {
            sParameterName = sURLVariables[i].split('=');

            if (sParameterName[0] === sParam) {
                return sParameterName[1] === undefined ? true : sParameterName[1];
            }
        }
    }
    function setTextDate() {
        datepicker.destroy();
        datepicker = new HotelDatepicker(document.getElementById('input-id'), datepickeroption);
        setBookingLink();
    }
    function setCustomQueryString() {
        if (typeof getUrlParameter('promocode') !== 'undefined') {
            booking.Promo = getUrlParameter('promocode');
            $('#promocode').val(getUrlParameter('promocode'));
        }

        var dateforcheck = dayjs('2026-02-02');
        var opd = dateforcheck;
        if ('' != "") {
            opd = dayjs('');
        }
        if (opd.isAfter(dateforcheck)) {
            booking.OpeningDate = opd.toDate();
            booking.CheckIn = opd.toDate();
            booking.CheckOut = opd.add(1, 'd').toDate();
            updateinputvalue(input, booking.OpeningDate); //, opd.add(1, 'd').toDate()

            datepicker.destroy();
            datepicker = new HotelDatepicker(document.getElementById('input-id'), datepickeroption);
            setTextDate();
        } else {
            updateinputvalue(input, booking.CheckIn, booking.CheckOut);
            setTextDate();
        }
    }

    // ready function
    $(document).ready(function () {
        booking.Path = '';
        booking.Currency = '';
        booking.HotelId = '';
        booking.Brand = '';
        booking.Config = '';
        booking.Theme = '';
        booking.Level = '';
        booking.WihpId = '';

        if (typeof getUrlParameter('promocode') === 'undefined') {
            booking.Promo = '';
            $('#promocode').val('');
        }
        elem.val('');
        setCustomQueryString();
        setBookingLink();
    });
</script>


        


    </div><!--//.header-main-->
</header>			<main class="cd-main-content">
				
        <section class="main-banner fullscreen pagenotfound">
            <div id="main-banner" class="carousel slide carousel-fade" data-ride="carousel">
                <div class="carousel-inner">
                    <div class="carousel-item active">
                        <div class="carousel-caption">
                            <h2 class="number animated bounceIn">404</h2>
                            <h1 class="animated fadeInDown">Well, this isn&#39;t good.</h1>
                            <p class="animated fadeInDown">The page you are looking for can’t be found.<br/>Return to our homepage to continue on your travels.</p>
                            <div class="link animated fadeInDown">
                                <a href="/" title="Welcome to Amari">Home</a>
                                <a href="/hotels-resorts" title="Amari Hotels &amp; Resorts">Find a Hotel</a>
                                    <a href="https://e.onyx-rewards.com" title="ONYX Rewards" target="_blank" rel="noopener">ONYX Rewards</a>
                            </div>
                            <div class="btn-wrapper">
                                <a class="btn btn-border-wh animated fadeInDown delay-1s" href="https://be.synxis.com/?brand=AM&chain=21906&config=GLBLAMR&level=Chain&locale=en-US&theme=AMR" title="Make a Reservation" target="_blank" rel="noopener">Make a Reservation</a>
                            </div>
                        </div>
                        <div class="image">
                            <picture>
                                <img class="lazyload" data-src="https://media.onyx-hospitality.com/-/media/project/amari/common/main-banner/full_404.jpg?rev=d0f0ab8ea6784448a731861c5bb0ae78" alt="Sorry, page not found." title="Sorry, page not found.">
                            </picture>
                        </div>
                    </div><!--//item-->
                </div>
            </div>
        </section><!--//.main-banner-->

			</main>
		</div>

<footer>
    <div class="footer-info" role="contentinfo">
        <div class="container">
            <div class="row">


    <div class="col-12 col-md-6 col-xl-4">
        <h5>Get the app</h5>
        <div class="footer-wrapper">
            <div class="row">
                <div class="dl-app">
                        <a href="https://apps.apple.com/us/app/onyx-rewards/id1587648297" title="Download ONYX Rewards App on the App Store" target="_blank" rel="noopener"><img width="195" height="60" class="lazyload" data-src="https://storage.onyx-hospitality.com/sites/button/download_app-store.svg" alt="Download ONYX Rewards App"></a>
                                            <a href="https://play.google.com/store/apps/details?id=com.okkami.android.onyx.app" title="Download ONYX Rewards App on the Google Play" target="_blank" rel="noopener"><img width="195" height="60" class="lazyload" data-src="https://storage.onyx-hospitality.com/sites/button/download_google-play.svg" alt="Download ONYX Rewards App"></a>
                </div>
                    <div class="btn-wrapper"><a href="/mobile-app" class="btn btn-link" title="ONYX Rewards App">Explore More</a></div>
            </div>
        </div>
    </div>


    <div class="col-12 col-md-6 col-xl-4 subscribe">
        <h5>Sign up for Email Exclusives</h5>
        <div class="footer-wrapper">
            <div id="EmailSubscribe" class="footer-subscribe">
                <input name="tbMail" type="text" id="tbMail" title="Your email address" onFocus="(this.value==$(this).attr('title'))?this.value='':this.select()" onBlur="(this.value=='')?this.value=$(this).attr('title'):''" placeholder="Your email address">
                <button id="btnSubscribe" class="button" onClick="saveEmail();">Subscribe</button>
            </div>
        </div>
    </div>
    <script type="text/javascript">
    function isEmail(string) {
        chkMail = string.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/);
        if (chkMail == -1) {
            alert('You have entered an invalid email address. Please try again.');
            string.value = "";
            return false;
        } else {
            return true;
        }
    }

    function saveEmail() {
        var string = document.getElementById("tbMail").value;
        var standalone = window.navigator.standalone, userAgent = window.navigator.userAgent.toLowerCase(), safari = /safari/.test(userAgent), ios = /iphone|ipod|ipad/.test(userAgent);
        var isIOSBrowser = false;
        var isUiwebview = false;

        if (string != "") {
            if (isEmail(string)) {
                window.open("/newsletter-signup?mail=" + string, ios ? "_self" : "_blank");
                clearEmailInput();
            }
        }
    }

    function clearEmailInput() {
        document.getElementById("tbMail").value = "";
    }
    </script>


<div class="col-12 col-md-6 col-xl-4 info">
    <h5>Quick Links</h5>
    <div class="footer-wrapper">
        <div class="row">
            <div class="col-6 col-sm">
                <a href="https://www.onyx-hospitality.com/our-brands/amari.aspx" title="ONYX Hospitality Group" target="_blank" rel="noopener">ONYX Hospitality Group</a>
                <a href="/sustainability" title="Sustainability">Sustainability</a>
                <a href="/clean" title="Safety Measures">Safety Measures</a>
            </div>
            <div class="col-6 col-sm">
                <a href="https://www.onyx-hospitality.com/careers/" title="Careers" target="_blank" rel="noopener">Careers</a>
                <a href="/privacy-policy" title="Privacy Policy">Privacy Policy</a>
                <a href="/sitemap" title="Site Map">Site Map</a>
            </div>
        </div>
    </div>
</div>
<div class="col-12 col-md-6 col-xl-4">
    <h5>Connect with Us</h5>

    <div class="footer-wrapper social">
		<div>
			<link itemprop="url" href="/">
					<a onclick="dataLayer.push({'event': 'trackEvent','eventDetails.category': 'outbound_links','eventDetails.action': 'click','eventDetails.label': 'facebook_quick_menu' });" href="https://www.facebook.com/amarihotels/" target="_blank" rel="noopener nofollow"><div class="icon-social fb">Facebook</div></a>
					<a onclick="dataLayer.push({'event': 'trackEvent','eventDetails.category': 'outbound_links','eventDetails.action': 'click','eventDetails.label': 'instagram_quick_menu' });" href="https://www.instagram.com/amarihotels/" target="_blank" rel="noopener nofollow"><div class="icon-social ig">Instagram</div></a>
					<a onclick="dataLayer.push({'event': 'trackEvent','eventDetails.category': 'outbound_links','eventDetails.action': 'click','eventDetails.label': 'line_quick_menu' });" href="https://line.me/R/ti/p/%40fyq1893e" target="_blank" rel="noopener nofollow"><div class="icon-social line">Line</div></a>
					<a onclick="dataLayer.push({'event': 'trackEvent','eventDetails.category': 'outbound_links','eventDetails.action': 'click','eventDetails.label': 'blog_quick_menu' });" href="https://blog.amari.com/en/" target="_blank" rel="noopener nofollow"><div class="icon-social blog">Blog</div></a>
		</div>
    </div>
</div>            </div>
        </div>
    </div>
    <div class="footer-logo">
        <div class="container">
            <div class="row">
                <div class="logo-top">
    <a onclick="dataLayer.push({'event': 'trackEvent','eventDetails.category': 'outbound_links','eventDetails.action': 'click','eventDetails.label': 'ONYX_ONYX-Rewards'});" href="https://e.onyx-rewards.com" title="ONYX Rewards | Hotel Loyalty Programme" target="_blank" rel="noopener"><span class="brand onr">ONYX Rewards</span></a>
</div>
<div class="logo-center">
    <div class="group">
        <div class="item">
            <a onclick="dataLayer.push({'event': 'trackEvent','eventDetails.category': 'outbound_links','eventDetails.action': 'click','eventDetails.label': 'ONYX_ORL'});" href="https://www.oriental-residence.com/" title="Oriental Residence" target="_blank" rel="noopener"><span class="brand orl">Oriental Residence</span></a>
        </div>
    </div>

    <div class="group">
        <div class="item">
            <a onclick="dataLayer.push({'event': 'trackEvent','eventDetails.category': 'outbound_links','eventDetails.action': 'click','eventDetails.label': 'ONYX_Amari'});" href="https://www.amari.com/" title="Amari Hotels & Resorts | Brighten Your World" target="_blank" rel="noopener"><span class="brand amr">Amari</span></a>
        </div>
    </div>

    <div class="group">
        <div class="item">
            <a onclick="dataLayer.push({'event': 'trackEvent','eventDetails.category': 'outbound_links','eventDetails.action': 'click','eventDetails.label': 'ONYX_ShamaLuxe'});" href="https://www.shama.com/" title="Shama Luxe" target="_blank" rel="noopener"><span class="brand shl">Shama Luxe</span></a>
        </div>
        <div class="item">
            <a onclick="dataLayer.push({'event': 'trackEvent','eventDetails.category': 'outbound_links','eventDetails.action': 'click','eventDetails.label': 'ONYX_Shama'});" href="https://www.shama.com/" title="Shama Hotels & Serviced Apartments | Freedom to Explore" target="_blank" rel="noopener"><span class="brand sha">Shama</span></a>
        </div>
        <div class="item">
            <a onclick="dataLayer.push({'event': 'trackEvent','eventDetails.category': 'outbound_links','eventDetails.action': 'click','eventDetails.label': 'ONYX_ShamaHub'});" href="https://www.shama.com/" title="Shama Hub" target="_blank" rel="noopener"><span class="brand shh">Shama Hub</span></a>
        </div>
    </div>

    <div class="group">
        <div class="item">
            <a onclick="dataLayer.push({'event': 'trackEvent','eventDetails.category': 'outbound_links','eventDetails.action': 'click','eventDetails.label': 'ONYX_OZO'});" href="https://www.ozohotels.com/" title="OZO Hotels & Resorts | Unpack. Good. Vibes." target="_blank" rel="noopener"><span class="brand ozo">OZO</span></a>
        </div>
        <div class="item">
            <a onclick="dataLayer.push({'event': 'trackEvent','eventDetails.category': 'outbound_links','eventDetails.action': 'click','eventDetails.label': 'ONYX_InspirebyOZO'});" href="https://www.ozohotels.com/" title="Inspire by OZO" target="_blank" rel="noopener"><span class="brand ibozo">Inspire by OZO</span></a>
        </div>
    </div>

</div>
<div class="logo-bottom"><div class="item"><a onclick="dataLayer.push({'event': 'trackEvent','eventDetails.category': 'outbound_links','eventDetails.action': 'click','eventDetails.label': 'ONYX_ItalThai'});" href="https://www.italthaigroup.com" title="Italthai Group" target="_blank" rel="noopener"><span class="brand italthai">Italthai Group</span></a></div></div>
            </div>
        </div>
    </div>
    <div class="footer-copyrights">
        2026 Amari.com All Rights Reserved
    </div>
</footer>



<script>
    $(document).ready(function () {
        (function (C, U) {
            var popupInst;
            draw();

            function draw() {
                var options = getOptions();
                if (popupInst) {
                    popupInst.clearStatus();
                    popupInst.destroy();
                    popupInst = null;
                }
                cookieconsent.initialise(options, function (popup) {
                    popupInst = popup;
                    popupInst.autoOpen();
                }, function (err) {
                    console.error(err)
                });
            }

            function getOptions() {
                return {
                    type: 'info',
                    regionalLaw: true,
                    layout: 'basic-close',
                    layouts: {
                        'basic-close': '{{messagelink}}{{close}}',
                    },
                    content: {
                        message: 'We use Cookies - by continuing to use this site or closing this message you&#39;re agreeing to our',
                        link: 'Cookies policy',
                        href: '/privacy-policy',
                        close: '&times;'
                    },
                    cookie: {
                        expiryDays :30
                    },
                    position: "bottom"
                }
            }
        }(window.cookieconsent, window.cookieconsent_example_util));
    });
</script>
<!-- End GDPR Script -->


	</div>
	<script fetchpriority="low" src="https://storage.amari.com/3rd/bootstrap/4.3.1/js/bootstrap.bundle.min.js" crossorigin="anonymous" defer></script><!--Included Popper-->
	<!--Loading Bar-->
	<script fetchpriority="low" src="https://storage.amari.com/3rd/loading/pace.min.js" defer></script>
	<script fetchpriority="low" src="https://storage.amari.com/3rd/menu/mega-dropdown-master/jquery.menu-aim.js" defer></script><!-- menu aim -->
	<script fetchpriority="low" src="https://storage.amari.com/3rd/menu/mega-dropdown-master/main.js" defer></script><!-- Resource jQuery -->
	<script fetchpriority="low" type="text/javascript" src="https://storage.amari.com/3rd/animation/aos/aos.js" defer></script>
	<script fetchpriority="low" src="https://storage.amari.com/3rd/images/flickity/flickity.pkgd.min.js" defer></script>
	<script fetchpriority="low" src="https://storage.amari.com/3rd/animation/scrollup/jquery.scrollUp.min.js" defer></script>
	<!--GDPR Script-->
	<script fetchpriority="low" src="https://storage.amari.com/3rd/GDPR/cookieconsent-master/src/cookieconsent.js" defer></script>
</body>
</html>