bookings.mundoimperial.com Open in urlscan Pro
2a02:26f0:6c00::210:bab8  Public Scan

URL: https://bookings.mundoimperial.com/99692?utm_source=mailchimp&utm_medium=email&utm_campaign=nochesgratismkt&utm_term=princess+mundo...
Submission: On August 19 via api from US

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 &amp; 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 &amp;&amp; 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 &amp;&amp; initOptionsArray.id != id &amp;&amp; roominContext"
          ng-class="{'guestsAndRooms-mrb-disabled': id != undefined &amp;&amp; initOptionsArray.id != id &amp;&amp; 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>
        </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 &amp;&amp; initOptionsArray.id != id &amp;&amp; roominContext"
          ng-class="{'guestsAndRooms-mrb-disabled': id != undefined &amp;&amp; initOptionsArray.id != id &amp;&amp; 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 6-12 with extra charge" value="number:0" selected="selected">0 Children 6-12 with extra charge</option>
          <option label="Child 6-12 with extra charge" value="number:1">Child 6-12 with extra charge</option>
          <option label="2 Children 6-12 with extra charge" value="number:2">2 Children 6-12 with extra charge</option>
          <option label="3 Children 6-12 with extra charge" value="number:3">3 Children 6-12 with extra charge</option>
        </select>
      </div>
      <!--{{initOptions}}-->
      <div ng-show="allowInfants &amp;&amp; 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 &amp;&amp; initOptionsArray.id != id &amp;&amp; roominContext"
          ng-class="{'guestsAndRooms-mrb-disabled': id != undefined &amp;&amp; initOptionsArray.id != id &amp;&amp; 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-5 for free:" value="number:0" selected="selected">0 Infants 0-5 for free:</option>
          <option label="1 Infant 0-5 for free:" value="number:1">1 Infant 0-5 for free:</option>
          <option label="2 Infants 0-5 for free:" value="number:2">2 Infants 0-5 for free:</option>
          <option label="3 Infants 0-5 for free:" value="number:3">3 Infants 0-5 for free:</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 &amp;&amp; initOptionsArrays.length < maxRoom &amp;&amp; !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) &amp;&amp; (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 role="menu" ng-keydown="(isIEEdge &amp;&amp; $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;" 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 &amp;&amp; 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 &amp;&amp; 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 &amp;&amp; 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 &amp;&amp; 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 &amp;&amp; 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" aria-labelledby="simple-dropdown">
            <!-- 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&nbsp;</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 &amp;&amp; $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 &amp;&amp; $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 group-overlay-withimage" style="">
            <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 &amp; GO TO THE NEXT STEP</button>
              </div>
            </div>
          </div><!-- end ngIf: bookNowBtn -->
          <!-- ngIf: slides.length > 0 -->
          <div class="GSplash-wrapper-content-img-slider GSplash-wrapper-content-img-slider-height ng-scope" ng-if="slides.length > 0" style="">
            <div ng-mouseenter="pause()" ng-mouseleave="play()" class="carousel ng-isolate-scope" ng-swipe-right="prev()" ng-swipe-left="next()" template-url="./specialCodes/group-overlay-carousel.html" interval="myInterval" no-wrap="noWrapSlides">
              <div class="carousel-inner carousel-img-size" ng-transclude="">
                <!-- ngRepeat: slide in slides track by $index -->
                <div ng-class="{
    'active': active
  }" class="item text-center ng-isolate-scope active" ng-transclude="" ng-repeat="slide in slides track by $index" style="">
                  <img class="ng-scope">
                </div><!-- end ngRepeat: slide in slides track by $index -->
                <div ng-class="{
    'active': active
  }" class="item text-center ng-isolate-scope" ng-transclude="" ng-repeat="slide in slides track by $index" style="">
                  <img class="ng-scope">
                </div><!-- end ngRepeat: slide in slides track by $index -->
                <div ng-class="{
    'active': active
  }" class="item text-center ng-isolate-scope" ng-transclude="" ng-repeat="slide in slides track by $index" style="">
                  <img class="ng-scope">
                </div><!-- end ngRepeat: slide in slides track by $index -->
              </div>
              <a role="button" href="" class="left carousel-control RoomDetail-close-button carousel-arrow" ng-click="prev()" ng-show="slides.length > 1" style="background:none;" tabindex="-1" aria-hidden="false">
        <svg focusable="false" role="none" aria-hidden="true" class="Icon1 carousel-control-svg" width="13px" height="19px" viewBox="0 0 13 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
                <g sketch:type="MSArtboardGroup" transform="translate(-554.000000, -942.000000)">
                    <path class="Icon-property--stroke" fill="none" stroke="#000" stroke-width="3.3" stroke-linecap="round" stroke-linejoin="round" d="M567.826389,947.548611 L560.326389,955.548611 L552.826389,947.548611" sketch:type="MSShapeGroup" transform="translate(560.388889, 951.437500) scale(-1, -1) rotate(-270.000000) translate(-560.388889, -951.437500) "></path>
                </g>
            </g>
        </svg>
        <span aria-hidden="true" class="glyphicon glyphicon-chevron-left"></span>
        <span class="sr-only">previous</span>
    </a>
              <a role="button" href="" class="right carousel-control RoomDetail-close-button carousel-arrow" ng-click="next()" ng-show="slides.length > 1" style="background:none;" tabindex="-1" aria-hidden="false">
        <svg focusable="false" role="none" aria-hidden="true" class="Icon1 carousel-control-svg" width="13px" height="19px" viewBox="0 0 13 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
                <g sketch:type="MSArtboardGroup" transform="translate(-554.000000, -942.000000)">
                    <path class="Icon-property--stroke" fill="none" stroke="#000" stroke-width="3.3" stroke-linecap="round" stroke-linejoin="round" d="M567.826389,947.548611 L560.326389,955.548611 L552.826389,947.548611" sketch:type="MSShapeGroup" transform="translate(560.388889, 951.437500) scale(-1, -1) rotate(-270.000000) translate(-560.388889, -951.437500) "></path>
                </g>
            </g>
        </svg>
        <span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span>
        <span class="sr-only">next</span>
    </a>
              <ol class="carousel-indicators" ng-show="slides.length > 1" aria-hidden="false">
                <!-- ngRepeat: slide in slides | orderBy:indexOfSlide track by $index -->
                <li ng-repeat="slide in slides | orderBy:indexOfSlide track by $index" ng-class="{ active: isActive(slide) }" ng-click="select(slide)" class="ng-scope active" role="button" tabindex="-1" style="">
                  <span class="sr-only ng-binding">slide 1 of 3<!-- ngIf: isActive(slide) --><span ng-if="isActive(slide)" class="ng-scope" style="">, currently active</span><!-- end ngIf: isActive(slide) --></span>
                </li><!-- end ngRepeat: slide in slides | orderBy:indexOfSlide track by $index -->
                <li ng-repeat="slide in slides | orderBy:indexOfSlide track by $index" ng-class="{ active: isActive(slide) }" ng-click="select(slide)" class="ng-scope" role="button" tabindex="-1" style="">
                  <span class="sr-only ng-binding">slide 2 of 3<!-- ngIf: isActive(slide) --></span>
                </li><!-- end ngRepeat: slide in slides | orderBy:indexOfSlide track by $index -->
                <li ng-repeat="slide in slides | orderBy:indexOfSlide track by $index" ng-class="{ active: isActive(slide) }" ng-click="select(slide)" class="ng-scope" role="button" tabindex="-1" style="">
                  <span class="sr-only ng-binding">slide 3 of 3<!-- ngIf: isActive(slide) --></span>
                </li><!-- end ngRepeat: slide in slides | orderBy:indexOfSlide track by $index -->
              </ol>
            </div>
          </div><!-- end ngIf: slides.length > 0 -->
          <div class="col-xs-12 group-title-mobile gsplash-heading ng-binding" ng-class="{'group-title-only-mobile': !(slides.length > 0)}" tabindex="-1" style="">Please join us for the </div>
          <div class="gsplash-description col-xs-12 ng-binding" ng-class="{'group-description': !(slides.length > 0)}" ng-bind-html="gSplashDetails.description | htmlUnicodeFilter" style=""></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 --><button tabindex="-1" id="group-booking-button-id" class="btn btn-primary btn-primary-cta ng-binding ng-scope" ng-attr-aria-hidden="{{showGroupModal == 'display-block' ? false : true}}"
            ng-if="bookNowBtn &amp;&amp; slides.length > 0" ng-click="bookGSplash()" aria-hidden="true" style="">SELECT &amp; GO TO THE NEXT STEP</button><!-- end 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 &amp; 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 &amp; 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 &amp;&amp; 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 &amp;&amp; welcomeBackForm.confirmationNumber.$invalid) || confirmationError) ? 'assertive' : 'off'}}"
          ng-show="alertVariable &amp;&amp; ((!welcomeBackForm.confirmationNumber.$error.required &amp;&amp; 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) &amp;&amp; (canceledError)) ? 'assertive' : 'off'}}" class="help-inline ng-binding ng-hide"
          ng-show="alertVariable &amp;&amp; (!confirmationError) &amp;&amp; (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 &amp;&amp; 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 &amp;&amp; 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 &amp;&amp; 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 &amp; 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 &amp; 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 &amp;&amp; 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 &amp;&amp; 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 &amp;&amp; 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 &amp; 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 &amp; 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 &amp;&amp; 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) &amp;&amp; (retriveInfoForm.email.$error.required )) ? 'assertive' : 'off'}}" class="help-inline ng-binding ng-hide"
                ng-show="alertVariable &amp;&amp; (retriveInfosubmitted) &amp;&amp; (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) &amp;&amp; (!retriveInfoForm.email.$error.required &amp;&amp; !retriveInfoForm.email.$valid)) ? 'assertive' : 'off'}}"
                class="help-inline ng-binding ng-hide" ng-show="alertVariable &amp;&amp; (retriveInfosubmitted) &amp;&amp; (!retriveInfoForm.email.$error.required &amp;&amp; !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 &amp;&amp; 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 &amp;&amp; (retriveInfoForm.lastFDigit.$error.required)) ? 'assertive' : 'off'}}" class="help-inline ng-binding ng-hide"
                ng-show="alertVariable &amp;&amp; retriveInfosubmitted &amp;&amp; (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 &amp;&amp; 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="0">
            <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="0">
            <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 &amp;&amp; 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) &amp;&amp; (unlockLoginForm.email.$error.required || !unlockLoginForm.email.$valid)) ? 'assertive' : 'off'}}"
                class="help-inline ng-binding ng-hide" ng-show="alertVariable &amp;&amp; ((clickForgetPassword || submitted) &amp;&amp; (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 &amp;&amp; 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 &amp;&amp; unlockLoginForm.password.$error.required) ? 'assertive' : 'off'}}" class="help-inline ng-binding ng-hide"
                ng-show="alertVariable &amp;&amp; submitted &amp;&amp; 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 &amp;&amp; $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 &amp;&amp; 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 &amp;&amp; $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 -->
        <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 &amp;&amp; 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 &amp;&amp; unlockSingupForm.email.$error.required) ? 'assertive' : 'off'}}"
                ng-show="alertVariable &amp;&amp; submitted &amp;&amp; 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 &amp;&amp; !unlockSingupForm.email.$valid &amp;&amp; !unlockSingupForm.email.$error.required &amp;&amp; !unlockSingupForm.email.$error.maxLength) ? 'assertive' : 'off'}}"
                class="help-inline ng-binding ng-hide" ng-show="alertVariable &amp;&amp; submitted &amp;&amp; !unlockSingupForm.email.$valid &amp;&amp; !unlockSingupForm.email.$error.required &amp;&amp; !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 &amp;&amp; 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 &amp;&amp; unlockSingupForm.password.$error.required) ? 'assertive' : 'off'}}" class="help-inline ng-binding ng-hide"
                ng-show="alertVariable &amp;&amp; submitted &amp;&amp; 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 -->
      <div class="row ng-scope" ng-if="crmSettings.signUpFormFields.confirmPasswordField.display">
        <div class="col-xs-12 email-input Checkout-guestInfo">
          <fieldset class="form-group">
            <input type="password" aria-label="Confirm Password" name="confirmPassword" 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 &amp;&amp; unlockSingupForm.confirmPassword.$error.required}" ng-required="crmSettings.signUpFormFields.confirmPasswordField.mandatory" placeholder="Confirm Password"
              ng-model="gmsSignupUser.confirmPassword" maxlength="80" tabindex="-1" required="required" aria-required="true" aria-invalid="true">
            <!-- ngIf: crmSettings.signUpFormFields.confirmPasswordField.mandatory --><span class="help-inline-star ng-scope"
              ng-if="crmSettings.signUpFormFields.confirmPasswordField.mandatory">*</span><!-- end ngIf: crmSettings.signUpFormFields.confirmPasswordField.mandatory -->
            <span aria-live="polite"><span aria-atomic="true" ng-attr-aria-live="{{(submitted &amp;&amp; unlockSingupForm.confirmPassword.$error.required) ? 'assertive' : 'off'}}" class="help-inline  ng-binding ng-hide"
                ng-show="alertVariable &amp;&amp; submitted &amp;&amp; unlockSingupForm.confirmPassword.$error.required" aria-live="off" aria-hidden="true">Field cannot be
                blank<!-- ngIf: alertVariable && submitted && unlockSingupForm.confirmPassword.$error.required --></span></span>
          </fieldset>
        </div>
      </div><!-- end ngIf: crmSettings.signUpFormFields.confirmPasswordField.display -->
      <!-- ngIf: crmSettings.signUpFormFields.fnameField.display -->
      <div class="row ng-scope" ng-if="crmSettings.signUpFormFields.fnameField.display">
        <div class="col-xs-12 email-input Checkout-guestInfo">
          <fieldset class="form-group">
            <input type="text" aria-label="First Name" name="fnameField" class="form-control form-control-lg form-control--custom js-input-firstname ng-pristine ng-untouched ng-valid-maxlength ng-valid ng-valid-required"
              ng-class="{'border-bottom-red':submitted &amp;&amp; unlockSingupForm.fnameField.$error.required}" ng-required="crmSettings.signUpFormFields.fnameField.mandatory" placeholder="First Name" ng-model="gmsSignupUser.fnameField"
              maxlength="80" tabindex="-1" aria-required="false" aria-invalid="false">
            <!-- ngIf: crmSettings.signUpFormFields.fnameField.mandatory -->
            <span aria-live="polite"><span aria-atomic="true" ng-attr-aria-live="{{(submitted &amp;&amp; unlockSingupForm.fnameField.$error.required) ? 'assertive' : 'off'}}" class="help-inline  ng-binding ng-hide"
                ng-show="alertVariable &amp;&amp; submitted &amp;&amp; unlockSingupForm.fnameField.$error.required" aria-live="off" aria-hidden="true">Field cannot be
                blank<!-- ngIf: alertVariable && submitted && unlockSingupForm.fnameField.$error.required --></span></span>
          </fieldset>
        </div>
      </div><!-- end ngIf: crmSettings.signUpFormFields.fnameField.display -->
      <!-- ngIf: crmSettings.signUpFormFields.lnameField.display -->
      <div class="row ng-scope" ng-if="crmSettings.signUpFormFields.lnameField.display">
        <div class="col-xs-12 email-input Checkout-guestInfo">
          <fieldset class="form-group">
            <input type="text" name="lnameField" aria-label="Last Name" class="form-control form-control-lg form-control--custom js-input-password ng-pristine ng-untouched ng-valid-maxlength ng-valid ng-valid-required"
              ng-class="{'border-bottom-red':submitted &amp;&amp; unlockSingupForm.lnameField.$error.required}" ng-required="crmSettings.signUpFormFields.lnameField.mandatory" placeholder="Last Name" ng-model="gmsSignupUser.lnameField" maxlength="80"
              tabindex="-1" aria-required="false" aria-invalid="false">
            <!-- ngIf: crmSettings.signUpFormFields.lnameField.mandatory -->
            <span aria-live="polite"><span aria-atomic="true" ng-attr-aria-live="{{(submitted &amp;&amp; unlockSingupForm.lnameField.$error.required) ? 'assertive' : 'off'}}" class="help-inline  ng-binding ng-hide"
                ng-show="alertVariable &amp;&amp; submitted &amp;&amp; unlockSingupForm.lnameField.$error.required" aria-live="off" aria-hidden="true">Field cannot be
                blank<!-- ngIf: alertVariable && submitted && unlockSingupForm.lnameField.$error.required --></span></span>
          </fieldset>
        </div>
      </div><!-- end 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&#45;&#45;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&#45;&#45;stroke InputIndicator-outline" y="0" fill="none"-->
      <!--stroke="#000" stroke-width="1" width="20"-->
      <!--height="20"></rect>-->
      <!--<path class="Icon-property&#45;&#45;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 &amp; 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 &amp; 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 &amp;&amp; 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

