reservations.yonderescalante.com Open in urlscan Pro
2600:1408:5400:8::170c:91a3  Public Scan

URL: https://reservations.yonderescalante.com/114440
Submission: On February 14 via manual from US — Scanned 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="0" ng-keydown="($event.which === 13 || $event.which === 32)? $event.preventDefault() : 0" class="ng-binding add-outline">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="0" 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>
          <option label="5 Adults" value="number:5">5 Adults</option>
          <option label="6 Adults" value="number:6">6 Adults</option>
        </select>
      </div>
      <div ng-show="allowChildren" class="GuestsAndRoomsForm-dropdownMRB col-xs-12 col-md-4 col-lg-4" aria-hidden="false">
        <select class="GuestsAndRoomsForm-select ng-pristine ng-untouched ng-valid ng-isolate-scope" title="Number of Children" tabindex="0" ng-disabled="id != undefined &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" value="number:0" selected="selected">0 Children</option>
          <option label="1 Child" value="number:1">1 Child</option>
          <option label="2 Children" value="number:2">2 Children</option>
          <option label="3 Children" value="number:3">3 Children</option>
          <option label="4 Children" value="number:4">4 Children</option>
          <option label="5 Children" value="number:5">5 Children</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="0" 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" value="number:0" selected="selected">0 Infants</option>
          <option label="1 Infant" value="number:1">1 Infant</option>
          <option label="2 Infants" value="number:2">2 Infants</option>
          <option label="3 Infants" value="number:3">3 Infants</option>
          <option label="4 Infants" value="number:4">4 Infants</option>
          <option label="5 Infants" value="number:5">5 Infants</option>
        </select>
      </div>
      <!--ng-repeat rows by number of children which updates on selection of "number of children" for mobile only -->
      <div class="container-fluid visible-xs">
        <!-- ngRepeat: children in numToArray(initOptionsArray.Children) track by $index -->
      </div>
    </div>
    <div class="row GuestsAndRoomsForm-dropdown-wrappper ageDdl ng-hide" ng-hide="!isChildrenAgesAllowed" aria-hidden="true">
      <!--ng-repeat rows by number of children which updates on selection of "number of children"-->
      <!-- ngRepeat: children in numToArray(initOptionsArray.Children) track by $index -->
    </div>
    <!-- End of Shows for Mobile only -->
    <!--<div class="GuestsAndRoomsForm-dropdown col-xs-12 col-md-4 col-lg-4 col-lg-offset-4">-->
    <!--<select class="GuestsAndRoomsForm-select" title="Number of Rooms"-->
    <!--ng-init="initOptions.Rooms = guests.defaultRooms" ng-model="initOptions.Rooms"-->
    <!--ng-options="(room | roomsFilter) for room in (guests.maxRooms | limitTo: maxRoomsPerBooking : 1)">-->
    <!--</select>-->
    <!--</div>-->
  </div><!-- end ngIf: MRB == true --><!-- end ngRepeat: initOptionsArray in initOptionsArrays track by $index -->
  <!--button for add mutiple room -->
  <!-- ngIf: MRB == true && initOptionsArrays.length < maxRoom && !hideAddRoomButton -->
  <div class="addRoom col-xs-12 col-md-6 col-lg-4 ng-scope" ng-class="{'addRoomCosmo' : hideCodeWidget}" ng-if="MRB == true &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="0">Add a Room</div>
  </div><!-- end ngIf: MRB == true && initOptionsArrays.length < maxRoom && !hideAddRoomButton -->
  <!--<button type="button" style="margin-top: 3em" ng-click="addRoom()" ng-if="MRB == true && initOptionsArrays.length < 6">Add Room</button>-->
  <!--end here-->
  <!-- ngIf: (specialCodeEnabled.specialCodesFieldEnabled) && (displayWidget !=true) --><tc-special-codes class="special-code-wrap ng-scope" ng-hide="hideCodeWidget"
    ng-if="(specialCodeEnabled.specialCodesFieldEnabled) &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 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;" role="button" tabindex="0">
          <!--(idx,code)-->
          <!--this is addCode placeholder-->
          <div ng-hide="placeHolder" class="ng-binding">Add Code</div>
          <!-- ngIf: showCorpLoginLabel -->
          <!-- ngRepeat: (idx,code) in codes track by $index -->
          <!-- <div class="add-icon" ng-click="Show()"></div>
            <div class="add-icon" ng-click="Show()"></div> -->
          <!-- <svg focusable="false" role="none" aria-hidden="true"  ng-hide="toggle" class="add-code-icon"
                 version="1.1"
                 x="0px" y="0px"
                 width="12px"
                 height="12px" viewBox="0 0 12 12" data-src="./assets/images/icons/add.svg"
                 data-reactid=".0.2.0.0.1.2.1">
                <title>Add Icon</title>
                <desc>Created with Sketch.</desc>
                <g type="MSPage">
                    <g transform="translate(-1198.000000, -402.000000)" type="MSArtboardGroup">
                        <g transform="translate(911.000000, 204.000000)" type="MSLayerGroup">
                            <g transform="translate(43.000000, 102.000000)" type="MSShapeGroup">
                                <g transform="translate(0.000000, 82.000000)">
                                    <g transform="translate(245.000000, 15.000000)">
                                        <path class="Icon-property--stroke" fill="none" stroke="#000" stroke-width="2"
                                              stroke-linecap="round" stroke-linejoin="round" d="M5,10        V0"></path>
                                        <path class="Icon-property--stroke" fill="none" stroke="#000" stroke-width="2"
                                              stroke-linecap="round" stroke-linejoin="round" d="M10,5        H0"></path>
                                    </g>
                                </g>
                            </g>
                        </g>
                    </g>
                </g>
            </svg>
            <svg focusable="false" role="none" aria-hidden="true"  ng-show="toggle" class="add-code-icon"
                 version="1.1" x="0px"
                 y="0px"
                 width="12px" height="12px" viewBox="0 0 12 12" data-src="./assets/images/icons/add.svg"
                 data-reactid=".0.2.0.0.1.2.1">
                <title>Add Icon</title>
                <desc>Created with Sketch.</desc>
                <g type="MSPage">
                    <g transform="translate(-1198.000000, -402.000000)" type="MSArtboardGroup">
                        <g transform="translate(911.000000, 204.000000)" type="MSLayerGroup">
                            <g transform="translate(43.000000, 102.000000)" type="MSShapeGroup">
                                <g transform="translate(0.000000, 82.000000)">
                                    <g transform="translate(245.000000, 15.000000)">
                                        <path class="Icon-property--stroke" fill="none" stroke="#000" stroke-width="2"
                                              stroke-linecap="round" stroke-linejoin="round" d="M10,5        H0"></path>
                                    </g>
                                </g>
                            </g>
                        </g>
                    </g>
                </g>
            </svg> -->
          <span class="CardGrid-price-color-change" style="width: 10px; height: 10px; right: 16px; position: absolute;vertical-align: middle;">
            <span class="tiny-down ng-isolate-scope" style="stroke: #1b4364; width:10px;height:10px;vertical-align: middle;" toggle-arrow="" flag="toggle"><svg focusable="false" role="none" aria-hidden="true" version="1.1" id="Layer1" stroke="#000"
                class="Icon" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="10px" height="10px" viewBox="0 0 10 6">
                <g sketch:type="MSPage">
                  <g transform="translate(-95.000000, -236.000000)" sketch:type="MSArtboardGroup">
                    <g transform="translate(95.000000, 144.000000)" sketch:type="MSLayerGroup">
                      <g transform="translate(0.000000, 64.000000)" sketch:type="MSShapeGroup">
                        <g transform="translate(0.000000, 22.000000)">
                          <g transform="translate(1.000000, 7.000000)">
                            <path class="Icon-property--stroke" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d=" M4,3.828l4-3.535"></path>
                            <path class="Icon-property--stroke" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d=" M4,3.828L0,0.293"></path>
                          </g>
                        </g>
                      </g>
                    </g>
                  </g>
                </g>
              </svg></span>
          </span>
        </ul>
        <div class="clear"></div>
      </div>
      <div ng-style="{'border-top':addBorder}" class="spacer codeWidget col-xs-12 ng-hide" ng-show="toggle" aria-hidden="true">
        <!--<select class="Dropdown dropper"
                style="width: 100%;cursor: pointer"
                ng-model="codeType"
                ng-options="codetype.name as codetype.language for codetype in codeTypes ">
            <!--| orderBy : 'language'-->
        <!-- </select> -->
        <!--error message-->
        <div id="tag-error-id" class="tags-error-wrapper">
          <span style="width: 0px; opacity: 0; height: 0px; position: absolute; top: 0px; left: 0;" aria-live="polite">
            <span aria-atomic="true" ng-show="$parent.alertVariable &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="0" aria-live="off"> Discount Code <span style="position: absolute; right: 16px; top: 8px;" toggle-arrow=""
              flag="special.isopen" class="ng-isolate-scope"><svg focusable="false" role="none" aria-hidden="true" version="1.1" id="Layer1" stroke="#000" class="Icon" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
                xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="10px" height="10px" viewBox="0 0 10 6">
                <g sketch:type="MSPage">
                  <g transform="translate(-95.000000, -236.000000)" sketch:type="MSArtboardGroup">
                    <g transform="translate(95.000000, 144.000000)" sketch:type="MSLayerGroup">
                      <g transform="translate(0.000000, 64.000000)" sketch:type="MSShapeGroup">
                        <g transform="translate(0.000000, 22.000000)">
                          <g transform="translate(1.000000, 7.000000)">
                            <path class="Icon-property--stroke" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d=" M4,3.828l4-3.535"></path>
                            <path class="Icon-property--stroke" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d=" M4,3.828L0,0.293"></path>
                          </g>
                        </g>
                      </g>
                    </g>
                  </g>
                </g>
              </svg></span>
          </button>
          <ul class="dropdown-menu" uib-dropdown-menu="" role="menu">
            <!-- ngRepeat: codetype in codeTypes -->
            <li aria-hidden="true" tabindex="-2" class="dropdown-menu-item ng-binding ng-scope" ng-click="setSelectedItem(codetype); special.isopen=false;" role="menuitem" ng-repeat="codetype in codeTypes" id="add-code-Discount"> Discount Code</li>
            <!-- end ngRepeat: codetype in codeTypes -->
            <li aria-hidden="true" tabindex="-2" class="dropdown-menu-item ng-binding ng-scope" ng-click="setSelectedItem(codetype); special.isopen=false;" role="menuitem" ng-repeat="codetype in codeTypes" id="add-code-Group"> Group Attendee</li>
            <!-- end ngRepeat: codetype in codeTypes -->
            <li aria-hidden="true" tabindex="-2" class="dropdown-menu-item ng-binding ng-scope" ng-click="setSelectedItem(codetype); special.isopen=false;" role="menuitem" ng-repeat="codetype in codeTypes" id="add-code-Corporate"> Rate
              Access/Corporate Code&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="0"
          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="0">
            <div class="ng-binding">CANCEL</div>
          </div>
          <div type="submit" id="add-code-button-id" ng-click="addCode()" class="spacer-btns-add btn btn-primary btn-primary-cta" ng-keydown="(isIEEdge &amp;&amp; $event.which === ACCESSIBILITY_ENTER) ? [addCode(), $event.preventDefault()] : 0"
            role="button" tabindex="0">
            <div class="ng-binding">ADD </div>
          </div>
        </div>
      </div>
    </div>
    <!-- GSplash code -->
    <div class="GSplash-wrapper group-attendee-popup" id="group-splash-parent-id">
      <div id="overlay" aria-hidden="true" class="GSplash-wrapper-content scrollable-popup GSplash-wrapper-overlay-size display-none" style="top:0px;">
        <div class="gsplash-modal-body gsplash-modal-body-width" style="float: left;width:100%;">
          <a href="javascript:void(0);" aria-label="Close" class="GSplash-close-button groupcode-close-button HeaderButton HeaderButton-content" ng-click="closeGSplashPopup()" tabindex="0" ng-keydown="($event.which === ACCESSIBILITY_ENTER || $event.which === ACCESSIBILITY_SPACE)? closeGSplashPopup() : 0">
            <svg focusable="false" role="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" class="injected-svg Icon" width="20.927" height="20.906" viewBox="-0.516 -0.089 20.927 20.906" data-src="/assets/images/icons/close-x.svg">
                <path class="Icon-property--stroke" fill="none" stroke="#454545" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M.606 19.77L18.978 1.4M19.385 19.385L1 1"></path>
            </svg>
        </a>
          <!-- ngIf: bookNowBtn -->
          <div ng-if="bookNowBtn" ng-class="{'group-overlay-withimage': (slides.length > 0)}" class="ng-scope">
            <div class="overlay-groupimage overlay-groupimage-size col-xs-12">
              <div class="overlay-groupimage-selectbtn">
                <button tabindex="0" class="btn btn-primary btn-primary-cta ng-binding" ng-attr-aria-hidden="{{showGroupModal == 'display-block' ? false : true}}" ng-click="bookGSplash()" aria-hidden="true">SELECT &amp; GO TO THE NEXT STEP</button>
              </div>
            </div>
          </div><!-- end ngIf: bookNowBtn -->
          <!-- ngIf: slides.length > 0 -->
          <div class="col-xs-12 group-title-mobile gsplash-heading ng-binding group-title-only-mobile" ng-class="{'group-title-only-mobile': !(slides.length > 0)}" tabindex="0">Please join us for the </div>
          <div class="gsplash-description col-xs-12 ng-binding group-description" ng-class="{'group-description': !(slides.length > 0)}" ng-bind-html="gSplashDetails.description | htmlUnicodeFilter"></div>
          <div class="gsplash-details col-xs-12">
            <!--<span class="gsplash-heading">{{gSplashDetails.groupName}}</span>-->
            <div class="gsplash-data">
              <div class="col-md-6 booking-details">
                <!-- ngIf: gSplashDetails.formFieldsRequired.checkIn && (gSplashStartDate === gSplashEarliestCheckInDate) -->
                <!-- ngIf: gSplashDetails.formFieldsRequired.checkIn && (gSplashStartDate !== gSplashEarliestCheckInDate) -->
                <!-- ngIf: gSplashDetails.formFieldsRequired.earlyCheckIn && (gSplashStartDate !== gSplashEarliestCheckInDate) -->
                <!-- ngIf: gSplashDetails.formFieldsRequired.checkOut && (gSplashEndDate === gSplashLatestCheckoutDate) -->
                <!-- ngIf: gSplashDetails.formFieldsRequired.checkOut && (gSplashEndDate !== gSplashLatestCheckoutDate) -->
                <!-- ngIf: gSplashDetails.formFieldsRequired.lateCheckOut  && (gSplashEndDate !== gSplashLatestCheckoutDate) -->
                <!-- ngIf: gSplashDetails.formFieldsRequired.cutOff -->
              </div>
              <div class="col-md-6 cordinator-details">
                <!-- ngIf: gSplashDetails.formFieldsRequired.paymentMethod -->
                <!-- ngIf: gSplashDetails.formFieldsRequired.coordinatorName -->
                <!-- ngIf: gSplashDetails.formFieldsRequired.coordinatorPhone -->
                <!-- ngIf: gSplashDetails.formFieldsRequired.coordinatorFax -->
                <!-- ngIf: gSplashDetails.formFieldsRequired.coordinatorEmail -->
              </div>
              <div class="policy col-xs-12">
                <div class="">
                  <div class="policy-label ng-binding">Policies</div>
                  <!-- ngIf: gSplashDetails.groupRules.cancelPolicy -->
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="gsplash-modal-footer bottom-select-btn">
          <!-- ngIf: bookNowBtn && slides.length > 0 -->
        </div>
      </div>
      <div id="fade" class="display-none"></div>
    </div>
  </tc-special-codes><!-- end ngIf: (specialCodeEnabled.specialCodesFieldEnabled) && (displayWidget !=true) -->
  <div class="xs-col-12" style="margin-top: 1%">
    <button type="submit" tabindex="0" class="btn btn-primary GuestsAndRoomsForm-btn btn-primary-cta ng-binding ng-hide" ng-hide="btnUpdate" id="confirm-guests-button" aria-hidden="true"> CONFIRM GUESTS &amp; ROOMS </button>
    <button type="submit" tabindex="0" ng-show="btnUpdate" class="GuestsAndRoomsForm-btn  btn btn-primary btn-primary-cta ng-binding" id="update-guests-button" aria-hidden="false"> UPDATE GUESTS &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="0"
        ng-change="confirmationNumberChange()" ng-model="welcomeBackObj.confirmationNumber" ng-style="{'background-color':BackGroundColorCM}" required="required" aria-required="true" aria-invalid="true" style="background-color: rgb(255, 255, 255);">
      <span aria-live="polite"><span class="help-inline ng-binding ng-hide" aria-atomic="true"
          ng-attr-aria-live="{{((!welcomeBackForm.confirmationNumber.$error.required &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="0" aria-label="Last Name"
        placeholder="Last Name" ng-required="true" ng-class="{'border-bottom-black':validLN}" ng-change="lastNameChange()" ng-style="{'background-color':BackGroundColorLN}" ng-model="welcomeBackObj.lastName" required="required" aria-required="true"
        aria-invalid="true" style="background-color: rgb(255, 255, 255);">
      <!-- ngIf: true --><span class="help-inline-star merchandisingSalesText ng-scope" ng-if="true">*</span><!-- end ngIf: true -->
    </div>
  </div>
  <div class="gsplash-modal-footer row">
    <button tabindex="0" class="btn btn-primary btn-primary-cta ng-binding" ng-disabled="!welcomeBackForm.$valid" id="manage-reservation-submit-button-id" type="submit" aria-disabled="true" disabled="disabled">SUBMIT </button>
    <div class="col-xs-12 col-md-6 mandatory-fields">
      <!-- ngIf: true --><span class="help-inline-star merchandisingSalesText  ng-scope" ng-if="true">*</span><!-- end ngIf: true -->
      <span class="help-inline merchandisingSalesText  ng-binding">= Mandatory Fields</span>
    </div>
  </div>
