all.accor.com
Open in
urlscan Pro
152.199.22.100
Public Scan
Submitted URL: https://click.mail.all.com/?qs=e1f2bf34cd148c9e78c5976314b639a277e4ddded87a9b58cadc5b09890743e3a717a091f2a50a5b88bcf2927e29...
Effective URL: https://all.accor.com/a/en.html?utm_term=logo-all-header&utm_campaign=ml-em-240729-SA-ALL-Prm-X3R-CH-A&utm_medium=emai...
Submission: On August 06 via manual from HK — Scanned from GB
Effective URL: https://all.accor.com/a/en.html?utm_term=logo-all-header&utm_campaign=ml-em-240729-SA-ALL-Prm-X3R-CH-A&utm_medium=emai...
Submission: On August 06 via manual from HK — Scanned from GB
Form analysis 2 forms found in the DOM
Name: bookingEngine — POST /identification/identify.action
<form name="bookingEngine" action="/identification/identify.action" method="post" autocomplete="off" novalidate="">
<div class=" ace-core-booking-engine__header ace-core-booking-engine__header-scroll">
<span id="booking-engine-12345-modal-title" class="sr-only">Core booking engine</span>
<p id="booking-engine-12345-modal-description" class="sr-only">You’ll be redirected to Accor website to view available hotels and book your stay</p>
<button class="ace-core-booking-engine__close--button" type="button" aria-label="Close window">
<span class="sr-only"> Close window</span>
<span aria-hidden="true" class="icon icon-close-24icon"></span>
</button>
</div>
<div class="ace-core-booking-engine__content ace-date-component" data-loaded="true">
<div class="ace-core-booking-engine__error-mobile">
<div class="ace-core-booking-engine__error-block" role="alert">
<p>
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21ZM8 11.25C7.58579 11.25 7.25 11.5858 7.25 12C7.25 12.4142 7.58579 12.75 8 12.75H16C16.4142 12.75 16.75 12.4142 16.75 12C16.75 11.5858 16.4142 11.25 16 11.25H8Z"
fill="#1E1852"></path>
</svg>
<span class="ui-body-01-strong">We are missing <span class="error-count"></span> piece(s) of information to begin your search.</span>
</p>
<ul></ul>
</div>
</div>
<div class="ace-core-booking-engine__autocomplete">
<label class="ui-body-02 ace-core-booking-engine__label" for="search.destination.userlang">
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M16.4467 14.3974C17.4182 13.1956 18 11.6657 18 10C18 6.13401 14.866 3 11 3C7.13401 3 4 6.13401 4 10C4 13.866 7.13401 17 11 17C12.6657 17 14.1956 16.4182 15.3974 15.4467C15.4191 15.4759 15.4432 15.5038 15.4697 15.5303L19.4697 19.5303C19.7626 19.8232 20.2374 19.8232 20.5303 19.5303C20.8232 19.2374 20.8232 18.7626 20.5303 18.4697L16.5303 14.4697C16.5038 14.4432 16.4759 14.4191 16.4467 14.3974ZM16.5 10C16.5 13.0376 14.0376 15.5 11 15.5C7.96243 15.5 5.5 13.0376 5.5 10C5.5 6.96243 7.96243 4.5 11 4.5C14.0376 4.5 16.5 6.96243 16.5 10Z"
fill="#1E1852"></path>
</svg>
<span class="ace-core-booking-engine__label-text"> Where do you want to travel? <span class="helper">(mandatory)</span>
</span>
</label>
<div class="ace-shared-acp-component">
<div id="mount-autocomplete">
<div class="ahAutocomplete" id="autoComplete" data-initial-theme-mode="no_reborn" data-use-search-history="true" data-viewport-manager="true" data-wgs-session-used="true" data-display="withoutLabel" data-required="required">
<div class="ahAutocomplete__input">
<div data-v-8db017e0="" class="material-textfield" id="search-destination"><!----><input data-v-8db017e0="" id="search.destination.userlang" name="search.destination.userlang" type="text" placeholder="Destination, hotel name"
required="required" aria-activedescendant="" aria-autocomplete="both" aria-owns="search.destination.userlang" role="combobox" autocomplete="off" aria-expanded="false" aria-controls="search-destination" class="withoutLabel"><!---->
<p data-v-8db017e0="" class="countMsg" style="display: none;"> (0 / ) </p>
</div>
<p aria-atomic="true" aria-live="assertive" class="sr-only"><span>0 suggest found</span></p><!----><i title="Please enter a city, country, or hotel or airport code" class="icon-sprites-booking-components-autocomplete"></i>
<div class="ahAutocomplete__input__hidden"><input name="search.destination" type="hidden" value=""><input name="search.geoZone.geoZoneType" type="hidden" value=""><input name="search.geoZone.geoZoneCode" type="hidden" value=""><input
name="search.geoZone.location.latitude" type="hidden" value=""><input name="search.geoZone.location.longitude" type="hidden" value=""><input name="search.destination.code" type="hidden" value="" required="required"><input
name="search.destination.type" type="hidden" value=""><input disabled="disabled" name="search.destination.labelSelected" type="hidden" value=""><input name="search.featureNewHotelList" type="hidden" value="true"><input
disabled="disabled" name="search.destination.label_en" type="hidden" value=""><input name="search.viewport.northeast.lat" type="hidden" value=""><input name="search.viewport.northeast.lng" type="hidden" value=""><input
name="search.viewport.southwest.lat" type="hidden" value=""><input name="search.viewport.southwest.lng" type="hidden" value=""><input type="hidden" name="search.radius.value" value="0"><input type="hidden" name="search.radius.unit"
value="KM"></div>
</div><!----><!---->
</div>
</div>
<script>
function initializeSharedAcp() {
var autoComplete = Modules.Accor.SharedACP;
Vue.use(window["VueI18n"]);
const container = document.querySelector("#autoComplete");
autoComplete.props['addHiddenInput'].default = true;
autoComplete.props['initialPlaceholderDestination'].default = '';
autoComplete.props['attrs'].default = [{
'aria-autocomplete': 'both'
}, {
'aria-owns': 'search.destination.userlang'
}, {
role: 'combobox'
}, {
autocomplete: 'off'
}, {
'aria-expanded': 'false'
}, {
'aria-controls': 'search-destination'
}];
autoComplete.props["sources"].default = ['google_places', 'hod_hotels'];
if (container.dataset.destinationFilter && container.dataset.destinationFilter.length) {
autoComplete.props["storeIds"].default = container.dataset.destinationFilter.split(',')
autoComplete.props["sources"].default = ['hod_hotels']
}
autoComplete.props['required'].default = container.dataset.required;
autoComplete.props['initialThemeMode'].default = container.dataset.initialThemeMode;
autoComplete.props['display'].default = container.dataset.display;
autoComplete.props["filter"].default = container.dataset.filter?.split(";");
new Vue({
components: {
autoComplete: autoComplete,
},
}).$mount("#mount-autocomplete");
}
document.addEventListener("shared-acp-loaded", initializeSharedAcp);
</script>
<script src="/a/etc.clientlibs/ace/clientlibs-modules/components/clientlib-shared-acp.lc-2931d8644b8b3c19ec4df478a2301626-lc.min.js" type="module"></script>
</div>
</div>
<fieldset class="ace-core-booking-engine__date-picker--wrapper">
<legend class="sr-only">Check-in/Check-out</legend>
<div class="ace-core-booking-engine__check-in">
<label class="ui-body-01 ace-core-booking-engine__label" for="check-in-core-book-engine-12345">
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M20 5.75H18.75V3.75C18.75 3.34 18.41 3 18 3C17.59 3 17.25 3.34 17.25 3.75V5.75H6.75V3.75C6.75 3.34 6.41 3 6 3C5.59 3 5.25 3.34 5.25 3.75V5.75H4C3.45 5.75 3 6.2 3 6.75V19.75C3 20.3 3.45 20.75 4 20.75H20C20.55 20.75 21 20.3 21 19.75V6.75C21 6.2 20.55 5.75 20 5.75ZM19.5 19.25H4.5V11.5H19.5V19.25ZM19.5 10H4.5V7.25H19.5V10Z"
fill="#1E1852"></path>
</svg> Check-In </label>
<duet-date-picker data-date-label="Check-In" data-date="checkin" name="search.dateIn" language="en" identifier="check-in-core-book-engine-12345" min="2024-08-06" max="2025-09-14" value="" class="hydrated">
<div class="duet-date">
<div class="duet-date__input-wrapper"><input class="duet-date__input" placeholder="06/08/2024" id="check-in-core-book-engine-12345" aria-autocomplete="none" autocomplete="off"><input type="hidden" name="search.dateIn" value=""><button
class="duet-date__toggle" type="button"><span class="duet-date__toggle-icon"><svg aria-hidden="true" height="24" viewBox="0 0 21 21" width="24" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="evenodd" transform="translate(2 2)">
<path d="m2.5.5h12c1.1045695 0 2 .8954305 2 2v12c0 1.1045695-.8954305 2-2 2h-12c-1.1045695 0-2-.8954305-2-2v-12c0-1.1045695.8954305-2 2-2z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="m.5 4.5h16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
<g fill="currentColor">
<circle cx="8.5" cy="8.5" r="1"></circle>
<circle cx="4.5" cy="8.5" r="1"></circle>
<circle cx="12.5" cy="8.5" r="1"></circle>
<circle cx="8.5" cy="12.5" r="1"></circle>
<circle cx="4.5" cy="12.5" r="1"></circle>
<circle cx="12.5" cy="12.5" r="1"></circle>
</g>
</g>
</svg></span><span class="duet-date__vhidden">Choose date</span></button></div>
<div class="duet-date__dialog" role="dialog" aria-modal="true" aria-hidden="true" aria-labelledby="DuetDateLabel-36ba16e2-d44b-3e42-5e7c-a8ad92eecfab">
<div class="duet-date__dialog-content">
<div class="duet-date__mobile"><label class="duet-date__mobile-heading">Check-In</label><button class="duet-date__close" type="button"><svg aria-hidden="true" fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="16"
height="16" viewBox="0 0 24 24">
<path d="M0 0h24v24H0V0z" fill="none"></path>
<path
d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z">
</path>
</svg><span class="duet-date__vhidden">Close window</span></button></div>
<div class="duet-date__header">
<div>
<h2 id="DuetDateLabel-36ba16e2-d44b-3e42-5e7c-a8ad92eecfab" class="duet-date__vhidden" aria-live="polite" aria-atomic="true">August 2024</h2><label for="DuetDateMonth-c9e72f3e-a9cd-4bab-7447-2e3f7e7c099d"
class="duet-date__vhidden">Month</label>
<div class="duet-date__select"><select id="DuetDateMonth-c9e72f3e-a9cd-4bab-7447-2e3f7e7c099d" class="duet-date__select--month">
<option value="0" disabled="">January</option>
<option value="1" disabled="">February</option>
<option value="2" disabled="">March</option>
<option value="3" disabled="">April</option>
<option value="4" disabled="">May</option>
<option value="5" disabled="">June</option>
<option value="6" disabled="">July</option>
<option value="7">August</option>
<option value="8">September</option>
<option value="9">October</option>
<option value="10">November</option>
<option value="11">December</option>
</select>
<div class="duet-date__select-label" aria-hidden="true"><span>Aug</span><svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24">
<path d="M8.12 9.29L12 13.17l3.88-3.88c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41l-4.59 4.59c-.39.39-1.02.39-1.41 0L6.7 10.7c-.39-.39-.39-1.02 0-1.41.39-.38 1.03-.39 1.42 0z"></path>
</svg></div>
</div><label for="DuetDateYear-0449cec7-431c-348d-fde1-4f6e31e9ed21" class="duet-date__vhidden">Year</label>
<div class="duet-date__select"><select id="DuetDateYear-0449cec7-431c-348d-fde1-4f6e31e9ed21" class="duet-date__select--year">
<option>2024</option>
<option>2025</option>
</select>
<div class="duet-date__select-label" aria-hidden="true"><span>2024</span><svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24">
<path d="M8.12 9.29L12 13.17l3.88-3.88c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41l-4.59 4.59c-.39.39-1.02.39-1.41 0L6.7 10.7c-.39-.39-.39-1.02 0-1.41.39-.38 1.03-.39 1.42 0z"></path>
</svg></div>
</div>
</div>
<div class="duet-date__nav"><button class="duet-date__prev" disabled="" type="button"><svg aria-hidden="true" fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 24 24">
<path d="M14.71 15.88L10.83 12l3.88-3.88c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L8.71 11.3c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0 .38-.39.39-1.03 0-1.42z"></path>
</svg><span class="duet-date__vhidden">Previous month</span></button><button class="duet-date__next" type="button"><svg aria-hidden="true" fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="21" height="21"
viewBox="0 0 24 24">
<path d="M9.29 15.88L13.17 12 9.29 8.12c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3c-.39.39-1.02.39-1.41 0-.38-.39-.39-1.03 0-1.42z"></path>
</svg><span class="duet-date__vhidden">Next month</span></button></div>
</div>
<table class="duet-date__table" aria-labelledby="DuetDateLabel-36ba16e2-d44b-3e42-5e7c-a8ad92eecfab">
<thead>
<tr>
<th class="duet-date__table-header" scope="col"><span aria-hidden="true">mon</span><span class="duet-date__vhidden">Monday</span></th>
<th class="duet-date__table-header" scope="col"><span aria-hidden="true">tue</span><span class="duet-date__vhidden">Tuesday</span></th>
<th class="duet-date__table-header" scope="col"><span aria-hidden="true">wed</span><span class="duet-date__vhidden">Wednesday</span></th>
<th class="duet-date__table-header" scope="col"><span aria-hidden="true">thu</span><span class="duet-date__vhidden">Thursday</span></th>
<th class="duet-date__table-header" scope="col"><span aria-hidden="true">fri</span><span class="duet-date__vhidden">Friday</span></th>
<th class="duet-date__table-header" scope="col"><span aria-hidden="true">sat</span><span class="duet-date__vhidden">Saturday</span></th>
<th class="duet-date__table-header" scope="col"><span aria-hidden="true">sun</span><span class="duet-date__vhidden">Sunday</span></th>
</tr>
</thead>
<tbody>
<tr class="duet-date__row">
<td class="duet-date__cell"><button class="duet-date__day is-outside" tabindex="-1" disabled="" type="button" aria-pressed="false"><span aria-hidden="true">29</span><span class="duet-date__vhidden">29 July</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-outside" tabindex="-1" disabled="" type="button" aria-pressed="false"><span aria-hidden="true">30</span><span class="duet-date__vhidden">30 July</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-outside" tabindex="-1" disabled="" type="button" aria-pressed="false"><span aria-hidden="true">31</span><span class="duet-date__vhidden">31 July</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-outside is-month" tabindex="-1" disabled="" type="button" aria-pressed="false"><span aria-hidden="true">1</span><span class="duet-date__vhidden">1
August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-outside is-month" tabindex="-1" disabled="" type="button" aria-pressed="false"><span aria-hidden="true">2</span><span class="duet-date__vhidden">2
August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-outside is-month" tabindex="-1" disabled="" type="button" aria-pressed="false"><span aria-hidden="true">3</span><span class="duet-date__vhidden">3
August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-outside is-month" tabindex="-1" disabled="" type="button" aria-pressed="false"><span aria-hidden="true">4</span><span class="duet-date__vhidden">4
August</span></button></td>
</tr>
<tr class="duet-date__row">
<td class="duet-date__cell"><button class="duet-date__day is-outside is-month" tabindex="-1" disabled="" type="button" aria-pressed="false"><span aria-hidden="true">5</span><span class="duet-date__vhidden">5
August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-today is-month" tabindex="0" type="button" aria-pressed="false"><span aria-hidden="true">6</span><span class="duet-date__vhidden">6 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">7</span><span class="duet-date__vhidden">7 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">8</span><span class="duet-date__vhidden">8 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">9</span><span class="duet-date__vhidden">9 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">10</span><span class="duet-date__vhidden">10 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">11</span><span class="duet-date__vhidden">11 August</span></button></td>
</tr>
<tr class="duet-date__row">
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">12</span><span class="duet-date__vhidden">12 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">13</span><span class="duet-date__vhidden">13 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">14</span><span class="duet-date__vhidden">14 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">15</span><span class="duet-date__vhidden">15 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">16</span><span class="duet-date__vhidden">16 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">17</span><span class="duet-date__vhidden">17 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">18</span><span class="duet-date__vhidden">18 August</span></button></td>
</tr>
<tr class="duet-date__row">
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">19</span><span class="duet-date__vhidden">19 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">20</span><span class="duet-date__vhidden">20 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">21</span><span class="duet-date__vhidden">21 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">22</span><span class="duet-date__vhidden">22 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">23</span><span class="duet-date__vhidden">23 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">24</span><span class="duet-date__vhidden">24 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">25</span><span class="duet-date__vhidden">25 August</span></button></td>
</tr>
<tr class="duet-date__row">
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">26</span><span class="duet-date__vhidden">26 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">27</span><span class="duet-date__vhidden">27 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">28</span><span class="duet-date__vhidden">28 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">29</span><span class="duet-date__vhidden">29 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">30</span><span class="duet-date__vhidden">30 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">31</span><span class="duet-date__vhidden">31 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">1</span><span class="duet-date__vhidden">1 September</span></button></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</duet-date-picker>
</div>
<div class="ace-core-booking-engine__check-out">
<label class="ui-body-01 ace-core-booking-engine__label" for="check-out-core-book-engine-12345">
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M20 5.75H18.75V3.75C18.75 3.34 18.41 3 18 3C17.59 3 17.25 3.34 17.25 3.75V5.75H6.75V3.75C6.75 3.34 6.41 3 6 3C5.59 3 5.25 3.34 5.25 3.75V5.75H4C3.45 5.75 3 6.2 3 6.75V19.75C3 20.3 3.45 20.75 4 20.75H20C20.55 20.75 21 20.3 21 19.75V6.75C21 6.2 20.55 5.75 20 5.75ZM19.5 19.25H4.5V11.5H19.5V19.25ZM19.5 10H4.5V7.25H19.5V10Z"
fill="#1E1852"></path>
</svg> Check-Out </label>
<duet-date-picker data-date-label="Check-Out" data-date="checkout" name="search.dateOut" language="en" min="2024-08-07" max="2024-09-05" identifier="check-out-core-book-engine-12345" value="" class="hydrated">
<div class="duet-date">
<div class="duet-date__input-wrapper"><input class="duet-date__input" placeholder="07/08/2024" id="check-out-core-book-engine-12345" aria-autocomplete="none" autocomplete="off"><input type="hidden" name="search.dateOut" value=""><button
class="duet-date__toggle" type="button"><span class="duet-date__toggle-icon"><svg aria-hidden="true" height="24" viewBox="0 0 21 21" width="24" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="evenodd" transform="translate(2 2)">
<path d="m2.5.5h12c1.1045695 0 2 .8954305 2 2v12c0 1.1045695-.8954305 2-2 2h-12c-1.1045695 0-2-.8954305-2-2v-12c0-1.1045695.8954305-2 2-2z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="m.5 4.5h16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
<g fill="currentColor">
<circle cx="8.5" cy="8.5" r="1"></circle>
<circle cx="4.5" cy="8.5" r="1"></circle>
<circle cx="12.5" cy="8.5" r="1"></circle>
<circle cx="8.5" cy="12.5" r="1"></circle>
<circle cx="4.5" cy="12.5" r="1"></circle>
<circle cx="12.5" cy="12.5" r="1"></circle>
</g>
</g>
</svg></span><span class="duet-date__vhidden">Choose date</span></button></div>
<div class="duet-date__dialog" role="dialog" aria-modal="true" aria-hidden="true" aria-labelledby="DuetDateLabel-1e86916e-86f3-b8f2-f016-3985037a6469">
<div class="duet-date__dialog-content">
<div class="duet-date__mobile"><label class="duet-date__mobile-heading">Check-Out</label><button class="duet-date__close" type="button"><svg aria-hidden="true" fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="16"
height="16" viewBox="0 0 24 24">
<path d="M0 0h24v24H0V0z" fill="none"></path>
<path
d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z">
</path>
</svg><span class="duet-date__vhidden">Close window</span></button></div>
<div class="duet-date__header">
<div>
<h2 id="DuetDateLabel-1e86916e-86f3-b8f2-f016-3985037a6469" class="duet-date__vhidden" aria-live="polite" aria-atomic="true">August 2024</h2><label for="DuetDateMonth-603824bc-5e3f-ae3a-615d-35f97841c6a9"
class="duet-date__vhidden">Month</label>
<div class="duet-date__select"><select id="DuetDateMonth-603824bc-5e3f-ae3a-615d-35f97841c6a9" class="duet-date__select--month">
<option value="0" disabled="">January</option>
<option value="1" disabled="">February</option>
<option value="2" disabled="">March</option>
<option value="3" disabled="">April</option>
<option value="4" disabled="">May</option>
<option value="5" disabled="">June</option>
<option value="6" disabled="">July</option>
<option value="7">August</option>
<option value="8">September</option>
<option value="9" disabled="">October</option>
<option value="10" disabled="">November</option>
<option value="11" disabled="">December</option>
</select>
<div class="duet-date__select-label" aria-hidden="true"><span>Aug</span><svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24">
<path d="M8.12 9.29L12 13.17l3.88-3.88c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41l-4.59 4.59c-.39.39-1.02.39-1.41 0L6.7 10.7c-.39-.39-.39-1.02 0-1.41.39-.38 1.03-.39 1.42 0z"></path>
</svg></div>
</div><label for="DuetDateYear-a2776fd5-b671-531d-1d1f-0261a2fcb647" class="duet-date__vhidden">Year</label>
<div class="duet-date__select"><select id="DuetDateYear-a2776fd5-b671-531d-1d1f-0261a2fcb647" class="duet-date__select--year">
<option>2024</option>
</select>
<div class="duet-date__select-label" aria-hidden="true"><span>2024</span><svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24">
<path d="M8.12 9.29L12 13.17l3.88-3.88c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41l-4.59 4.59c-.39.39-1.02.39-1.41 0L6.7 10.7c-.39-.39-.39-1.02 0-1.41.39-.38 1.03-.39 1.42 0z"></path>
</svg></div>
</div>
</div>
<div class="duet-date__nav"><button class="duet-date__prev" disabled="" type="button"><svg aria-hidden="true" fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 24 24">
<path d="M14.71 15.88L10.83 12l3.88-3.88c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L8.71 11.3c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0 .38-.39.39-1.03 0-1.42z"></path>
</svg><span class="duet-date__vhidden">Previous month</span></button><button class="duet-date__next" type="button"><svg aria-hidden="true" fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="21" height="21"
viewBox="0 0 24 24">
<path d="M9.29 15.88L13.17 12 9.29 8.12c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3c-.39.39-1.02.39-1.41 0-.38-.39-.39-1.03 0-1.42z"></path>
</svg><span class="duet-date__vhidden">Next month</span></button></div>
</div>
<table class="duet-date__table" aria-labelledby="DuetDateLabel-1e86916e-86f3-b8f2-f016-3985037a6469">
<thead>
<tr>
<th class="duet-date__table-header" scope="col"><span aria-hidden="true">mon</span><span class="duet-date__vhidden">Monday</span></th>
<th class="duet-date__table-header" scope="col"><span aria-hidden="true">tue</span><span class="duet-date__vhidden">Tuesday</span></th>
<th class="duet-date__table-header" scope="col"><span aria-hidden="true">wed</span><span class="duet-date__vhidden">Wednesday</span></th>
<th class="duet-date__table-header" scope="col"><span aria-hidden="true">thu</span><span class="duet-date__vhidden">Thursday</span></th>
<th class="duet-date__table-header" scope="col"><span aria-hidden="true">fri</span><span class="duet-date__vhidden">Friday</span></th>
<th class="duet-date__table-header" scope="col"><span aria-hidden="true">sat</span><span class="duet-date__vhidden">Saturday</span></th>
<th class="duet-date__table-header" scope="col"><span aria-hidden="true">sun</span><span class="duet-date__vhidden">Sunday</span></th>
</tr>
</thead>
<tbody>
<tr class="duet-date__row">
<td class="duet-date__cell"><button class="duet-date__day is-outside" tabindex="-1" disabled="" type="button" aria-pressed="false"><span aria-hidden="true">29</span><span class="duet-date__vhidden">29 July</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-outside" tabindex="-1" disabled="" type="button" aria-pressed="false"><span aria-hidden="true">30</span><span class="duet-date__vhidden">30 July</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-outside" tabindex="-1" disabled="" type="button" aria-pressed="false"><span aria-hidden="true">31</span><span class="duet-date__vhidden">31 July</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-outside is-month" tabindex="-1" disabled="" type="button" aria-pressed="false"><span aria-hidden="true">1</span><span class="duet-date__vhidden">1
August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-outside is-month" tabindex="-1" disabled="" type="button" aria-pressed="false"><span aria-hidden="true">2</span><span class="duet-date__vhidden">2
August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-outside is-month" tabindex="-1" disabled="" type="button" aria-pressed="false"><span aria-hidden="true">3</span><span class="duet-date__vhidden">3
August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-outside is-month" tabindex="-1" disabled="" type="button" aria-pressed="false"><span aria-hidden="true">4</span><span class="duet-date__vhidden">4
August</span></button></td>
</tr>
<tr class="duet-date__row">
<td class="duet-date__cell"><button class="duet-date__day is-outside is-month" tabindex="-1" disabled="" type="button" aria-pressed="false"><span aria-hidden="true">5</span><span class="duet-date__vhidden">5
August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-outside is-today is-month" tabindex="0" disabled="" type="button" aria-pressed="false"><span aria-hidden="true">6</span><span class="duet-date__vhidden">6
August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">7</span><span class="duet-date__vhidden">7 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">8</span><span class="duet-date__vhidden">8 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">9</span><span class="duet-date__vhidden">9 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">10</span><span class="duet-date__vhidden">10 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">11</span><span class="duet-date__vhidden">11 August</span></button></td>
</tr>
<tr class="duet-date__row">
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">12</span><span class="duet-date__vhidden">12 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">13</span><span class="duet-date__vhidden">13 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">14</span><span class="duet-date__vhidden">14 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">15</span><span class="duet-date__vhidden">15 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">16</span><span class="duet-date__vhidden">16 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">17</span><span class="duet-date__vhidden">17 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">18</span><span class="duet-date__vhidden">18 August</span></button></td>
</tr>
<tr class="duet-date__row">
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">19</span><span class="duet-date__vhidden">19 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">20</span><span class="duet-date__vhidden">20 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">21</span><span class="duet-date__vhidden">21 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">22</span><span class="duet-date__vhidden">22 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">23</span><span class="duet-date__vhidden">23 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">24</span><span class="duet-date__vhidden">24 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">25</span><span class="duet-date__vhidden">25 August</span></button></td>
</tr>
<tr class="duet-date__row">
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">26</span><span class="duet-date__vhidden">26 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">27</span><span class="duet-date__vhidden">27 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">28</span><span class="duet-date__vhidden">28 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">29</span><span class="duet-date__vhidden">29 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">30</span><span class="duet-date__vhidden">30 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day is-month" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">31</span><span class="duet-date__vhidden">31 August</span></button></td>
<td class="duet-date__cell"><button class="duet-date__day" tabindex="-1" type="button" aria-pressed="false"><span aria-hidden="true">1</span><span class="duet-date__vhidden">1 September</span></button></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</duet-date-picker>
</div>
</fieldset>
<div class="core-booking-engine__date-search">
<input type="hidden" name="search.dayIn" value="default">
<input type="hidden" name="search.monthIn" value="default">
<input type="hidden" name="search.yearIn" value="default">
<input type="hidden" name="search.nightNb" value="default">
</div>
<div class="ace-core-booking-engine__guests" data-max-room="7" data-max-pax="9" data-max-adult="9" data-max-child="6" data-max-child-age="17" data-loaded="true">
<p class="ui-body-02 ace-core-booking-engine__guests-title" aria-describedby="core-booking-engine-guest-title-12345">
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path
d="M11.999 10.6C11.2506 10.602 10.5184 10.3817 9.89523 9.96715C9.27208 9.55256 8.78604 8.96231 8.4987 8.2712C8.21136 7.58008 8.13566 6.81923 8.28119 6.08505C8.42673 5.35087 8.78694 4.67642 9.31619 4.14718C9.84543 3.61793 10.5199 3.25772 11.2541 3.11219C11.9882 2.96665 12.7491 3.04235 13.4402 3.32969C14.1313 3.61703 14.7216 4.10307 15.1362 4.72622C15.5507 5.34936 15.771 6.08157 15.769 6.83003C15.769 7.82989 15.3718 8.78881 14.6648 9.49582C13.9578 10.2028 12.9989 10.6 11.999 10.6ZM11.999 4.60003C11.5477 4.59805 11.1059 4.73008 10.7296 4.97941C10.3534 5.22873 10.0596 5.58412 9.88547 6.00056C9.71137 6.417 9.66479 6.87574 9.75163 7.31867C9.83847 7.76161 10.0548 8.1688 10.3733 8.48866C10.6918 8.80853 11.098 9.02667 11.5405 9.11546C11.9831 9.20425 12.442 9.15968 12.8592 8.98741C13.2764 8.81514 13.6331 8.52292 13.8841 8.14776C14.1351 7.7726 14.269 7.33139 14.269 6.88003C14.2757 6.57727 14.2219 6.27623 14.111 5.99447C14 5.71271 13.834 5.45588 13.6227 5.23897C13.4114 5.02206 13.1589 4.84943 12.8802 4.73114C12.6014 4.61285 12.3019 4.55128 11.999 4.55003V4.60003Z"
fill="#1E1852"></path>
<path
d="M11.999 21C10.479 21 9.06904 20.93 7.99904 20.82C6.70904 20.68 5.54904 20.48 5.54904 19.55C5.54355 19.4935 5.54355 19.4366 5.54904 19.38L6.91904 13.8C7.14249 13.0897 7.60311 12.4776 8.22384 12.0662C8.84457 11.6548 9.58775 11.4691 10.329 11.54H13.669C14.4161 11.4664 15.1656 11.6545 15.7894 12.0722C16.4132 12.4899 16.8725 13.1112 17.089 13.83L18.419 19.37C18.4245 19.4266 18.4245 19.4835 18.419 19.54C18.439 20.15 18.439 21 11.999 21ZM7.16904 19.18C10.3766 19.5804 13.6215 19.5804 16.829 19.18L15.619 14.18C15.509 13.61 14.809 13.07 13.669 13.07H10.329C9.16904 13.07 8.49904 13.64 8.37904 14.17L7.16904 19.18Z"
fill="#1E1852"></path>
</svg> Rooms & Guests
</p>
<button type="button" class="ui-body-02 input" aria-expanded="false" aria-controls="core-booking-engine-room-dropdown" data-toggle-dropdown="core-booking-engine-guest-title-12345" aria-label="Edit the composition"
id="core-booking-engine-guest-title-12345">1 Room(s) - 1 Guest(s) </button>
<div class="ace-core-booking-engine__dropdown" data-dropdown-id="core-booking-engine-guest-title-12345" id="core-booking-engine-room-dropdown" aria-hidden="true">
<div class="ace-core-booking-engine__dropdown--content ace-core-booking-engine__dropdown--content--auto">
<fieldset class="ace-room removeBorder" room-id="0">
<legend class="sr-only">Room 1</legend>
<span class="ace-room__title ui-label-01">Room 1</span>
<div class="ace-counter ace-counter__adults" data-counter="adult">
<label for="core-booking-engine-room-0-adult" class="ace-counter__heading">
<span class="ace-counter__heading-title ui-body-01-strong"> Adult(s) </span>
</label>
<div class="ace-counter__buttons">
<button class="ace-counter__minus disabled" tabindex="-1" aria-disabled="true" data-counter-type="decrement" type="button">
<span aria-hidden="true" class="icon icon-minus-24icon"></span>
<span class="sr-only">- Remove an adult</span>
</button>
<input aria-live="polite" name="search.roomCriteria[0].adultNumber" aria-atomic="true" tabindex="-1" data-input="adult" class="ui-body-01" id="core-booking-engine-room-0-adult" type="text" value="1" readonly="readonly"
pattern="[0-9]">
<button class="ace-counter__plus" data-counter-type="increment" type="button">
<span aria-hidden="true" class="icon icon-plus-24icon"></span>
<span class="sr-only">+Add an adult</span>
</button>
</div>
</div>
<div class="ace-counter ace-counter__children" data-counter="child">
<label for="core-booking-engine-room-0-children" class="ace-counter__heading">
<span class="ace-counter__heading-title ui-body-01-strong"> Child(ren) </span>
</label>
<div class="ace-counter__buttons">
<button class="ace-counter__minus disabled" tabindex="-1" aria-disabled="true" data-counter-type="decrement" type="button">
<span aria-hidden="true" class="icon icon-minus-24icon"></span>
<span class="sr-only">- Remove a child</span>
</button>
<input aria-live="polite" name="search.roomCriteria[0].childrenNumber" aria-atomic="true" tabindex="-1" data-input="child" class="ui-body-01" id="core-booking-engine-room-0-children" type="text" value="0" readonly="readonly"
pattern="[0-9]">
<button class="ace-counter__plus" data-counter-type="increment" type="button">
<span aria-hidden="true" class="icon icon-plus-24icon"></span>
<span class="sr-only">+Add a child</span>
</button>
</div>
</div>
</fieldset>
<fieldset>
<div class="ace-counter" data-counter="room">
<div class="ace-counter__buttons buttonColumn">
<div class="deleteWrapper removePadding">
<button class="ace-counter__minus deleteButton disabled" data-counter-type="decrement" type="button" aria-disabled="true" tabindex="-1">
<span>Delete</span>
</button>
</div>
<input aria-live="polite" name="search.roomNumber" aria-atomic="true" tabindex="-1" data-input="room" class="ui-body-02" id="core-booking-engine-room-counter-12345" type="text" value="1" readonly="readonly" pattern="[0-9]">
<div class="addWrapper">
<button class="ace-counter__plus addButton" data-counter-type="increment" type="button">
<span aria-hidden="true" class="icon icon-plus-24icon"></span>
<span> Add a room</span>
</button>
</div>
</div>
</div>
</fieldset>
</div>
</div>
</div>
<div id="container"></div>
<script>
function getData(userCustomData) {
const container = document.getElementById('container');
if (userCustomData && container) {
const initVueComponent = function(container, component, propsWithInitialValues, eventHandlers, locale) {
Vue.use(VueI18n);
const i18n = new VueI18n({
locale
});
return new Vue({
i18n,
data: function() {
return {
...propsWithInitialValues
}
},
render: function(createElement) {
const props = {}
const propsKeys = Object.keys(propsWithInitialValues);
propsKeys.forEach((key) => {
props[key] = this[key];
})
return createElement(component, {
props,
on: eventHandlers
});
},
}).$mount(container);
};
let userAwards = '';
const userData = userCustomData;
if (userData) {
const userMock = userData;
const fliterData = userMock?.loyalty?.awardTypes?.awardType?.filter((item) => item.type === 'SNU');
const allTypesAwardEligibility = userMock?.loyalty?.awardTypes?.allTypesAwardEligibility === 'ELIGIBLE' ? true : '';
const freenightData = userMock?.loyalty?.freenights?.freenight?.filter((item) => item.status === 'REDEEMABLE');
const freenightLength = freenightData?.length > 0 ? freenightData.length : 0;
let jsons = new Array();
if (fliterData) {
const numberOfRemainingAwards = fliterData[0]?.numberOfRemainingAwards > 0 ? fliterData[0].numberOfRemainingAwards : 0;
const awardsData = fliterData[0]?.awards?.award?.filter((item) => item.status === 'REDEEMABLE');
jsons.push({
// loyalty.awardTypes.awardType 'filter = (type=SNU)'
"type": fliterData[0]?.type,
"name": "Suite Night Upgrade",
"eligible": allTypesAwardEligibility, //
"remaining": numberOfRemainingAwards,
"details": [awardsData] // Filter loyalty.freenights.freenight.status == "REDEEMABLE"
});
}
if (userMock?.loyalty?.freenights) {
jsons.push({
"type": "STAYPLUS",
"name": "StayPlus",
"eligible": userMock?.loyalty?.freenights?.isEligible,
"remaining": freenightLength, // Filter loyalty.freenights.freenight.status == "REDEEMED"
"details": [freenightData] // Filter loyalty.freenights.freenight.status == "REDEEMED"
});
}
userAwards = jsons;
}
let pageLang = document.documentElement?.lang;
pageLang = pageLang ? pageLang : 'en'
const props = {
userAwards: userAwards,
initialIsSnuActive: false,
datesOfStay: null,
withSnuCountPicker: false,
column: false,
language: pageLang
}
const eventHandlers = {
'toggleAwards': function(value) {
//console.log(value)
}
}
const myComponentInstance = initVueComponent(container, AwardsForms.default, props, eventHandlers, pageLang);
}
}
let awardData;
let moduleLoaded = false;
document.addEventListener("AwardCustomEvent", function(evt) {
awardData = evt.detail;
if (moduleLoaded) {
getData(evt.detail);
}
}, false);
document.addEventListener("award-toggle-loaded", function() {
moduleLoaded = true;
if (awardData) {
getData(awardData)
} else {
document.addEventListener("AwardCustomEvent", function(evt) {
getData(evt.detail);
}, false);
}
}, false);
</script>
<script src="/a/etc.clientlibs/ace/clientlibs/clientlib-awards-toggle.lc-7b15928243f60029eb67c054e4056efd-lc.min.js" async="" type="module"></script>
<div class="ace-core-booking-engine__options">
<div class="ace-core-booking-engine__options-trigger">
<hr>
<button class="ui-body-01" type="button" aria-expanded="false" aria-controls="ace-core-booking-engine__option-panel-12345" id="ace-core-booking-engine__option-trigger-12345"> Special rates <span aria-hidden="true"
class="icon icon-chevron-down-24icon"></span>
</button>
<hr>
</div>
<div class="ace-core-booking-engine__options-panel" id="ace-core-booking-engine__option-panel-12345" role="region" aria-labelledby="ace-core-booking-engine__option-trigger-12345" data-promocode="true">
<div class="ace-core-booking-engine__loyalty-product-label"></div>
<div class="ace-core-booking-engine__accessible-room">
<input class="ace-core-booking-enging__accessible-room-checkbox" id="accessible-room" type="checkbox" name="search.accessibleRooms" value="yes">
<label for="accessible-room">Accessible Room Required</label>
</div>
</div>
</div>
</div>
<div class="ace-core-booking-engine__footer">
<div class="ace-button">
<button aria-label="Search for a destination or hotel name" type="submit" data-context-site="https://all.accor.com" class="cmp-button cmp-button--accent">
<span class="cmp-button__text ui-body-02"> Search</span>
</button>
</div>
</div>
</form>POST https://secure.accor.com/newsletter/index.en.shtml#/ALL/subscribe/email
<form class="newsLetter__form" id="newsLetter__form" action="https://secure.accor.com/newsletter/index.en.shtml#/ALL/subscribe/email" method="post" data-name="newsletter" accept-charset="utf-8"><input type="HIDDEN" name="action_bis"
value="SUBSCRIBE"> <input type="HIDDEN" name="site" value="ALL|PAR"> <input type="HIDDEN" name="origine" value="WEB"> <input type="HIDDEN" name="sourceid" value=""> <input type="HIDDEN" name="site" value="ALL|PAR"> <label
for="footerNewsletterEmail" class="sr-only">Email (eg name@domain.com)</label> <input class="newsLetter__input inverse" id="footerNewsletterEmail" placeholder="e-mail@domain.com" type="text"> <button type="submit"
class="newsLetter__button roundButton roundButton--secondaryInv" aria-label="Go to the page to subscribe to our newsletter" onclick="document.getElementById('newsLetter__form').submit();" tracked="true">Sign up</button></form>Text Content
Skip to main content
This site requires javascript for full functionality. Please enable the
javascript in your browser.
Menu
* Stay
Back
* * Find a hotel
* Resorts
* Aparthotels
* Homes
* Villas
* Our brands
* Day Use
* * Travel Inspirations
* Magazine
* Maldives
* Cambodia
* Thailand
* See more
* * Hotels by Destination
* Hanoi
* Siem Reap
* Manila
* Luang Prabang
* See all destinations
* Loyalty programme
Back
* * Discover the programme
* Benefits and status
* Earn and redeem points
* Accor Plus
* ACCOR PLUS
Enjoy up to 50% off on stays and dining all year round
Discover More
* Deals
* Our partners
* Book a ride
* Activities
Back
* ALL Activities & Events
Enjoy a wide range of activities near you or while travelling. Earn or
redeem your Reward points.
* Limitless Experiences
Live unique experiences in our privileged spaces (ALL suites, stands,
Accor hotels) with your Reward points
* All our experiences
Concerts, sports, exhibitions, Candlelight, and more. Access to the best
events!
* Meeting & Events
Back
* * Tailored events
* Hotel office
* Meeting Planner Offer
* Private events
* * MORE EVENT TYPES
* Hybrid Meetings
* Training sessions
* Seminars
* Conventions
* See more
* Professionals
Back
* * Event Organizers
* Travel Professionals
* Business Travellers
* * OUR MEMBERSHIP CARDS
* ALL PLUS Voyageur
* ALL PLUS ibis
* ALL PLUS Voyageur
15% to 20% garanteed discount all year round
Discover Now
* ALL PLUS ibis
15% discount all year round
Discover Now
* More
Stay Loyalty programme Deals Our partners Book a ride Activities Meeting &
Events Professionals
Back
* * Find a hotel
* Resorts
* Aparthotels
* Homes
* Villas
* Our brands
* Day Use
* * Travel Inspirations
* Magazine
* Maldives
* Cambodia
* Thailand
* See more
* * Hotels by Destination
* Hanoi
* Siem Reap
* Manila
* Luang Prabang
* See all destinations
Back
* * Discover the programme
* Benefits and status
* Earn and redeem points
* Accor Plus
* ACCOR PLUS
Enjoy up to 50% off on stays and dining all year round
Discover More
Back
* ALL Activities & Events
Enjoy a wide range of activities near you or while travelling. Earn or
redeem your Reward points.
* Limitless Experiences
Live unique experiences in our privileged spaces (ALL suites, stands,
Accor hotels) with your Reward points
* All our experiences
Concerts, sports, exhibitions, Candlelight, and more. Access to the best
events!
Back
* * Tailored events
* Hotel office
* Meeting Planner Offer
* Private events
* * MORE EVENT TYPES
* Hybrid Meetings
* Training sessions
* Seminars
* Conventions
* See more
Back
* * Event Organizers
* Travel Professionals
* Business Travellers
* * OUR MEMBERSHIP CARDS
* ALL PLUS Voyageur
* ALL PLUS ibis
* ALL PLUS Voyageur
15% to 20% garanteed discount all year round
Discover Now
* ALL PLUS ibis
15% discount all year round
Discover Now
en
Back
Select your location and language below
Geographical area
Africa - Middle East America Asia - Pacific Europe
Country/Region - Language
Belgique - Français België - Nederlands Bulgaria Czech Republic Denmark
Deutschland España Finland France Greece Hungary Ireland Italia Latvia Lithuania
Luxembourg Macedonia Malta Nederland Norway Österreich Polska Portugal Romania
Slovakia Suisse - Français Schweiz - Deutsch Sweden Türkiye United Kingdom
Россия Ukraine Other regions of Europe
Confirm my location and language
GBP (£)
Back
Select your currency below
Geographical area
Africa - Middle East America Asia - Pacific Europe
Currency
GBP - British Pound BGN - Bulgarian Lev CZK - Czech Koruna DKK - Danish Krone
EUR - Euro HUF - Hungarian Forint MKD - Macedonian Denar NOK - Norwegian Krone
PLN - Polish Zloty RON - Romanian New Leu RUB - Russian Ruble SEK - Swedish
Krona CHF - Swiss Franc TRY - Turkish Lira UAH - Ukrainian Hryvnia
Confirm my currency
Sign in / Sign up
WELCOME TO ALL, BOOK AT THE BEST PRICE
We are missing piece(s) of information to begin your search.
Core booking engine
You’ll be redirected to Accor website to view available hotels and book your
stay
Close window
We are missing piece(s) of information to begin your search.
Where do you want to travel? (mandatory)
(0 / )
0 suggest found
Check-in/Check-out
Check-In
Choose date
Check-InClose window
AUGUST 2024
Month
JanuaryFebruaryMarchAprilMayJuneJulyAugustSeptemberOctoberNovemberDecember
Aug
Year
20242025
2024
Previous monthNext month
monMondaytueTuesdaywedWednesdaythuThursdayfriFridaysatSaturdaysunSunday2929
July3030 July3131 July11 August22 August33 August44 August55 August66 August77
August88 August99 August1010 August1111 August1212 August1313 August1414
August1515 August1616 August1717 August1818 August1919 August2020 August2121
August2222 August2323 August2424 August2525 August2626 August2727 August2828
August2929 August3030 August3131 August11 September
Check-Out
Choose date
Check-OutClose window
AUGUST 2024
Month
JanuaryFebruaryMarchAprilMayJuneJulyAugustSeptemberOctoberNovemberDecember
Aug
Year
2024
2024
Previous monthNext month
monMondaytueTuesdaywedWednesdaythuThursdayfriFridaysatSaturdaysunSunday2929
July3030 July3131 July11 August22 August33 August44 August55 August66 August77
August88 August99 August1010 August1111 August1212 August1313 August1414
August1515 August1616 August1717 August1818 August1919 August2020 August2121
August2222 August2323 August2424 August2525 August2626 August2727 August2828
August2929 August3030 August3131 August11 September
Rooms & Guests
1 Room(s) - 1 Guest(s)
Room 1 Room 1
Adult(s)
- Remove an adult +Add an adult
Child(ren)
- Remove a child +Add a child
Delete
Add a room
--------------------------------------------------------------------------------
Special rates
--------------------------------------------------------------------------------
Accessible Room Required
Search
Where do you want to travel?
SAVE 15% ON 2+ NIGHTS STAYS
Let's keep celebrating France
Book now
YOUR DISCOUNTS AND SPECIAL OFFERS
* STAY, DINE, RELAX: HALF BOARD PACKAGE WITH BREAKFAST & DINNER
Book now
* PLAN AHEAD AND PAY LESS
Book now
* FIND YOUR PERFECT CHEAP FLIGHT AND HOTEL PACKAGE
Book now
See all the offers
CREATE YOUR STAY WITH ALL
1/2
* HOTELS
* RESORTS
* FLIGHT + HOTEL
* ALL GIFT CARD
* APARTMENTS & VILLAS
* ACTIVITIES & EVENTS
DESTINATIONS YOU MIGHT LIKE
* United Kingdom
LONDON
* Australia
SYDNEY
* France
PARIS
* Netherlands
AMSTERDAM
ALL LOYALTY PROGRAMME
MOST AWARDED PROGRAMME BY TRAVELLERS*
* Book at the best price
* 100+ ways to earn and use points
* Elevate your stay with high-value perks
* 2000+ exclusive global events
Sign up for free Learn about the programme
*Freddy Awards & Frequent Traveler Awards
--------------------------------------------------------------------------------
Luxury (12)12 Luxury
* Raffles
* Orient Express
* Faena
* Banyan tree
* Sofitel legend
* Fairmont
* Emblems
* Sofitel
* M gallery
* The Purist
* Rixos
* onefinestay
--------------------------------------------------------------------------------
Lifestyle
by Ennismore (11)11 Lifestyle<br>by Ennismore
* 21C
* 25 hours hotels
* Delano
* Hyde
* Jo&Joe
* Mama shelter
* Mondrian
* Morgans Originals
* SLS
* SO Sofitel
* The Hoxton
--------------------------------------------------------------------------------
Premium (12)12 Premium
* Mantis
* Art Series
* Pullman
* Swissotel
* Angsana
* Mövenpick
* Garrya
* Grand mercure
* Peppers
* The Sebel
* Adagio Premium
* Thalassa Sea & Spa
--------------------------------------------------------------------------------
Midscale (12)12 Midscale
* Handwritten Collection
* Mantra
* Novotel
* Mercure
* Tribe
* Adagio
* Cassia
* Folio
* Dhawa
* Homm
* Neqta
*
--------------------------------------------------------------------------------
Economy (7)7 Economy
* BreakFree
* Ibis
* Ibis styles
* Agagio access
* Greet
* ibis Budget
* Hotel F1
--------------------------------------------------------------------------------
See all brands
--------------------------------------------------------------------------------
EXCLUSIVE OFFERS
Sign up to our newsletter to receive our latest offers
Email (eg name@domain.com) Sign up
NEED HELP? NEED HELP?
* Manage booking
* Support
LIMITLESS PERSONAL ASSISTANT
* You want to book ?
* 020 88 83 01
Note 2 (**)
--------------------------------------------------------------------------------
COMPANY COMPANY
* Accor Group
* Management & franchises
* Careers
* Sustainable development
* Affiliate programme
PROFESSIONAL SOLUTIONS PROFESSIONAL SOLUTIONS
* Business travel
* Meetings & events
* Travel professionals
NAVIGATION NAVIGATION
* Web accessibility
* Sitemap
* All our services
* All languages
MOBILE APP MOBILE APP
* Mobile services
* iOS app
* Android app
--------------------------------------------------------------------------------
* Accor Facebook
* Accor Instagram
* Accor Twitter
* Accor Pinterest
* Accor Youtube
* Accor Linkedin
* Accor Weibo
* Tripadvisor
--------------------------------------------------------------------------------
* T&Cs
* Adagio T&Cs
* Membership T&Cs
* Privacy
* Cookies
* Legal Notice
* Do Not Sell My Personal Information
© Accor2019 沪ICP备10203162号-7
*Prices start from, based on a one night stay in a standard double room for two
guests. Supplementary services, breakfast and tourist/city tax are not included.
Price observed on all.accor.com within the past 24 hours, for a one night stay
within the next eight days, starting tomorrow. Price subject to the hotel
conditions, period and availability. Depending on the country, these prices may
not include taxes, may include VAT only or may include all taxes (VAT and
tourist/city tax). When prices do not include all taxes, the relevant taxes (VAT
and tourist/city tax) will be stated in the forthcoming stages of the
reservation process. The price is only guaranteed at the time of reservation.
** Note 2 Available 24/7. Back to the top
SSL Secure – globalSign
COOKIES
On the ALL, hotelF1, ibis, Pullman, Novotel, Mercure, MGallery, Sofitel, Mantra,
Business Travel, Meetings, Travelpros, Restaurants, Spa and Apartments & Villas
websites, Accor and its partners wish to store or retrieve information on your
device in order to :(i) operate the websites and provide you with the services
you request (these cannot be rejected); (ii) enhance and customize websites
functionalities; (iii) measure websites audience and performance; (iv) profile
your interests to provide you with relevant advertising; (v) allow you to
interact with social networks.
You will be able to modify your choices at any time by clicking on the "Cookies"
link at the bottom of the page.
More information
Our partners
Accept all
Customise
Continue without Accepting →