reservations.thefirstcollection.ae
Open in
urlscan Pro
2a02:26f0:ef::5f65:4da2
Public Scan
Submitted URL: https://protect-eu.mimecast.com/s/80iiCqYpWTOv0yKTNoEWg?domain=ne16.com
Effective URL: https://reservations.thefirstcollection.ae/114870?RatePlanId=6053000
Submission: On April 07 via manual from DE — Scanned from GB
Effective URL: https://reservations.thefirstcollection.ae/114870?RatePlanId=6053000
Submission: On April 07 via manual from DE — Scanned from GB
Form analysis 8 forms found in the DOM
Name: GuestsAndRoomsForm —
<form novalidate="" name="GuestsAndRoomsForm" ng-submit="updateGuests()" class="GuestsAndRoomsForm ng-pristine ng-valid">
<h1 id="guestsAndRoomsHeader" tabindex="0" ng-keydown="($event.which === 13 || $event.which === 32)? $event.preventDefault() : 0" class="ng-binding add-outline">Guests & Rooms</h1>
<!-- ngIf: MRB != true -->
<!--ng-repeat rows by number of children which updates on selection of "number of children"-->
<!-- ngRepeat: children in numToArray(initOptions.Children) track by $index --><!-- ngIf: MRB != true --><!-- end ngRepeat: children in numToArray(initOptions.Children) track by $index -->
<!--for multiple room booking -->
<!--{{initOptionsArrays}}-->
<!-- ngRepeat: initOptionsArray in initOptionsArrays track by $index --><!-- ngIf: MRB == true -->
<div class="MRBBlock ng-scope" ng-repeat="initOptionsArray in initOptionsArrays track by $index" ng-if="MRB == true" id="room-1-occupancy-details">
<div class="row GuestsAndRoomsForm-dropdown-wrappper" ng-class="(allowInfants && allowChildren)?'MRBNOTChangedDdlWidth':''">
<!--delete button-->
<!-- ngIf: initOptionsArrays.length > 1 -->
<div class="GuestsAndRoomsForm-dropdownMRB col-xs-12 col-md-4 col-lg-4 " style="margin-top:0; ">
<select class="GuestsAndRoomsForm-select ng-pristine ng-untouched ng-valid ng-isolate-scope" title="Number of Adults" tabindex="0" ng-disabled="id != undefined && initOptionsArray.id != id && roominContext"
ng-class="{'guestsAndRooms-mrb-disabled': id != undefined && initOptionsArray.id != id && roominContext}" ng-model="initOptionsArray.Adults"
ng-options="(guest | adultsFilter) for guest in (initOptionsArray.guests.maxAdults | limitTo: initOptionsArray.maxAdults : 1)" ng-change="updateAdultArrMRB(initOptionsArray,'2');gmsAdultEvent(initOptionsArray.Adults, initOptionsArray);"
toggle-arrow="" aria-disabled="false" aria-invalid="false">
<option label="1 Adult" value="number:1">1 Adult</option>
<option label="2 Adults" value="number:2" selected="selected">2 Adults</option>
<option label="3 Adults" value="number:3">3 Adults</option>
</select>
</div>
<div ng-show="allowChildren" class="GuestsAndRoomsForm-dropdownMRB col-xs-12 col-md-4 col-lg-4" aria-hidden="false">
<select class="GuestsAndRoomsForm-select ng-pristine ng-untouched ng-valid ng-isolate-scope" title="Number of Children" tabindex="0" ng-disabled="id != undefined && initOptionsArray.id != id && roominContext"
ng-class="{'guestsAndRooms-mrb-disabled': id != undefined && initOptionsArray.id != id && roominContext}" ng-model="initOptionsArray.Children"
ng-options="(guest | childrenFilter) for guest in initOptionsArray.guests.maxChildren" ng-hide="!allowChildren" ng-change="updateChildArrMRB(initOptionsArray,'0');gmsChildrenEvent(initOptionsArray.Children, initOptionsArray)"
toggle-arrow="" aria-hidden="false" aria-disabled="false" aria-invalid="false">
<option label="0 Children" value="number:0" selected="selected">0 Children</option>
<option label="1 Child" value="number:1">1 Child</option>
<option label="2 Children" value="number:2">2 Children</option>
<option label="3 Children" value="number:3">3 Children</option>
</select>
</div>
<!--{{initOptions}}-->
<div ng-show="allowInfants && allowChildren" class="GuestsAndRoomsForm-dropdownMRB col-xs-12 col-md-4 col-lg-4 ng-hide" aria-hidden="true">
<select class="GuestsAndRoomsForm-select ng-pristine ng-untouched ng-valid ng-isolate-scope" title="Number of Infants" tabindex="0" ng-disabled="id != undefined && initOptionsArray.id != id && roominContext"
ng-class="{'guestsAndRooms-mrb-disabled': id != undefined && initOptionsArray.id != id && roominContext}" ng-model="initOptionsArray.Infants"
ng-options="(guest | infantsFilter) for guest in initOptionsArray.guests.maxInfants" ng-change="updateInfantArrMRB(initOptionsArray,'0');gmsInfantEvent(initOptionsArray.Infants, initOptionsArray)" toggle-arrow="" aria-disabled="false"
aria-invalid="false">
<option label="0 Infants" value="number:0" selected="selected">0 Infants</option>
<option label="1 Infant" value="number:1">1 Infant</option>
<option label="2 Infants" value="number:2">2 Infants</option>
<option label="3 Infants" value="number:3">3 Infants</option>
</select>
</div>
<!--ng-repeat rows by number of children which updates on selection of "number of children" for mobile only -->
<div class="container-fluid visible-xs">
<!-- ngRepeat: children in numToArray(initOptionsArray.Children) track by $index -->
</div>
</div>
<div class="row GuestsAndRoomsForm-dropdown-wrappper ageDdl ng-hide" ng-hide="!isChildrenAgesAllowed" aria-hidden="true">
<!--ng-repeat rows by number of children which updates on selection of "number of children"-->
<!-- ngRepeat: children in numToArray(initOptionsArray.Children) track by $index -->
</div>
<!-- End of Shows for Mobile only -->
<!--<div class="GuestsAndRoomsForm-dropdown col-xs-12 col-md-4 col-lg-4 col-lg-offset-4">-->
<!--<select class="GuestsAndRoomsForm-select" title="Number of Rooms"-->
<!--ng-init="initOptions.Rooms = guests.defaultRooms" ng-model="initOptions.Rooms"-->
<!--ng-options="(room | roomsFilter) for room in (guests.maxRooms | limitTo: maxRoomsPerBooking : 1)">-->
<!--</select>-->
<!--</div>-->
</div><!-- end ngIf: MRB == true --><!-- end ngRepeat: initOptionsArray in initOptionsArrays track by $index -->
<!--button for add mutiple room -->
<!-- ngIf: MRB == true && initOptionsArrays.length < maxRoom && !hideAddRoomButton -->
<div class="addRoom col-xs-12 col-md-6 col-lg-4 ng-scope" ng-class="{'addRoomCosmo' : hideCodeWidget}" ng-if="MRB == true && initOptionsArrays.length < maxRoom && !hideAddRoomButton">
<svg role="none" aria-hidden="true" focusable="false" tabindex="-2" ng-click="addRoom(); $event.preventDefault();" class="add-code-icon addRoomSVG PricingBox-info-circle" version="1.1" x="0px" y="0px" width="12px" height="12px"
viewBox="0 0 12 12" data-src="./assets/images/icons/add.svg" data-reactid=".0.2.0.0.1.2.1">
<title>Add Icon</title>
<desc>Created with Sketch.</desc>
<g type="MSPage">
<g transform="translate(-1198.000000, -402.000000)" type="MSArtboardGroup">
<g transform="translate(911.000000, 204.000000)" type="MSLayerGroup">
<g transform="translate(43.000000, 102.000000)" type="MSShapeGroup">
<g transform="translate(0.000000, 82.000000)">
<g transform="translate(245.000000, 15.000000)">
<path class="Icon-property--stroke" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M5,10 V0"></path>
<path class="Icon-property--stroke" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M10,5 H0"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
<div id="guests-and-rooms-add-room-btn" ng-click="addRoom(); $event.preventDefault();" class="AddARoom total-text-link-color ng-binding" aria-label="Add a Room" role="button" tabindex="0">Add a Room</div>
</div><!-- end ngIf: MRB == true && initOptionsArrays.length < maxRoom && !hideAddRoomButton -->
<!--<button type="button" style="margin-top: 3em" ng-click="addRoom()" ng-if="MRB == true && initOptionsArrays.length < 6">Add Room</button>-->
<!--end here-->
<!-- ngIf: (specialCodeEnabled.specialCodesFieldEnabled) && (displayWidget !=true) --><tc-special-codes class="special-code-wrap ng-scope" ng-hide="hideCodeWidget"
ng-if="(specialCodeEnabled.specialCodesFieldEnabled) && (displayWidget !=true)" aria-hidden="false"><!--css is designed in _accommodations-grid.scss .tags-->
<div class="row container-special-code container-special-code-new">
<div class="tags">
<ul ng-keydown="(isIEEdge && $event.which === ACCESSIBILITY_ENTER) ? [Show($event), $event.preventDefault()] : 0" id="add-code-dropdown-id" aria-label="Add Code" ng-focus="special.isopen=false"
class="add-code col-xs-12 AccommodationsNav-filter-transparent" ng-click="Show($event);" style="cursor: pointer;" role="button" tabindex="0">
<!--(idx,code)-->
<!--this is addCode placeholder-->
<div ng-hide="placeHolder" class="ng-binding">Add Code</div>
<!-- ngIf: showCorpLoginLabel -->
<!-- ngRepeat: (idx,code) in codes track by $index -->
<!-- <div class="add-icon" ng-click="Show()"></div>
<div class="add-icon" ng-click="Show()"></div> -->
<!-- <svg focusable="false" role="none" aria-hidden="true" ng-hide="toggle" class="add-code-icon"
version="1.1"
x="0px" y="0px"
width="12px"
height="12px" viewBox="0 0 12 12" data-src="./assets/images/icons/add.svg"
data-reactid=".0.2.0.0.1.2.1">
<title>Add Icon</title>
<desc>Created with Sketch.</desc>
<g type="MSPage">
<g transform="translate(-1198.000000, -402.000000)" type="MSArtboardGroup">
<g transform="translate(911.000000, 204.000000)" type="MSLayerGroup">
<g transform="translate(43.000000, 102.000000)" type="MSShapeGroup">
<g transform="translate(0.000000, 82.000000)">
<g transform="translate(245.000000, 15.000000)">
<path class="Icon-property--stroke" fill="none" stroke="#000" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round" d="M5,10 V0"></path>
<path class="Icon-property--stroke" fill="none" stroke="#000" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round" d="M10,5 H0"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
<svg focusable="false" role="none" aria-hidden="true" ng-show="toggle" class="add-code-icon"
version="1.1" x="0px"
y="0px"
width="12px" height="12px" viewBox="0 0 12 12" data-src="./assets/images/icons/add.svg"
data-reactid=".0.2.0.0.1.2.1">
<title>Add Icon</title>
<desc>Created with Sketch.</desc>
<g type="MSPage">
<g transform="translate(-1198.000000, -402.000000)" type="MSArtboardGroup">
<g transform="translate(911.000000, 204.000000)" type="MSLayerGroup">
<g transform="translate(43.000000, 102.000000)" type="MSShapeGroup">
<g transform="translate(0.000000, 82.000000)">
<g transform="translate(245.000000, 15.000000)">
<path class="Icon-property--stroke" fill="none" stroke="#000" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round" d="M10,5 H0"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</svg> -->
<span class="CardGrid-price-color-change" style="width: 10px; height: 10px; right: 16px; position: absolute;vertical-align: middle;">
<span class="tiny-down ng-isolate-scope" style="stroke: #1b4364; width:10px;height:10px;vertical-align: middle;" toggle-arrow="" flag="toggle"><svg focusable="false" role="none" aria-hidden="true" version="1.1" id="Layer1" stroke="#000"
class="Icon" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="10px" height="10px" viewBox="0 0 10 6">
<g sketch:type="MSPage">
<g transform="translate(-95.000000, -236.000000)" sketch:type="MSArtboardGroup">
<g transform="translate(95.000000, 144.000000)" sketch:type="MSLayerGroup">
<g transform="translate(0.000000, 64.000000)" sketch:type="MSShapeGroup">
<g transform="translate(0.000000, 22.000000)">
<g transform="translate(1.000000, 7.000000)">
<path class="Icon-property--stroke" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d=" M4,3.828l4-3.535"></path>
<path class="Icon-property--stroke" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d=" M4,3.828L0,0.293"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</svg></span>
</span>
</ul>
<div class="clear"></div>
</div>
<div ng-style="{'border-top':addBorder}" class="spacer codeWidget col-xs-12 ng-hide" ng-show="toggle" aria-hidden="true">
<!--<select class="Dropdown dropper"
style="width: 100%;cursor: pointer"
ng-model="codeType"
ng-options="codetype.name as codetype.language for codetype in codeTypes ">
<!--| orderBy : 'language'-->
<!-- </select> -->
<!--error message-->
<div id="tag-error-id" class="tags-error-wrapper">
<span style="width: 0px; opacity: 0; height: 0px; position: absolute; top: 0px; left: 0;" aria-live="polite">
<span aria-atomic="true" ng-show="$parent.alertVariable && cantFind" ng-attr-aria-live="{{ cantFind ? 'assertive' : 'off'}}" tabindex="-2" style="width: 0px; opacity: 0; height: 0px; position: absolute; top: 0px; left: 0;"
class="ng-binding ng-hide" aria-live="off" aria-hidden="true">We could not find this code.Please re-enter your code.<!-- ngIf: $parent.alertVariable && cantFind --></span>
</span>
<div class="tags-error col-xs-12 ng-hide" ng-show="$parent.alertVariable && cantFind" aria-hidden="true">
<div class="ng-binding">We could not find this code.</div>
<div class="ng-binding">Please re-enter your code.</div>
</div>
<div aria-live="polite">
<div aria-atomic="true" class="tags-error col-xs-12 ng-binding ng-hide" ng-show="$parent.alertVariable && combinationError" ng-attr-aria-live="{{combinationError ? 'assertive' : 'off'}}" aria-live="off" aria-hidden="true">Neither
Travel Agent nor Promo/Corporate code are applicable with Group code.<!-- ngIf: $parent.alertVariable && combinationError --></div>
</div>
<!--error message for post cutoff date-->
<div aria-live="polite">
<div aria-atomic="true" class="tags-error col-xs-12 ng-binding ng-hide" ng-show="$parent.alertVariable && showCutOffError" ng-attr-aria-live="{{showCutOffError ? 'assertive' : 'off'}}" aria-live="off" aria-hidden="true">Your
group's cutoff date has passed. We are unable to make a reservation for your group online. Please contact your event coordinator for more information.<!-- ngIf: $parent.alertVariable && showCutOffError --></div>
</div>
<!--error message for post cutoff date-->
<div aria-live="polite">
<div aria-atomic="true" class="tags-error col-xs-12 ng-binding ng-hide" ng-show="$parent.alertVariable && groupCannotRemoved" ng-attr-aria-live="{{groupCannotRemoved ? 'assertive' : 'off'}}" aria-live="off" aria-hidden="true">
<!-- ngIf: $parent.alertVariable && groupCannotRemoved --></div>
</div>
</div>
<div ng-init="special.isopen=false" tabindex="-2" ng-keydown="keyDown($event)" aria-label="specialCode" class="Dropdown dropdown" uib-dropdown="" is-open="special.isopen">
<span aria-hidden="true" id="id-special-code-dropdown-id" tabindex="-2" aria-atomic="true" style="width: 0px; opacity: 0; height: 0px; position: absolute; top: 0px"></span>
<button type="button" class="btn btn-default dropdown-toggle dropdown-btn ng-binding" uib-dropdown-toggle="" ng-disabled="disabled" ng-click="!special.isopen" ng-attr-aria-live="{{onFocusVar ? 'assertive': 'off'}}"
ng-focus="onFocusVar = true" ng-blur="onFocusVar = false" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-live="off"> Discount Code <span style="position: absolute; right: 16px; top: 8px;" toggle-arrow=""
flag="special.isopen" class="ng-isolate-scope"><svg focusable="false" role="none" aria-hidden="true" version="1.1" id="Layer1" stroke="#000" class="Icon" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="10px" height="10px" viewBox="0 0 10 6">
<g sketch:type="MSPage">
<g transform="translate(-95.000000, -236.000000)" sketch:type="MSArtboardGroup">
<g transform="translate(95.000000, 144.000000)" sketch:type="MSLayerGroup">
<g transform="translate(0.000000, 64.000000)" sketch:type="MSShapeGroup">
<g transform="translate(0.000000, 22.000000)">
<g transform="translate(1.000000, 7.000000)">
<path class="Icon-property--stroke" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d=" M4,3.828l4-3.535"></path>
<path class="Icon-property--stroke" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d=" M4,3.828L0,0.293"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</svg></span>
</button>
<ul class="dropdown-menu" uib-dropdown-menu="" role="menu">
<!-- ngRepeat: codetype in codeTypes -->
<li aria-hidden="true" tabindex="-2" class="dropdown-menu-item ng-binding ng-scope" ng-click="setSelectedItem(codetype); special.isopen=false;" role="menuitem" ng-repeat="codetype in codeTypes" id="add-code-Discount"> Discount Code</li>
<!-- end ngRepeat: codetype in codeTypes -->
<li aria-hidden="true" tabindex="-2" class="dropdown-menu-item ng-binding ng-scope" ng-click="setSelectedItem(codetype); special.isopen=false;" role="menuitem" ng-repeat="codetype in codeTypes" id="add-code-Group"> Group Attendee</li>
<!-- end ngRepeat: codetype in codeTypes -->
<li aria-hidden="true" tabindex="-2" class="dropdown-menu-item ng-binding ng-scope" ng-click="setSelectedItem(codetype); special.isopen=false;" role="menuitem" ng-repeat="codetype in codeTypes" id="add-code-Corporate"> Rate
Access/Corporate Code </li><!-- end ngRepeat: codetype in codeTypes -->
<li aria-hidden="true" tabindex="-2" class="dropdown-menu-item ng-binding ng-scope" ng-click="setSelectedItem(codetype); special.isopen=false;" role="menuitem" ng-repeat="codetype in codeTypes" id="add-code-TravelAgent"> Travel Agency
Code</li><!-- end ngRepeat: codetype in codeTypes -->
</ul>
</div>
<!--{{codeTypes}}-->
<!--{{codeType}} this is codeType-->
<!--{{translate.global_codeType_lblGroup}}-->
<input aria-label="Add Code" type="text" ng-model="code" class="add-code-text ng-pristine ng-untouched ng-valid" ng-focus="special.isopen=false" ng-keydown="$event.which === ACCESSIBILITY_ENTER ? $event.preventDefault() : 0" tabindex="0"
aria-invalid="false">
<div class="spacer-btns">
<div type="button" ng-click="cancelAdd();$event.preventDefault()" ng-keydown="(isIEEdge && $event.which === ACCESSIBILITY_ENTER) ? [cancelAdd(), $event.preventDefault()] : 0" class="btn btn-primary-outline" role="button"
tabindex="0">
<div class="ng-binding">CANCEL</div>
</div>
<div type="submit" id="add-code-button-id" ng-click="addCode()" class="spacer-btns-add btn btn-primary btn-primary-cta" ng-keydown="(isIEEdge && $event.which === ACCESSIBILITY_ENTER) ? [addCode(), $event.preventDefault()] : 0"
role="button" tabindex="0">
<div class="ng-binding">ADD </div>
</div>
</div>
</div>
</div>
<!-- GSplash code -->
<div class="GSplash-wrapper group-attendee-popup" id="group-splash-parent-id">
<div id="overlay" aria-hidden="true" class="GSplash-wrapper-content scrollable-popup GSplash-wrapper-overlay-size display-none" style="top:0px;">
<div class="gsplash-modal-body gsplash-modal-body-width" style="float: left;width:100%;">
<a href="javascript:void(0);" aria-label="Close" class="GSplash-close-button groupcode-close-button HeaderButton HeaderButton-content" ng-click="closeGSplashPopup()" tabindex="0" ng-keydown="($event.which === ACCESSIBILITY_ENTER || $event.which === ACCESSIBILITY_SPACE)? closeGSplashPopup() : 0">
<svg focusable="false" role="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" class="injected-svg Icon" width="20.927" height="20.906" viewBox="-0.516 -0.089 20.927 20.906" data-src="/assets/images/icons/close-x.svg">
<path class="Icon-property--stroke" fill="none" stroke="#454545" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M.606 19.77L18.978 1.4M19.385 19.385L1 1"></path>
</svg>
</a>
<!-- ngIf: bookNowBtn -->
<div ng-if="bookNowBtn" ng-class="{'group-overlay-withimage': (slides.length > 0)}" class="ng-scope">
<div class="overlay-groupimage overlay-groupimage-size col-xs-12">
<div class="overlay-groupimage-selectbtn">
<button tabindex="0" class="btn btn-primary btn-primary-cta ng-binding" ng-attr-aria-hidden="{{showGroupModal == 'display-block' ? false : true}}" ng-click="bookGSplash()" aria-hidden="true">SELECT & GO TO THE NEXT STEP</button>
</div>
</div>
</div><!-- end ngIf: bookNowBtn -->
<!-- ngIf: slides.length > 0 -->
<div class="col-xs-12 group-title-mobile gsplash-heading ng-binding group-title-only-mobile" ng-class="{'group-title-only-mobile': !(slides.length > 0)}" tabindex="0">Please join us for the </div>
<div class="gsplash-description col-xs-12 ng-binding group-description" ng-class="{'group-description': !(slides.length > 0)}" ng-bind-html="gSplashDetails.description | htmlUnicodeFilter"></div>
<div class="gsplash-details col-xs-12">
<!--<span class="gsplash-heading">{{gSplashDetails.groupName}}</span>-->
<div class="gsplash-data">
<div class="col-md-6 booking-details">
<!-- ngIf: gSplashDetails.formFieldsRequired.checkIn && (gSplashStartDate === gSplashEarliestCheckInDate) -->
<!-- ngIf: gSplashDetails.formFieldsRequired.checkIn && (gSplashStartDate !== gSplashEarliestCheckInDate) -->
<!-- ngIf: gSplashDetails.formFieldsRequired.earlyCheckIn && (gSplashStartDate !== gSplashEarliestCheckInDate) -->
<!-- ngIf: gSplashDetails.formFieldsRequired.checkOut && (gSplashEndDate === gSplashLatestCheckoutDate) -->
<!-- ngIf: gSplashDetails.formFieldsRequired.checkOut && (gSplashEndDate !== gSplashLatestCheckoutDate) -->
<!-- ngIf: gSplashDetails.formFieldsRequired.lateCheckOut && (gSplashEndDate !== gSplashLatestCheckoutDate) -->
<!-- ngIf: gSplashDetails.formFieldsRequired.cutOff -->
</div>
<div class="col-md-6 cordinator-details">
<!-- ngIf: gSplashDetails.formFieldsRequired.paymentMethod -->
<!-- ngIf: gSplashDetails.formFieldsRequired.coordinatorName -->
<!-- ngIf: gSplashDetails.formFieldsRequired.coordinatorPhone -->
<!-- ngIf: gSplashDetails.formFieldsRequired.coordinatorFax -->
<!-- ngIf: gSplashDetails.formFieldsRequired.coordinatorEmail -->
</div>
<div class="policy col-xs-12">
<div class="">
<div class="policy-label ng-binding">Policies</div>
<!-- ngIf: gSplashDetails.groupRules.cancelPolicy -->
</div>
</div>
</div>
</div>
</div>
<div class="gsplash-modal-footer bottom-select-btn">
<!-- ngIf: bookNowBtn && slides.length > 0 -->
</div>
</div>
<div id="fade" class="display-none"></div>
</div>
</tc-special-codes><!-- end ngIf: (specialCodeEnabled.specialCodesFieldEnabled) && (displayWidget !=true) -->
<div class="xs-col-12" style="margin-top: 1%">
<button type="submit" tabindex="0" class="btn btn-primary GuestsAndRoomsForm-btn btn-primary-cta ng-binding ng-hide" ng-hide="btnUpdate" id="confirm-guests-button" aria-hidden="true"> CONFIRM GUESTS & ROOMS </button>
<button type="submit" tabindex="0" ng-show="btnUpdate" class="GuestsAndRoomsForm-btn btn btn-primary btn-primary-cta ng-binding" id="update-guests-button" aria-hidden="false"> UPDATE GUESTS & ROOMS </button>
</div>
</form>Name: welcomeBackForm —
<form class="Welcome-back-form ng-pristine ng-invalid ng-invalid-required" name="welcomeBackForm" ng-submit="submitWelcomeBackForm()">
<div class="row">
<div class="col-xs-12 col-md-6">
<input type="text" autocomplete="off" name="confirmationNumber" aria-label="Confirmation Number:" class="form-control form-control-lg form-control--custom js-input-firstname ng-pristine ng-untouched ng-invalid ng-invalid-required"
placeholder="Confirmation Number:" ng-class="{'border-bottom-red':!welcomeBackForm.confirmationNumber.$error.required && welcomeBackForm.confirmationNumber.$invalid, 'border-bottom-black':validCM}" ng-required="true" tabindex="0"
ng-change="confirmationNumberChange()" ng-model="welcomeBackObj.confirmationNumber" ng-style="{'background-color':BackGroundColorCM}" required="required" aria-required="true" aria-invalid="true" style="background-color: rgb(255, 255, 255);">
<span aria-live="polite"><span class="help-inline ng-binding ng-hide" aria-atomic="true"
ng-attr-aria-live="{{((!welcomeBackForm.confirmationNumber.$error.required && welcomeBackForm.confirmationNumber.$invalid) || confirmationError) ? 'assertive' : 'off'}}"
ng-show="alertVariable && ((!welcomeBackForm.confirmationNumber.$error.required && welcomeBackForm.confirmationNumber.$invalid) || confirmationError)" aria-live="off" aria-hidden="true">We could not find your reservation.
Please re-enter your confirmation number.<!-- ngIf: alertVariable && ((!welcomeBackForm.confirmationNumber.$error.required && welcomeBackForm.confirmationNumber.$invalid) || confirmationError) --></span></span>
<span aria-live="polite"><span aria-atomic="true" ng-attr-aria-live="{{((!confirmationError) && (canceledError)) ? 'assertive' : 'off'}}" class="help-inline ng-binding ng-hide"
ng-show="alertVariable && (!confirmationError) && (canceledError)" aria-live="off" aria-hidden="true"><!-- ngIf: alertVariable && (!confirmationError) && (canceledError) --></span></span>
<!-- ngIf: true --><span class="help-inline-star merchandisingSalesText ng-scope" ng-if="true">*</span><!-- end ngIf: true -->
</div>
<div class="col-xs-12 col-md-6">
<input type="text" name="lastname" autocomplete="off" class="form-control form-control-lg form-control--custom js-input-lastname ng-pristine ng-untouched ng-invalid ng-invalid-required" data-value="Fey" tabindex="0" aria-label="Last Name"
placeholder="Last Name" ng-required="true" ng-class="{'border-bottom-black':validLN}" ng-change="lastNameChange()" ng-style="{'background-color':BackGroundColorLN}" ng-model="welcomeBackObj.lastName" required="required" aria-required="true"
aria-invalid="true" style="background-color: rgb(255, 255, 255);">
<!-- ngIf: true --><span class="help-inline-star merchandisingSalesText ng-scope" ng-if="true">*</span><!-- end ngIf: true -->
</div>
</div>
<div class="gsplash-modal-footer row">
<button tabindex="0" class="btn btn-primary btn-primary-cta ng-binding" ng-disabled="!welcomeBackForm.$valid" id="manage-reservation-submit-button-id" type="submit" aria-disabled="true" disabled="disabled">SUBMIT </button>
<div class="col-xs-12 col-md-6 mandatory-fields">
<!-- ngIf: true --><span class="help-inline-star merchandisingSalesText ng-scope" ng-if="true">*</span><!-- end ngIf: true -->
<span class="help-inline merchandisingSalesText ng-binding">= Mandatory Fields</span>
</div>
</div>
</form>Name: cancellationForm —
<form name="cancellationForm" class="ng-pristine ng-valid">
<!-- ngIf: cancelled -->
</form>Name: holdRoomForm —
<form class="Welcome-back-form ng-pristine ng-valid ng-valid-pattern ng-valid-maxlength" name="holdRoomForm" ng-submit="submitHoldRoomForm()">
<div class="row">
<div class="col-xs-12 col-md-12 email-input ">
<input type="text" autocomplete="off" name="email" ng-maxlength="200" tabindex="0" ng-pattern="^[_A-Za-z0-9-+]+(\.[_A-Za-z0-9-+]+)*@[_A-Za-z0-9-]+(\.[_A-Za-z0-9-]+)*(\.[A-Za-z]{2,})$"
class="form-control form-control-lg form-control--custom ng-pristine ng-untouched ng-valid ng-valid-pattern ng-valid-maxlength" placeholder="Email Address"
ng-class="{'border-bottom-red':!welcomeBackForm.confirmationNumber.$error.required && welcomeBackForm.confirmationNumber.$invalid, 'border-bottom-black':validCM}" ng-model="extendHoldObject.email" ng-change="emailChange()"
ng-style="{'background-color':BackGroundColorCM}" style="width: 100%; background-color: rgb(255, 255, 255);" aria-invalid="false">
<span aria-live="polite"><span aria-atomic="true" ng-attr-aria-live="{{invalidEmailSubmitted ? 'assertive' : 'off'}}" class="help-inline ng-binding ng-hide" ng-show="alertVariable && invalidEmailSubmitted" aria-live="off"
aria-hidden="true">Please enter a valid email address.<!-- ngIf: alertVariable && invalidEmailSubmitted --></span></span>
<span aria-live="polite"><span aria-atomic="true" ng-attr-aria-live="{{extendHoldSubmitted ? 'assertive' : 'off'}}" class="help-inline ng-binding ng-hide" ng-show="alertVariable && extendHoldSubmitted" aria-live="off"
aria-hidden="true">Field cannot be blank<!-- ngIf: alertVariable && extendHoldSubmitted --></span></span>
</div>
<div class="col-xs-12 col-md-12 offers-msg" ng-hide="!extendedHoldConsents" aria-hidden="false">
<input type="checkbox" class="col-xs-1 checkbox ng-pristine ng-untouched ng-valid" ng-model="specialOffer" tabindex="0" aria-label="I consent to receiving special offers & promotional messages from the property via email."
aria-checked="false" aria-invalid="false">
<div class="col-xs-11 note anchorText ng-binding" ng-bind-html="extendedHoldConsents.text | unescapeFilter">I consent to receiving special offers & promotional messages from the property via email.</div>
</div>
</div>
<div class="gsplash-modal-footer row">
<button tabindex="0" class="btn btn-primary btn-primary-cta ng-binding" type="submit"> HOLD ROOM </button>
</div>
</form>Name: holdRoomForm —
<form class="Welcome-back-form ng-pristine ng-valid ng-valid-pattern ng-valid-maxlength" name="holdRoomForm" ng-submit="submitGMSForm()">
<div class="row">
<div class="col-xs-12 col-md-12 email-input ">
<input type="text" autocomplete="off" name="email" ng-maxlength="200" ng-pattern="^[_A-Za-z0-9-+]+(\.[_A-Za-z0-9-+]+)*@[_A-Za-z0-9-]+(\.[_A-Za-z0-9-]+)*(\.[A-Za-z]{2,})$"
class="form-control form-control-lg form-control--custom ng-pristine ng-untouched ng-valid ng-valid-pattern ng-valid-maxlength" placeholder="Email Address"
ng-class="{'border-bottom-red':!welcomeBackForm.confirmationNumber.$error.required && welcomeBackForm.confirmationNumber.$invalid, 'border-bottom-black':validCM}" ng-model="extendGMS.email"
ng-style="{'background-color':BackGroundColorCM}" style="width: 100%; background-color: rgb(255, 255, 255);" tabindex="0" aria-invalid="false">
<span aria-live="polite"><span aria-atomic="true" ng-attr-aria-live="{{invalidEmailSubmitted ? 'assertive' : 'off'}}" class="help-inline ng-binding ng-hide" ng-show="alertVariable && invalidEmailSubmitted" aria-live="off"
aria-hidden="true">Please enter a valid email address.<!-- ngIf: alertVariable && invalidEmailSubmitted --></span></span>
<span aria-live="polite"><span aria-atomic="true" ng-attr-aria-live="{{extendHoldSubmitted ? 'assertive' : 'off'}}" class="help-inline ng-binding ng-hide" ng-show="alertVariable && extendHoldSubmitted" aria-live="off"
aria-hidden="true">Field cannot be blank<!-- ngIf: alertVariable && extendHoldSubmitted --></span></span>
</div>
<div class="col-xs-12 col-md-12 offers-msg">
<input type="checkbox" class="col-xs-1 checkbox ng-pristine ng-untouched ng-valid" ng-true-value="1" ng-false-value="0" ng-model="gmsSpecialOffer"
aria-label="I consent to receiving special offers & promotional messages from the property via email." tabindex="0" aria-checked="false" aria-invalid="false">
<div class="col-xs-11 note anchorText ng-binding" ng-bind-html="abandonmentEmailConsent.text | unescapeFilter">I consent to receiving special offers & promotional messages from the property via email.</div>
</div>
</div>
<div class="gsplash-modal-footer row">
<button tabindex="0" style="width: inherit;max-width: 94%" class="btn btn-primary btn-primary-cta ng-binding" type="submit"> SEND ME UPDATES </button>
</div>
</form>Name: retriveInfoForm —
<form class="Welcome-back-form Checkout-payment ng-pristine ng-invalid ng-invalid-required ng-valid-pattern ng-valid-maxlength" name="retriveInfoForm">
<div class="row">
<section class="Checkout-section col-xs-12 col-md-12">
<div class="row">
<div class="col-xs-12 email-input Checkout-guestInfo">
<fieldset class="form-group">
<input type="text" name="email" tabindex="0" ng-maxlength="200" ng-pattern="^[_A-Za-z0-9-+]+(\.[_A-Za-z0-9-+]+)*@[_A-Za-z0-9-]+(\.[_A-Za-z0-9-]+)*(\.[A-Za-z]{2,})$" ng-required="true" data-value="test@gmail.com"
ng-class="{'border-bottom-red':submitted && retriveInfoForm.email.$error.required}"
class="form-control form-control-lg form-control--custom js-input-email ng-pristine ng-untouched ng-invalid ng-invalid-required ng-valid-pattern ng-valid-maxlength" placeholder="Email" ng-model="retreiveInfo.email" maxlength="90"
required="required" aria-required="true" aria-invalid="true">
<span class="help-inline-star">*</span>
<span aria-live="polite"><span aria-atomic="true" ng-attr-aria-live="{{((retriveInfosubmitted) && (retriveInfoForm.email.$error.required )) ? 'assertive' : 'off'}}" class="help-inline ng-binding ng-hide"
ng-show="alertVariable && (retriveInfosubmitted) && (retriveInfoForm.email.$error.required )" aria-live="off" aria-hidden="true">Please enter the email address used for your last
reservation.<!-- ngIf: alertVariable && (retriveInfosubmitted) && (retriveInfoForm.email.$error.required ) --></span></span>
<span aria-live="polite"><span aria-atomic="true" ng-attr-aria-live="{{((retriveInfosubmitted) && (!retriveInfoForm.email.$error.required && !retriveInfoForm.email.$valid)) ? 'assertive' : 'off'}}"
class="help-inline ng-binding ng-hide" ng-show="alertVariable && (retriveInfosubmitted) && (!retriveInfoForm.email.$error.required && !retriveInfoForm.email.$valid)" aria-live="off" aria-hidden="true">Please
enter a valid email address.<!-- ngIf: alertVariable && (retriveInfosubmitted) && (!retriveInfoForm.email.$error.required && !retriveInfoForm.email.$valid) --></span></span>
</fieldset>
</div>
</div>
<div class="row">
<div class="col-xs-12 email-input Checkout-guestInfo">
<fieldset class="form-group">
<input type="text" name="lastFDigit" tabindex="0" class="form-control form-control-lg form-control--custom js-input-password ng-pristine ng-untouched ng-invalid ng-invalid-required ng-valid-maxlength"
ng-class="{'border-bottom-red':submitted && retriveInfoForm.lastFDigit.$error.required}" ng-required="true" placeholder="Last four digits of credit card:" ng-model="retreiveInfo.code" maxlength="80" required="required"
aria-required="true" aria-invalid="true">
<span class="help-inline-star">*</span>
<span aria-live="polite"><span aria-atomic="true" ng-attr-aria-live="{{(retriveInfosubmitted && (retriveInfoForm.lastFDigit.$error.required)) ? 'assertive' : 'off'}}" class="help-inline ng-binding ng-hide"
ng-show="alertVariable && retriveInfosubmitted && (retriveInfoForm.lastFDigit.$error.required)" aria-live="off" aria-hidden="true">Please enter the last four digits of the credit card used for your last
reservation.<!-- ngIf: alertVariable && retriveInfosubmitted && (retriveInfoForm.lastFDigit.$error.required) --></span></span>
</fieldset>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<span aria-live="polite"><span aria-atomic="true" ng-attr-aria-live="{{retriveInfoError ? 'assertive' : 'off'}}" class="help-inline ng-binding ng-hide" ng-show="alertVariable && retriveInfoError" aria-live="off"
aria-hidden="true"><!-- ngIf: alertVariable && retriveInfoError --></span></span>
</div>
</div>
</section>
</div>
<div class="gsplash-modal-footer row gsplash-modal-gms">
<button class="btn btn-primary btn-primary-cta ng-binding" type="button" ng-click="closeRetriveInfoModal()" tabindex="0"> CANCEL </button>
<button class="btn btn-primary btn-primary-cta ng-binding" type="button" ng-click="submitRetriveGuestInfo($event)" tabindex="0">SUBMIT </button>
</div>
</form>Name: unlockLoginForm —
<form class="Welcome-back-form ng-pristine ng-invalid ng-invalid-required ng-valid-pattern ng-valid-maxlength" name="unlockLoginForm" ng-submit="submitGMSLoginForm()">
<div class="row">
<section class="Checkout-section signup-form col-xs-12 col-md-12 ">
<!--<div class="row gms-social-iconbar" ng-if="enabledFacebookLogin == true">
<div class="col-xs-12">
<button class="btn btn-social btn-social-facebook" type="button"
ng-click="gmsSocialLogin('facebook')">
<img src="./images/global/facebook-icon.png">
<span>Login with Facebook</span>
</button>
</div>
</div>
<div class="row gms-social-iconbar" ng-if="enabledTwitterLogin == true">
<div class="col-xs-12">
<button class="btn btn-social btn-social-twitter" type="button"
ng-click="gmsSocialLogin('twitter')">
<img src="./images/global/twitter-icon.png">
<span>Login with Twitter</span>
</button>
</div>
</div>
<div class="row gms-social-iconbar" ng-if="enabledInstagramLogin == true">
<div class="col-xs-12">
<button class="btn btn-social btn-social-intsagram" type="button"
ng-click="gmsSocialLogin('instagram')">
<img src="./images/global/instagram-icon.png">
<span>Login with Instagram</span>
</button>
</div>
</div>-->
<div class="row gms-social-iconbar">
<!-- ngIf: enabledFacebookLogin == true -->
<!-- ngIf: enabledTwitterLogin == true -->
<!-- ngIf: enabledInstagramLogin == true -->
</div>
<!-- ngIf: isSocialLoginPresent -->
<div class="row">
<div class="col-xs-12 email-input Checkout-guestInfo">
<fieldset class="form-group">
<input type="text" name="email" ng-maxlength="200" ng-pattern="^[_A-Za-z0-9-+]+(\.[_A-Za-z0-9-+]+)*@[_A-Za-z0-9-]+(\.[_A-Za-z0-9-]+)*(\.[A-Za-z]{2,})$" ng-required="true"
ng-class="{'border-bottom-red':submitted && unlockLoginForm.email.$error.required}"
class="form-control form-control-lg form-control--custom js-input-email ng-pristine ng-untouched ng-invalid ng-invalid-required ng-valid-pattern ng-valid-maxlength" placeholder="Email" ng-model="gmsUser.userName" maxlength="90"
tabindex="0" required="required" aria-required="true" aria-invalid="true">
<span class="help-inline-star">*</span>
<span aria-live="polite"><span aria-atomic="true" ng-attr-aria-live="{{((clickForgetPassword || submitted) && (unlockLoginForm.email.$error.required || !unlockLoginForm.email.$valid)) ? 'assertive' : 'off'}}"
class="help-inline ng-binding ng-hide" ng-show="alertVariable && ((clickForgetPassword || submitted) && (unlockLoginForm.email.$error.required || !unlockLoginForm.email.$valid))" aria-live="off"
aria-hidden="true">Please enter a valid email address.<!-- ngIf: alertVariable && (clickForgetPassword || submitted) && (unlockLoginForm.email.$error.required || !unlockLoginForm.email.$valid) --></span></span>
</fieldset>
</div>
</div>
<div class="row">
<div class="col-xs-12 email-input Checkout-guestInfo">
<fieldset class="form-group">
<input type="password" name="password" class="form-control form-control-lg form-control--custom js-input-password ng-pristine ng-untouched ng-invalid ng-invalid-required ng-valid-maxlength"
ng-class="{'border-bottom-red':submitted && unlockLoginForm.password.$error.required}" ng-required="true" placeholder="Password" ng-model="gmsUser.password" maxlength="80" tabindex="0" required="required" aria-required="true"
aria-invalid="true">
<span class="help-inline-star">*</span>
<span aria-live="polite"><span aria-atomic="true" ng-attr-aria-live="{{(submitted && unlockLoginForm.password.$error.required) ? 'assertive' : 'off'}}" class="help-inline ng-binding ng-hide"
ng-show="alertVariable && submitted && unlockLoginForm.password.$error.required" aria-live="off" aria-hidden="true">Field cannot be
blank<!-- ngIf: alertVariable && submitted && unlockLoginForm.password.$error.required --></span></span>
</fieldset>
</div>
</div>
<div class="row forget-ps-inline">
<div class="col-xs-12 email-input Checkout-guestInfo">
<span class="forget-ps-inline underlined-text ng-binding" ng-click="onForgetPassword();" ng-keypress="($event.which === ACCESSIBILITY_ENTER || $event.which === ACCESSIBILITY_SPACE)? [onForgetPassword(), $event.preventDefault()] : 0"
ng-keydown="(isIEEdge && $event.which === ACCESSIBILITY_ENTER) ? [onForgetPassword(), $event.preventDefault()] : 0" role="button" tabindex="0">Forgot Password?</span>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<span aria-live="polite"><span aria-atomic="true" ng-attr-aria-live="{{canceledError ? 'assertive' : 'off'}}" class="help-inline ng-binding ng-hide" ng-show="alertVariable && canceledError" aria-live="off"
aria-hidden="true"><!-- ngIf: alertVariable && canceledError --></span></span>
</div>
</div>
</section>
</div>
<div class="gsplash-modal-footer row gsplash-modal-gms">
<button class="btn btn-primary btn-primary-cta gms-buttons ng-binding" ng-disabled="!unlockLoginForm.$valid" type="submit" aria-disabled="true" disabled="disabled">SIGN IN </button>
<div ng-click="showGMSSingUpPopup()" ng-show="!isLogin" class="gms-unlock-label underlined-text" ng-keydown="(isIEEdge && $event.which === ACCESSIBILITY_ENTER) ? [showGMSSingUpPopup(), $event.preventDefault()] : 0" role="button"
tabindex="0" aria-hidden="false">
<span class="ng-binding">New User? Sign up here</span>
</div>
</div>
</form>Name: unlockSingupForm —
<form class="Welcome-back-form ng-pristine ng-invalid ng-invalid-required ng-valid-pattern ng-valid-maxlength" name="unlockSingupForm" ng-submit="submitGMSSignUpForm()">
<div class="row">
<section class="Checkout-section signup-form col-xs-12 col-md-12">
<!-- <div class="row gms-social-iconbar" ng-if="enabledFacebookLogin == true">
<div class="col-xs-12">
<button class="btn btn-social btn-social-facebook" type="button" ng-click="gmsSocialLogin('facebook')">
<img src="./images/global/facebook-icon.png">
<span>Login with Facebook</span>
</button>
</div>
</div>
<div class="row gms-social-iconbar" ng-if="enabledTwitterLogin == true">
<div class="col-xs-12">
<button class="btn btn-social btn-social-twitter" type="button"
ng-click="gmsSocialLogin('twitter')">
<img src="./images/global/twitter-icon.png">
<span>Login with Twitter</span>
</button>
</div>
</div>
<div class="row gms-social-iconbar" ng-if="enabledInstagramLogin == true">
<div class="col-xs-12">
<button class="btn btn-social btn-social-intsagram" type="button"
ng-click="gmsSocialLogin('instagram')">
<img src="./images/global/instagram-icon.png">
<span>Login with Instagram</span>
</button>
</div>
</div>-->
<div class="row gms-social-iconbar">
<!-- ngIf: enabledFacebookLogin == true -->
<!-- ngIf: enabledTwitterLogin == true -->
<!-- ngIf: enabledInstagramLogin == true -->
</div>
<!-- ngIf: isSocialLoginPresent -->
<!-- ngIf: crmSettings.signUpFormFields.emailField.display -->
<div class="row ng-scope" ng-if="crmSettings.signUpFormFields.emailField.display">
<div class="col-xs-12 email-input Checkout-guestInfo">
<fieldset class="form-group">
<input type="text" name="email" ng-maxlength="200" aria-label="Email" ng-pattern="^[_A-Za-z0-9-+]+(\.[_A-Za-z0-9-+]+)*@[_A-Za-z0-9-]+(\.[_A-Za-z0-9-]+)*(\.[A-Za-z]{2,})$" ng-required="crmSettings.signUpFormFields.emailField.mandatory"
ng-class="{'border-bottom-red':submitted && unlockSingupForm.userName.$error.required}"
class="form-control form-control-lg form-control--custom js-input-email ng-pristine ng-untouched ng-invalid ng-invalid-required ng-valid-pattern ng-valid-maxlength" placeholder="Email" ng-model="gmsUser.userName" maxlength="90"
tabindex="0" required="required" aria-required="true" aria-invalid="true">
<!-- ngIf: crmSettings.signUpFormFields.emailField.mandatory --><span class="help-inline-star ng-scope" ng-if="crmSettings.signUpFormFields.emailField.mandatory">*</span><!-- end ngIf: crmSettings.signUpFormFields.emailField.mandatory -->
<span aria-live="polite"><span aria-atomic="true" class="help-inline ng-binding ng-hide" ng-attr-aria-live="{{(submitted && unlockSingupForm.email.$error.required) ? 'assertive' : 'off'}}"
ng-show="alertVariable && submitted && unlockSingupForm.email.$error.required" aria-live="off" aria-hidden="true">Field cannot be
blank<!-- ngIf: alertVariable && submitted && unlockSingupForm.email.$error.required --></span></span>
<span aria-live="polite"><span aria-atomic="true"
ng-attr-aria-live="{{(submitted && !unlockSingupForm.email.$valid && !unlockSingupForm.email.$error.required && !unlockSingupForm.email.$error.maxLength) ? 'assertive' : 'off'}}"
class="help-inline ng-binding ng-hide" ng-show="alertVariable && submitted && !unlockSingupForm.email.$valid && !unlockSingupForm.email.$error.required && !unlockSingupForm.email.$error.maxLength"
aria-live="off" aria-hidden="true">Please enter a valid email
address.<!-- ngIf: alertVariable && submitted && !unlockSingupForm.email.$valid && !unlockSingupForm.email.$error.required && !unlockSingupForm.email.$error.maxLength --></span></span>
</fieldset>
</div>
</div><!-- end ngIf: crmSettings.signUpFormFields.emailField.display -->
<!-- ngIf: crmSettings.signUpFormFields.passwordField.display -->
<div class="row ng-scope" ng-if="crmSettings.signUpFormFields.passwordField.display">
<div class="col-xs-12 email-input Checkout-guestInfo">
<fieldset class="form-group">
<input type="password" name="password" aria-label="Password" class="form-control form-control-lg form-control--custom js-input-password ng-pristine ng-untouched ng-invalid ng-invalid-required ng-valid-maxlength"
ng-class="{'border-bottom-red':submitted && unlockSingupForm.password.$error.required}" ng-required="crmSettings.signUpFormFields.passwordField.mandatory" placeholder="Password" ng-model="gmsSignupUser.password" maxlength="80"
tabindex="0" required="required" aria-required="true" aria-invalid="true">
<!-- ng-pattern="/(?=.*[0-9])/"-->
<!-- ngIf: crmSettings.signUpFormFields.passwordField.mandatory --><span class="help-inline-star ng-scope"
ng-if="crmSettings.signUpFormFields.passwordField.mandatory">*</span><!-- end ngIf: crmSettings.signUpFormFields.passwordField.mandatory -->
<span id="password-guidelines-id" style="cursor: pointer;" class="gms-pointer help-inline underlined-text ng-binding" ng-click="showPasswordGuild()"
ng-keydown="($event.which === ACCESSIBILITY_SPACE || $event.which === ACCESSIBILITY_ENTER) ? [showPasswordGuild(), $event.preventDefault()] : 0" role="button" tabindex="0">Password Guidelines</span>
<span aria-live="polite"><span aria-atomic="true" ng-attr-aria-live="{{(submitted && unlockSingupForm.password.$error.required) ? 'assertive' : 'off'}}" class="help-inline ng-binding ng-hide"
ng-show="alertVariable && submitted && unlockSingupForm.password.$error.required" aria-live="off" aria-hidden="true">Field cannot be
blank<!-- ngIf: alertVariable && submitted && unlockSingupForm.password.$error.required --></span></span>
</fieldset>
</div>
</div><!-- end ngIf: crmSettings.signUpFormFields.passwordField.display -->
<!-- ngIf: crmSettings.signUpFormFields.confirmPasswordField.display -->
<!-- ngIf: crmSettings.signUpFormFields.fnameField.display -->
<!-- ngIf: crmSettings.signUpFormFields.lnameField.display -->
<!-- ngIf: crmSettings.signUpFormFields.phNumField.display -->
<!-- <div class="row" ng-if="crmSettings.signUpFormFields.freqGuestIdField.display">
<div class="col-xs-12 email-input Checkout-guestInfo">
<fieldset class="form-group" >
<input type="text"
name="freqGuestIdField"
class="form-control form-control-lg form-control--custom js-input-password"
ng-class="{'border-bottom-red':submitted && unlockSingupForm.freqGuestIdField.$error.required}"
ng-required="crmSettings.signUpFormFields.freqGuestIdField.mandatory"
placeholder="{{translate.page_frequentguestID_FrequentGuestIDLbl}}"
ng-model="gmsSignupUser.freqGuestIdField"
maxlength="80">
<span class="help-inline-star" ng-if="crmSettings.signUpFormFields.freqGuestIdField.mandatory">*</span>
<span class="help-inline " ng-show="submitted && unlockSingupForm.freqGuestIdField.$error.required">{{translate.page_error_FieldCannotBeBlankLbl}}</span>
</fieldset>
</div>
</div>-->
<!--<div class="row InputGroup--stacked">-->
<!--<div class="col-xs-12">-->
<!--<label class="Input terms-input">-->
<!--<input class="js-input-terms" name="tcAccept" type="checkbox" required-->
<!--ng-model="gmsSignupUser.confirmCheck">-->
<!--<svg xmlns="http://www.w3.org/2000/svg"-->
<!--xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"-->
<!--class="Icon InputIndicator injected-svg js-svg-inject" x="0px" y="0px"-->
<!--width="20px" height="20px" viewBox="0 0 20 20"-->
<!--data-src="./assets/images/icons/checkbox.svg">-->
<!--<title>Checkbox Off Icon</title>-->
<!--<desc>Created with Sketch.</desc>-->
<!--<g>-->
<!--<rect class="Icon-property--stroke InputIndicator-outline" y="0" fill="none"-->
<!--stroke="#000" stroke-width="1" width="20"-->
<!--height="20"></rect>-->
<!--<path class="Icon-property--stroke InputIndicator-on" fill="none"-->
<!--stroke="#000" stroke-width="2" stroke-linecap="round"-->
<!--stroke-linejoin="round" d=" M4,9.548l4.286,4.441L16,5.995"></path>-->
<!--</g>-->
<!--</svg>-->
<!--{{translate.global_readandagreetoTC_ReadAndAgreeToTC1Lbl}} <a-->
<!--href="javascript:void(0);" ng-click="showTCModalPopup('TC')">-->
<!--{{translate.global_termsAndconditions_TermsAndConditionsLbl}}</a>-->
<!--<span>{{translate.global_and_TermAndPrivacyLbl}}</span>-->
<!--<a href="javascript:void(0);" ng-click="showTCModalPopup('PP')">-->
<!--{{translate.global_privacypolicy_NoColonPrivacyLbl}}</a>-->
<!--</label>-->
<!--<span class="help-inline"-->
<!--ng-show="submitted && unlockSingupForm.tcAccept.$error.required">Please check the box to agree to Terms & Conditions and Privacy policy for SIGN UP</span>-->
<!--</div>-->
<!--</div>-->
<div class="row InputGroup--stacked">
<div class="col-xs-12">
<label class="Input terms-input">
<input class="js-input-terms ng-pristine ng-untouched ng-valid" name="tcAccept" type="checkbox" aria-label="I consent to receiving special offers & promotional messages from the property via email." ng-model="confirmCheck"
tabindex="0" aria-checked="false" aria-invalid="false">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" class="Icon InputIndicator injected-svg js-svg-inject" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 20 20"
data-src="./assets/images/icons/checkbox.svg">
<title>Checkbox Off Icon</title>
<desc>Created with Sketch.</desc>
<g>
<rect class="Icon-property--stroke InputIndicator-outline" y="0" fill="none" stroke="#000" stroke-width="1" width="20" height="20"></rect>
<path class="Icon-property--stroke InputIndicator-on" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d=" M4,9.548l4.286,4.441L16,5.995"></path>
</g>
</svg>
<span aria-hidden="true" ng-bind-html="privateOffersConsent.text | unescapeFilter" class="ng-binding">I consent to receiving special offers & promotional messages from the property via email.</span>
</label>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<span aria-live="polite"><span aria-atomic="true" ng-attr-aria-live="{{canceledSingupError ? 'assertive' : 'off'}}" class="help-inline ng-binding ng-hide" ng-show="alertVariable && canceledSingupError" aria-live="off"
aria-hidden="true"><!-- ngIf: alertVariable && canceledSingupError --></span></span>
</div>
</div>
</section>
</div>
<div class="gsplash-modal-footer row gsplash-modal-gms">
<button class="btn btn-primary btn-primary-cta gms-buttons ng-binding" ng-disabled="!unlockSingupForm.$valid" type="submit" aria-disabled="true" disabled="disabled">SIGN UP </button>
<div ng-click="showGMSLoginPopup()" ng-show="!isLogin" class="gms-unlock-label underlined-text" role="button" tabindex="0" aria-hidden="false">
<span class="ng-binding"> Been here before? Click here</span>
</div>
</div>
</form>Text Content
Your Reservation Details
View / Modify
ADULTS & CHILDREN
2/0
2 / 1
Select
DATES OF STAY
Apr 7-7
Select
ACCOMMODATIONS
TFG Friends and family rate
Select
TFG FRIENDS AND FAMILY RATE
ACCOMMODATIONS
TFG Friends and family rate
Select
TOTAL
AED 0.00
English CURRENCY (AED)
ADULTS & CHILDREN
2/0
2 / 1
Select
DATES OF STAY
Apr 7-7
Select
TFG FRIENDS AND FAMILY RATE
ACCOMMODATIONS
TFG Friends and family rate
TFG Friends and family rate
Select
ACCOMMODATIONS
TFG Friends and family rate
TFG Friends and family rate
Select
TOTAL
AED 0.00
ALL ROOMS AED 0.00
LANGUAGE & CURRENCY
English CURRENCY (AED)
LANGUAGE
English (US)
CURRENCY
AED
* AED
* AFA
* AMD
* ANG
* ARS
* AUD
* AZN
* BBD
* BDT
* BGN
* BHD
* BND
* BOB
* BRL
* BSD
* BZD
* CAD
* CHF
* CLP
* CNY
* COP
* CYP
* CZK
* DKK
* DOP
* EEK
* EGP
* EUR
* FJD
* GBP
* GEL
* GTQ
* HKD
* HRK
* HUF
* IDR
* ILS
* INR
* ISK
* JOD
* JPY
* KES
* KRW
* KWD
* KZT
* LKR
* LTL
* LVL
* MAD
* MDL
* MOP
* MTL
* MUR
* MXN
* MYR
* NAD
* NGN
* NOK
* NZD
* OMR
* PEN
* PHP
* PKR
* PLN
* PYG
* QAR
* RON
* RUB
* SAR
* SEK
* SGD
* SKK
* THB
* TND
* TOP
* TRY
* TTD
* TWD
* UAH
* USD
* UYU
* VEF
* VND
* WST
* XAF
* XOF
* XPF
* ZAR
AED
CANCEL UPDATE
Details
GUESTS & ROOMS
1 Adult2 Adults3 Adults
0 Children1 Child2 Children3 Children
0 Infants1 Infant2 Infants3 Infants
Add Icon Created with Sketch.
Add a Room
Add Code
We could not find this code.Please re-enter your code.
We could not find this code.
Please re-enter your code.
Neither Travel Agent nor Promo/Corporate code are applicable with Group code.
Your group's cutoff date has passed. We are unable to make a reservation for
your group online. Please contact your event coordinator for more information.
Discount Code
* Discount Code
* Group Attendee
* Rate Access/Corporate Code
* Travel Agency Code
CANCEL
ADD
SELECT & GO TO THE NEXT STEP
Please join us for the
Policies
CONFIRM GUESTS & ROOMS UPDATE GUESTS & ROOMS
Please note that any changes to your previously booked reservation may cause
changes to your selections.
CONTINUE
CANCEL
Are you sure you would like to modify this reservation?
THIS WILL RELEASE YOUR CURRENTLY HELD RESERVATION.
NO, I'M NOT.
NO
YES, I'M SURE.
YES
Are you sure you would like to delete this room?
CANCEL
CONTINUE
Are you sure you would like to delete this rate?
CANCEL
CONTINUE
Are you sure you would like to delete this package?
CANCEL
CONTINUE
MY RESERVATION
RESERVATION TOTAL:
AED 0.00
CURRENT ROOM
Room 1 of 1
Select a Room
TFG Friends and family rate
2 Adults
(0 Night)
MODIFY
Add Icon Created with Sketch.
ADD ROOM
BOOK NOW
CONTINUE
undefined
BOOK NOW
For being a valued guest, we have new deals available to you.
OK
The First Collection at Jumeirah Village Circle, United Arab Emirates -
Property Details
Modify/Cancel Modify/Cancel Reservation START OVER
WELCOME BACK TRAVELER!
Please enter your confirmation number and your last name.
We could not find your reservation. Please re-enter your confirmation number. *
*
SUBMIT
* = Mandatory Fields
NOT READY TO BOOK?
WE'LL HOLD YOUR ROOM FOR UNDEFINED HOURS
Enter your email and we'll send you a link to resume your booking right where
you left off. We'll even lock in the price for undefined hours.
Please enter a valid email address. Field cannot be blank
I consent to receiving special offers & promotional messages from the property
via email.
HOLD ROOM
NOT READY TO BOOK?
Enter your email and we’ll keep you informed of special offers and promotions.
Please enter a valid email address. Field cannot be blank
I consent to receiving special offers & promotional messages from the property
via email.
SEND ME UPDATES
WE'VE HELD YOUR ROOM.
An email has been sent to your account.
Email:
Dates of Stay: Thu, Apr 7, 2022 to Thu, Apr 7, 2022
Hold Confirmation Number:
Please record your hold confirmation number.
WELCOME BACK TRAVELER!
Start a new booking if your plans have changed.
START A NEW RESERVATION
View your existing booking and continue where you left off.
RESUME
WELCOME BACK TRAVELER!
We're sorry but your hold booking has expired.
START A NEW RESERVATION
WELCOME BACK TRAVELER!
Your reservation on hold has been confirmed. Please refer to your email
confirmation for details.
previous next
1. slide 1 of 6
2. slide 2 of 6, currently active
3. slide 3 of 6
4. slide 4 of 6
5. slide 5 of 6
6. slide 6 of 6
The First Collection at Jumeirah Village Circle
Street 1, Jumeirah Village Circle, Dubai, Dubai, 215373, 971-4-275-6667
Congratulations! You have successfully created your account. We have sent you a
verification email to . Kindly activate your account.
DISABLE PRIVATE BROWSING TO CONTINUE
We’re sorry, we are unable to proceed due to your current browser settings.
Please turn off Private Browsing Mode from your browser setting and re-launch
the page or use a different browser.
If this problem persists, please clear all related cookies by navigating to your
browser’s settings .
If all else fails, please update your browser with the latest version from the
"About" menu and re-launch the browser.
The First Collection at Jumeirah Village Circle wants to offer you exclusive
rates based on your location
CANCEL
CONTINUE
undefined
DON’T ALLOW
ALLOW
LET'S SAVE YOU SOME TIME.
* Please enter the email address used for your last reservation. Please enter a
valid email address.
* Please enter the last four digits of the credit card used for your last
reservation.
CANCEL SUBMIT
READY TO UNLOCK EXCLUSIVE LOW RATES?
SIGN IN BELOW OR SIGN UP TO IMMEDIATELY ACCESS OUR PRIVATE RATES.
* Please enter a valid email address.
* Field cannot be blank
Forgot Password?
SIGN IN
New User? Sign up here
READY TO UNLOCK EXCLUSIVE LOW RATES?
SIGN IN BELOW OR SIGN UP TO IMMEDIATELY ACCESS OUR PRIVATE RATES.
* Field cannot be blank Please enter a valid email address.
* Password Guidelines Field cannot be blank
Checkbox Off Icon Created with Sketch. I consent to receiving special offers &
promotional messages from the property via email.
SIGN UP
Been here before? Click here
PLEASE CHECK YOUR EMAIL FOR PASSWORD RESET INSTRUCTIONS.
CONTINUE
TERMS & CONDITIONS
Policies:
Decline Agree
PASSWORD GUIDELINES
Your password must be between 6 and 17 characters and contain at least one
number.
If you logout, your Private Offer will not be available and you will need to
select a different room and rate
CANCEL
CONTINUE
WANT TO BE THE FIRST TO KNOW?
YES! I consent to receiving special offers and promotions via email.
NO! I don't want to know about special offers and promotions.
Are you sure you would like to delete this group?
CANCEL
CONTINUE
Please stand by as we verify your payment and finalize your booking
confirmation.
An unknown error has occurred. Please click CONTINUE button to try your booking
again.
CONTINUE
As of January 12th, 2016, Microsoft© discontinued support of Internet Explorer©
9 and 10. Please update your browser to access this page. Click here for updated
browser https://www.microsoft.com/en-us/download/internet-explorer.aspx