</form>

Name: cancellationForm

<form name="cancellationForm" class="ng-pristine ng-valid">
  <!-- ngIf: cancelled -->
</form>

Name: holdRoomForm

<form class="Welcome-back-form ng-pristine ng-valid ng-valid-pattern ng-valid-maxlength" name="holdRoomForm" ng-submit="submitHoldRoomForm()">
  <div class="row">
    <div class="col-xs-12 col-md-12 email-input ">
      <input type="text" autocomplete="off" name="email" ng-maxlength="200" tabindex="0" ng-pattern="^[_A-Za-z0-9-+]+(\.[_A-Za-z0-9-+]+)*@[_A-Za-z0-9-]+(\.[_A-Za-z0-9-]+)*(\.[A-Za-z]{2,})$"
        class="form-control form-control-lg form-control--custom ng-pristine ng-untouched ng-valid ng-valid-pattern ng-valid-maxlength" placeholder="Email Address"
        ng-class="{'border-bottom-red':!welcomeBackForm.confirmationNumber.$error.required &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="0" 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="0" class="btn btn-primary btn-primary-cta ng-binding" type="submit"> HOLD ROOM </button>
  </div>
</form>

Name: holdRoomForm

<form class="Welcome-back-form ng-pristine ng-valid ng-valid-pattern ng-valid-maxlength" name="holdRoomForm" ng-submit="submitGMSForm()">
  <div class="row">
    <div class="col-xs-12 col-md-12 email-input ">
      <input type="text" autocomplete="off" name="email" ng-maxlength="200" ng-pattern="^[_A-Za-z0-9-+]+(\.[_A-Za-z0-9-+]+)*@[_A-Za-z0-9-]+(\.[_A-Za-z0-9-]+)*(\.[A-Za-z]{2,})$"
        class="form-control form-control-lg form-control--custom ng-pristine ng-untouched ng-valid ng-valid-pattern ng-valid-maxlength" placeholder="Email Address"
        ng-class="{'border-bottom-red':!welcomeBackForm.confirmationNumber.$error.required &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="0" aria-invalid="false">
      <span aria-live="polite"><span aria-atomic="true" ng-attr-aria-live="{{invalidEmailSubmitted ? 'assertive' : 'off'}}" class="help-inline ng-binding ng-hide" ng-show="alertVariable &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="0" aria-checked="false" aria-invalid="false">
      <div class="col-xs-11 note anchorText ng-binding" ng-bind-html="abandonmentEmailConsent.text | unescapeFilter">I consent to receiving special offers &amp; promotional messages from the property via email.</div>
    </div>
  </div>
  <div class="gsplash-modal-footer row">
    <button tabindex="0" style="width: inherit;max-width: 94%" class="btn btn-primary btn-primary-cta ng-binding" type="submit"> SEND ME UPDATES </button>
  </div>
