reservations.cabovillasbeachresort.com
Open in
urlscan Pro
2a02:26f0:fb:5b5::14e9
Public Scan
Submitted URL: https://reservations.cabovillasbeachresort.com/
Effective URL: https://reservations.cabovillasbeachresort.com/11490
Submission: On February 15 via manual from IN — Scanned from DE
Effective URL: https://reservations.cabovillasbeachresort.com/11490
Submission: On February 15 via manual from IN — Scanned from DE
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="-1" ng-keydown="($event.which === 13 || $event.which === 32)? $event.preventDefault() : 0" class="ng-binding">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="-1" 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>
<option label="4 Adults" value="number:4">4 Adults</option>
<option label="5 Adults" value="number:5">5 Adults</option>
<option label="6 Adults" value="number:6">6 Adults</option>
<option label="7 Adults" value="number:7">7 Adults</option>
<option label="8 Adults" value="number:8">8 Adults</option>
<option label="9 Adults" value="number:9">9 Adults</option>
<option label="10 Adults" value="number:10">10 Adults</option>
<option label="11 Adults" value="number:11">11 Adults</option>
<option label="12 Adults" value="number:12">12 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="-1" 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 Children:" value="number:1">1 Children:</option>
<option label="2 Children" value="number:2">2 Children</option>
<option label="3 Children" value="number:3">3 Children</option>
<option label="4 Children" value="number:4">4 Children</option>
<option label="5 Children" value="number:5">5 Children</option>
<option label="6 Children" value="number:6">6 Children</option>
<option label="7 Children" value="number:7">7 Children</option>
<option label="8 Children" value="number:8">8 Children</option>
<option label="9 Children" value="number:9">9 Children</option>
<option label="10 Children" value="number:10">10 Children</option>
<option label="11 Children" value="number:11">11 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="-1" 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 (0-4 yrs):" value="number:0" selected="selected">0 Infants (0-4 yrs):</option>
<option label="1 Infant" value="number:1">1 Infant</option>
<option label="2 Infants (0-4 yrs):" value="number:2">2 Infants (0-4 yrs):</option>
<option label="3 Infants (0-4 yrs):" value="number:3">3 Infants (0-4 yrs):</option>
<option label="4 Infants (0-4 yrs):" value="number:4">4 Infants (0-4 yrs):</option>
<option label="5 Infants (0-4 yrs):" value="number:5">5 Infants (0-4 yrs):</option>
<option label="6 Infants (0-4 yrs):" value="number:6">6 Infants (0-4 yrs):</option>
<option label="7 Infants (0-4 yrs):" value="number:7">7 Infants (0-4 yrs):</option>
<option label="8 Infants (0-4 yrs):" value="number:8">8 Infants (0-4 yrs):</option>
<option label="9 Infants (0-4 yrs):" value="number:9">9 Infants (0-4 yrs):</option>
<option label="10 Infants (0-4 yrs):" value="number:10">10 Infants (0-4 yrs):</option>
<option label="11 Infants (0-4 yrs):" value="number:11">11 Infants (0-4 yrs):</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="!isChildrenAgesAllowed" aria-hidden="false">
<!--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="-1">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="-1">
<!--(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="-1" 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="-1"
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="-1">
<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="-1">
<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="-1" 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="-1" 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="-1">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="-1" 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="-1" 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="-1"
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="-1" 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="-1" 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="-1" 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="-1" 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="-1" 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="-1" 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="-1" 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="-1" 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="-1" 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="-1" 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="-1"> CANCEL </button>
<button class="btn btn-primary btn-primary-cta ng-binding" type="button" ng-click="submitRetriveGuestInfo($event)" tabindex="-1">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 -->
<div ng-if="enabledFacebookLogin == true" ng-class="socialOptionGrid" class="ng-scope col-xs-6">
<button class="btn btn-social btn-social-facebook" type="button" aria-label="Facebook" ng-click="gmsSocialLogin('facebook')" tabindex="-1">
<img src="./images/global/facebook-icon.png">
</button>
</div><!-- end ngIf: enabledFacebookLogin == true -->
<!-- ngIf: enabledTwitterLogin == true -->
<div ng-if="enabledTwitterLogin == true" ng-class="socialOptionGrid" class="ng-scope col-xs-6">
<button class="btn btn-social btn-social-twitter" type="button" aria-label="Twitter" ng-click="gmsSocialLogin('twitter')" tabindex="-1">
<img src="./images/global/twitter-icon.png">
</button>
</div><!-- end ngIf: enabledTwitterLogin == true -->
<!-- ngIf: enabledInstagramLogin == true -->
</div>
<!-- ngIf: isSocialLoginPresent -->
<div class="row gms-social-iconbar ng-scope" ng-if="isSocialLoginPresent">
<div class="col-xs-12">
<h6 class="gms-title-or-line">
<span class="ng-binding">or</span>
</h6>
</div>
</div><!-- end 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="-1" 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="-1" 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="-1">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="-1" 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 -->
<div ng-if="enabledFacebookLogin == true" ng-class="socialOptionGrid" class="ng-scope col-xs-6">
<button class="btn btn-social btn-social-facebook" type="button" aria-label="Facebook" ng-click="gmsSocialLogin('facebook')" tabindex="-1">
<img src="./images/global/facebook-icon.png">
</button>
</div><!-- end ngIf: enabledFacebookLogin == true -->
<!-- ngIf: enabledTwitterLogin == true -->
<div ng-if="enabledTwitterLogin == true" ng-class="socialOptionGrid" class="ng-scope col-xs-6">
<button class="btn btn-social btn-social-twitter" type="button" aria-label="Twitter" ng-click="gmsSocialLogin('twitter')" tabindex="-1">
<img src="./images/global/twitter-icon.png">
</button>
</div><!-- end ngIf: enabledTwitterLogin == true -->
<!-- ngIf: enabledInstagramLogin == true -->
</div>
<!-- ngIf: isSocialLoginPresent -->
<div class="row gms-social-iconbar ng-scope" ng-if="isSocialLoginPresent">
<div class="col-xs-12">
<h6 class="gms-title-or-line">
<span class="ng-binding">or</span>
</h6>
</div>
</div><!-- end 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="-1" 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="-1" 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="-1">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="-1" 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="-1" aria-hidden="false">
<span class="ng-binding"> Been here before? Click here</span>
</div>
</div>
</form>Text Content
CORAZÓN CABO RESORT & SPA 1 ADULTS & CHILDREN 2/0 2 / 1 2 DATES OF STAY Feb 15-15 3 ACCOMMODATIONS 4 Total Charges $ 0 Your Reservation Details View / Modify ADULTS & CHILDREN 2/0 2 / 1 Select DATES OF STAY Feb 15-15 Select ACCOMMODATIONS Select Select ACCOMMODATIONS Select Select Total Charges $ 0 English CURRENCY (USD) ADULTS & CHILDREN 2/0 2 / 1 Select DATES OF STAY Feb 15-15 Select ACCOMMODATIONS Select Select ACCOMMODATIONS Select Select Total Charges $ 0 ALL ROOMS $ 0 LANGUAGE & CURRENCY English CURRENCY (USD) LANGUAGE English (US)Español CURRENCY USD * CAD * EUR * MXN * USD * -------------------------------------------------------------------------------- * AED * AFA * AMD * ANG * ARS * AUD * AZN * BBD * BDT * BGN * BHD * BND * BOB * BRL * BSD * BZD * CHF * CLP * CNY * COP * CYP * CZK * DKK * DOP * EEK * EGP * 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 * 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 * UYU * VEF * VND * WST * XAF * XOF * XPF * ZAR USD CANCEL UPDATE Details GUESTS & ROOMS 1 Adult2 Adults3 Adults4 Adults5 Adults6 Adults7 Adults8 Adults9 Adults10 Adults11 Adults12 Adults 0 Children1 Children:2 Children3 Children4 Children5 Children6 Children7 Children8 Children9 Children10 Children11 Children 0 Infants (0-4 yrs):1 Infant2 Infants (0-4 yrs):3 Infants (0-4 yrs):4 Infants (0-4 yrs):5 Infants (0-4 yrs):6 Infants (0-4 yrs):7 Infants (0-4 yrs):8 Infants (0-4 yrs):9 Infants (0-4 yrs):10 Infants (0-4 yrs):11 Infants (0-4 yrs): 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: $ 0 CURRENT ROOM Room 1 of 1 Select a Room 2 Adults (0 Night) MODIFY Add Icon Created with Sketch. ADD ROOM Complete Reservation CONTINUE undefined BOOK NOW For being a valued guest, we have new deals available to you. OK Corazón Cabo Resort & Spa, Mexico - 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: Tue, Feb 15, 2022 to Tue, Feb 15, 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. Corazón Cabo Resort & Spa Callejon del Pescador, Medano Beach, Cabo San Lucas, Baja California Sur, 23450, 52-624-143-9166 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. Corazón Cabo Resort & Spa wants to offer you exclusive rates based on your location CANCEL CONTINUE Would you like to unlock exclusive rates by Corazón Cabo Resort & Spa based on your currency and location? 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. OR * 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. OR * 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