Your Reservation Details
View / Modify
ADULTS & CHILDREN
2/0
2 / 1
Select

DATES OF STAY
Aug 19-19
Select

ACCOMMODATIONS
Select
Select

ACCOMMODATIONS
Select
Select

Total Charges
$ 0

English CURRENCY (MXN)
ADULTS & CHILDREN
2/0
2 / 1
Select
DATES OF STAY
Aug 19-19
Select
ACCOMMODATIONS
Select
Select
ACCOMMODATIONS
Select
Select
Total Charges
$ 0
ALL ROOMS $ 0
LANGUAGE & CURRENCY
English CURRENCY (MXN)


LANGUAGE

English (US)Español

CURRENCY

MXN
   
   
 * EUR
   
   
   
 * JPY
   
   
   
 * MXN
   
   
   
 * USD
   
   
   

 * --------------------------------------------------------------------------------

   
   
 * AED
   
 * AFA
   
 * AMD
   
 * ANG
   
 * ARS
   
 * AUD
   
 * AZN
   
 * BBD
   
 * BDT
   
 * BGN
   
 * BHD
   
 * BND
   
 * BOB
   
 * BRL
   
 * BSD
   
 * CAD
   
 * CHF
   
 * CLP
   
 * CNY
   
 * COP
   
 * CYP
   
 * CZK
   
 * DKK
   
 * DOP
   
 * EEK
   
 * EGP
   
 * FJD
   
 * GBP
   
 * GEL
   
 * GTQ
   
 * HKD
   
 * HRK
   
 * HUF
   
 * IDR
   
 * ILS
   
 * INR
   
 * ISK
   
 * JOD
   
 * 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
   