</form>

Name: retriveInfoForm

<form class="Welcome-back-form Checkout-payment ng-pristine ng-invalid ng-invalid-required ng-valid-pattern ng-valid-maxlength" name="retriveInfoForm">
  <div class="row">
    <section class="Checkout-section col-xs-12 col-md-12">
      <div class="row">
        <div class="col-xs-12 email-input Checkout-guestInfo">
          <fieldset class="form-group">
            <input type="text" name="email" tabindex="0" ng-maxlength="200" ng-pattern="^[_A-Za-z0-9-+]+(\.[_A-Za-z0-9-+]+)*@[_A-Za-z0-9-]+(\.[_A-Za-z0-9-]+)*(\.[A-Za-z]{2,})$" ng-required="true" data-value="test@gmail.com"
              ng-class="{'border-bottom-red':submitted &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="0" class="form-control form-control-lg form-control--custom js-input-password ng-pristine ng-untouched ng-invalid ng-invalid-required ng-valid-maxlength"
              ng-class="{'border-bottom-red':submitted &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="0"> CANCEL </button>
    <button class="btn btn-primary btn-primary-cta ng-binding" type="button" ng-click="submitRetriveGuestInfo($event)" tabindex="0">SUBMIT </button>
  </div>
</form>

Name: unlockLoginForm

<form class="Welcome-back-form ng-pristine ng-invalid ng-invalid-required ng-valid-pattern ng-valid-maxlength" name="unlockLoginForm" ng-submit="submitGMSLoginForm()">
  <div class="row">
    <section class="Checkout-section signup-form col-xs-12 col-md-12 ">
      <!--<div class="row gms-social-iconbar" ng-if="enabledFacebookLogin == true">
                            <div class="col-xs-12">
                                <button class="btn btn-social btn-social-facebook" type="button"
                                        ng-click="gmsSocialLogin('facebook')">
                                    <img src="./images/global/facebook-icon.png">
                                    <span>Login with Facebook</span>
                                </button>
                            </div>
                        </div>
                        <div class="row gms-social-iconbar" ng-if="enabledTwitterLogin == true">
                            <div class="col-xs-12">
                                <button class="btn btn-social btn-social-twitter" type="button"
                                        ng-click="gmsSocialLogin('twitter')">
                                    <img src="./images/global/twitter-icon.png">
                                    <span>Login with Twitter</span>
                                </button>
                            </div>
                        </div>
                        <div class="row gms-social-iconbar" ng-if="enabledInstagramLogin == true">
                            <div class="col-xs-12">
                                <button class="btn btn-social btn-social-intsagram" type="button"
                                        ng-click="gmsSocialLogin('instagram')">
                                    <img src="./images/global/instagram-icon.png">
                                    <span>Login with Instagram</span>
                                </button>
                            </div>
                        </div>-->
      <div class="row gms-social-iconbar">
        <!-- ngIf: enabledFacebookLogin == true -->
        <!-- ngIf: enabledTwitterLogin == true -->
        <!-- ngIf: enabledInstagramLogin == true -->
      </div>
      <!-- ngIf: isSocialLoginPresent -->
      <div class="row">
        <div class="col-xs-12 email-input Checkout-guestInfo">
          <fieldset class="form-group">
            <input type="text" name="email" ng-maxlength="200" ng-pattern="^[_A-Za-z0-9-+]+(\.[_A-Za-z0-9-+]+)*@[_A-Za-z0-9-]+(\.[_A-Za-z0-9-]+)*(\.[A-Za-z]{2,})$" ng-required="true"
              ng-class="{'border-bottom-red':submitted &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 -->
        <!-- ngIf: enabledTwitterLogin == true -->
        <!-- ngIf: enabledInstagramLogin == true -->
      </div>
      <!-- ngIf: isSocialLoginPresent -->
      <!-- ngIf: crmSettings.signUpFormFields.emailField.display -->
      <div class="row ng-scope" ng-if="crmSettings.signUpFormFields.emailField.display">
        <div class="col-xs-12 email-input Checkout-guestInfo">
          <fieldset class="form-group">
            <input type="text" name="email" ng-maxlength="200" aria-label="Email" ng-pattern="^[_A-Za-z0-9-+]+(\.[_A-Za-z0-9-+]+)*@[_A-Za-z0-9-]+(\.[_A-Za-z0-9-]+)*(\.[A-Za-z]{2,})$" ng-required="crmSettings.signUpFormFields.emailField.mandatory"
              ng-class="{'border-bottom-red':submitted &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="0" required="required" aria-required="true" aria-invalid="true">
            <!-- ngIf: crmSettings.signUpFormFields.emailField.mandatory --><span class="help-inline-star ng-scope" ng-if="crmSettings.signUpFormFields.emailField.mandatory">*</span><!-- end ngIf: crmSettings.signUpFormFields.emailField.mandatory -->
            <span aria-live="polite"><span aria-atomic="true" class="help-inline ng-binding ng-hide" ng-attr-aria-live="{{(submitted &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="0" required="required" aria-required="true" aria-invalid="true">
            <!-- ng-pattern="/(?=.*[0-9])/"-->
            <!-- ngIf: crmSettings.signUpFormFields.passwordField.mandatory --><span class="help-inline-star ng-scope"
              ng-if="crmSettings.signUpFormFields.passwordField.mandatory">*</span><!-- end ngIf: crmSettings.signUpFormFields.passwordField.mandatory -->
            <span id="password-guidelines-id" style="cursor: pointer;" class="gms-pointer help-inline underlined-text ng-binding" ng-click="showPasswordGuild()"
              ng-keydown="($event.which === ACCESSIBILITY_SPACE || $event.which === ACCESSIBILITY_ENTER) ? [showPasswordGuild(), $event.preventDefault()] : 0" role="button" tabindex="0">Password Guidelines</span>
            <span aria-live="polite"><span aria-atomic="true" ng-attr-aria-live="{{(submitted &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 -->
      <!-- 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&#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="0" aria-checked="false" aria-invalid="false">
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" class="Icon InputIndicator injected-svg js-svg-inject" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 20 20"
              data-src="./assets/images/icons/checkbox.svg">
              <title>Checkbox Off Icon</title>
              <desc>Created with Sketch.</desc>
              <g>
                <rect class="Icon-property--stroke InputIndicator-outline" y="0" fill="none" stroke="#000" stroke-width="1" width="20" height="20"></rect>
                <path class="Icon-property--stroke InputIndicator-on" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="   M4,9.548l4.286,4.441L16,5.995"></path>
              </g>
            </svg>
            <span aria-hidden="true" ng-bind-html="privateOffersConsent.text | unescapeFilter" class="ng-binding">I consent to receiving special offers &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="0" aria-hidden="false">
      <span class="ng-binding"> Been here before? Click here</span>
    </div>
  </div>