MXN
CANCEL UPDATE

Details
Unlock Private Offers (Sing up here!)
.
7 noches!
BOOK NOW
.
Room Only!
view details
.
Room Only!
view details

1 of 3

. BOOK NOW
. view details
. view details
previous
    
 1. 
    
 2. 
    
 3. 
    

next


GUESTS & ROOMS

1 Adult2 Adults3 Adults4 Adults
0 Children 6-12 with extra chargeChild 6-12 with extra charge2 Children 6-12
with extra charge3 Children 6-12 with extra charge
0 Infants 0-5 for free:1 Infant 0-5 for free:2 Infants 0-5 for free:3 Infants
0-5 for free:


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

previous next
    
 1. slide 1 of 3, currently active
    
 2. slide 2 of 3
    
 3. slide 3 of 3
    

Please join us for the

Policies
SELECT & GO TO THE NEXT STEP

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



Princess Mundo Imperial, 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: Thu, Aug 19, 2021 to Thu, Aug 19, 2021
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
    
 3. slide 3 of 6
    
 4. slide 4 of 6, currently active
    
 5. slide 5 of 6
    
 6. slide 6 of 6
    

Princess Mundo Imperial
Costera de las Palmas s/n Fraccionamiento Granjas , Acapulco de Juarez,
Guerrero, 39890, 01800 090 99 00

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.


Princess Mundo Imperial 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



UNLOCK EXCLUSIVE OFFERS UP TO 20% OFF

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



UNLOCK EXCLUSIVE OFFERS UP TO 20% OFF

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
* Field cannot be blank
Field cannot be blank
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