</form>

Text Content

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

DATES OF STAY
Feb 14-14
Select

ACCOMMODATIONS
Select
Select

ACCOMMODATIONS
Select
Select

TOTAL
$ 0.00

English CURRENCY (USD)
ADULTS & CHILDREN
2/0
2 / 1
Select
DATES OF STAY
Feb 14-14
Select
ACCOMMODATIONS
Select
Select
ACCOMMODATIONS
Select
Select
TOTAL
$ 0.00
ALL ROOMS $ 0.00
LANGUAGE & CURRENCY
English CURRENCY (USD)


LANGUAGE

English (US)

CURRENCY

USD
   
   
   
 * AED
   
 * AFA
   
 * AMD
   
 * ANG
   
 * ARS
   
 * AUD
   
 * AZN
   
 * BBD
   
 * BDT
   
 * BGN
   
 * BHD
   
 * BND
   
 * BOB
   
 * BRL
   
 * BSD
   
 * BZD
   
 * CAD
   
 * CHF
   
 * CLP
   
 * CNY
   
 * COP
   
 * CYP
   
 * CZK
   
 * DKK
   
 * DOP
   
 * EEK
   
 * EGP
   
 * EUR
   
 * FJD
   
 * GBP
   
 * GEL
   
 * GTQ
   
 * HKD
   
 * HRK
   
 * HUF
   
 * IDR
   
 * ILS
   
 * INR
   
 * ISK
   
 * JOD
   
 * JPY
   
 * KES
   
 * KRW
   
 * KWD
   
 * KZT
   
 * LKR
   
 * LTL
   
 * LVL
   
 * MAD
   
 * MDL
   
 * MOP
   
 * MTL
   
 * MUR
   
 * MXN
   
 * MYR
   
 * NAD
   
 * NGN
   
 * NOK
   
 * NZD
   
 * OMR
   
 * PEN
   
 * PHP
   
 * PKR
   
 * PLN
   
 * PYG
   
 * QAR
   
 * RON
   
 * RUB
   
 * SAR
   
 * SEK
   
 * SGD
   
 * SKK
   
 * THB
   
 * TND
   
 * TOP
   
 * TRY
   
 * TTD
   
 * TWD
   
 * UAH
   
 * USD
   
 * UYU
   
 * VEF
   
 * VND
   
 * WST
   
 * XAF
   
 * XOF
   
 * XPF
   
 * ZAR
   

USD
CANCEL UPDATE

Details


GUESTS & ROOMS

1 Adult2 Adults3 Adults4 Adults5 Adults6 Adults
0 Children1 Child2 Children3 Children4 Children5 Children
0 Infants1 Infant2 Infants3 Infants4 Infants5 Infants


Add Icon Created with Sketch.
Add a Room
Add Code







We could not find this code.Please re-enter your code.
We could not find this code.
Please re-enter your code.
Neither Travel Agent nor Promo/Corporate code are applicable with Group code.
Your group's cutoff date has passed. We are unable to make a reservation for
your group online. Please contact your event coordinator for more information.

Discount Code
   
 * Discount Code
   
 * Group Attendee
   
 * Rate Access/Corporate Code 
   
 * Travel Agency Code
   

CANCEL
ADD
SELECT & GO TO THE NEXT STEP
Please join us for the

Policies


CONFIRM GUESTS & ROOMS UPDATE GUESTS & ROOMS
Please note that any changes to your previously booked reservation may cause
changes to your selections.
CONTINUE
CANCEL

Are you sure you would like to modify this reservation?

THIS WILL RELEASE YOUR CURRENTLY HELD RESERVATION.

NO, I'M NOT.

NO

YES, I'M SURE.

YES


Are you sure you would like to delete this room?
CANCEL
CONTINUE

Are you sure you would like to delete this rate?
CANCEL
CONTINUE

Are you sure you would like to delete this package?
CANCEL
CONTINUE



MY RESERVATION

RESERVATION TOTAL:

$ 0.00

CURRENT ROOM
Room 1 of 1

Select a Room


2 Adults
(0 Night)

MODIFY
Add Icon Created with Sketch.


ADD ROOM


BOOK NOW

CONTINUE

undefined

BOOK NOW


For being a valued guest, we have new deals available to you.
OK



Ofland Escalante, United States -  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: Wed, Feb 14, 2024 to Wed, Feb 14, 2024
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, currently active
    
 2. slide 2 of 6
    
 3. slide 3 of 6
    
 4. slide 4 of 6
    
 5. slide 5 of 6
    
 6. slide 6 of 6
    

Ofland Escalante
2020 West UT-12, Escalante, Utah, 84726, 435-274-7222

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.


Ofland Escalante wants to offer you exclusive rates based on your location
CANCEL
CONTINUE


undefined
DON’T ALLOW
ALLOW





LET'S SAVE YOU SOME TIME.

* Please enter the email address used for your last reservation. Please enter a
valid email address.
* Please enter the last four digits of the credit card used for your last
reservation.

CANCEL SUBMIT



READY TO UNLOCK EXCLUSIVE LOW RATES?

SIGN IN BELOW OR SIGN UP TO IMMEDIATELY ACCESS OUR PRIVATE RATES.


* Please enter a valid email address.
* Field cannot be blank
Forgot Password?

SIGN IN
New User? Sign up here



READY TO UNLOCK EXCLUSIVE LOW RATES?

SIGN IN BELOW OR SIGN UP TO IMMEDIATELY ACCESS OUR PRIVATE RATES.


* Field cannot be blank Please enter a valid email address.
* Password Guidelines Field cannot be blank
Checkbox Off Icon Created with Sketch. I consent to receiving special offers &
promotional messages from the property via email.

SIGN UP
Been here before? Click here



PLEASE CHECK YOUR EMAIL FOR PASSWORD RESET INSTRUCTIONS.

CONTINUE



TERMS & CONDITIONS

Policies:
Decline Agree



PASSWORD GUIDELINES

Your password must be between 6 and 17 characters and contain at least one
number.

If you logout, your Private Offer will not be available and you will need to
select a different room and rate
CANCEL
CONTINUE



WANT TO BE THE FIRST TO KNOW?

YES! I consent to receiving special offers and promotions via email.
NO! I don't want to know about special offers and promotions.

Are you sure you would like to delete this group?
CANCEL
CONTINUE

Please stand by as we verify your payment and finalize your booking
confirmation.

An unknown error has occurred. Please click CONTINUE button to try your booking
again.
CONTINUE

As of January 12th, 2016, Microsoft© discontinued support of Internet Explorer©
9 and 10. Please update your browser to access this page. Click here for updated
browser https://www.microsoft.com/en-us/download/internet-explorer.aspx