www.devere.co.uk Open in urlscan Pro
2606:4700:4400::6812:21c0  Public Scan

Submitted URL: https://deverenews.co.uk/pub/cc?_ri_=X0Gzc2X%3DAQjkPkSTSQGqzdIza77HwXe6U3cXl2hg5y9UJ3lrl8zg92azb6CruBeAf9n1aDgoEYnnVXtpKX...
Effective URL: https://www.devere.co.uk/?utm_source=OracleResponsys&utm_medium=email&utm_campaign=JAN_2024_DV_ForTheNow_Campaign_V8_NewY...
Submission: On October 26 via api from LU — Scanned from DE

Form analysis 4 forms found in the DOM

POST /?utm_source=OracleResponsys&utm_medium=email&utm_campaign=JAN_2024_DV_ForTheNow_Campaign_V8_NewYearBreaks_Emailable_Expanded

<form class="dvh-booking-engine-widget-form booking-form u-pt-2 lg:u-pt-0 u-hidden" data-drupal-selector="dvh-booking-engine-widget-form-2" novalidate="novalidate"
  action="/?utm_source=OracleResponsys&amp;utm_medium=email&amp;utm_campaign=JAN_2024_DV_ForTheNow_Campaign_V8_NewYearBreaks_Emailable_Expanded" method="post" id="dvh-booking-engine-widget-form--2" accept-charset="UTF-8" data-once="form-item-dates">
  <div class="booking-form__field-header u-bg-white u-hidden u-fixed u-pin-t u-pin-x u-z-30 u-justify-between u-items-center u-min-h-8 u-px-2 u-py-1 lg:u-hidden" id="booking-section-header">
    <div>
      <div class="u-w-full">
        <div class="u-flex-col u-inline-flex "> <a href="#main-content" class="u-block sitebranding-link u-mx-auto u-no-underline"> <img class="site-logo u-w-logo" src="/themes/custom/rutherford/images/logo.svg?sluv3a" alt="De Vere"> </a></div>
      </div>
    </div>
    <div> <button class="u-p-0 u-border-2 u-font-normal btn u-inline-flex u-items-center u-flex-row-reverse" data-booking-close-panel-btn="" @click="$dispatch(&quot;close-menu&quot;)"> <svg class="icon u-ml-1 u-text-h3" focusable="false"
          role="presentation">
          <use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#feather--x"></use>
        </svg> Close </button></div>
  </div>
  <div class="u-flex u-justify-between u-items-center u-w-full">
    <div>
      <h3 class="u-font-sans u-font-extra-bold u-text-primary h4 u-m-0"> Book now</h3>
    </div>
    <div> <button class="btn--close btn u-inline-flex u-items-center u-flex-row-reverse u-p-0 lg:u-py-2" name="Close guests booking" id="guests-close-btn" data-once="bookCloseBtn"> <svg class="icon u-ml-1 u-text-h3" focusable="false"
          role="presentation">
          <use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#feather--x"></use>
        </svg> Close </button></div>
  </div>
  <div class="u-flex u-flex-col u-flex-gap-2 lg:u-flex-gap-3">
    <link rel="preload" as="image" href="/themes/custom/rutherford/images/booking-widget/dvh-rolling-spinner.gif" data-twig-suggestion="dvh-booking-engine-widget-form--2" data-drupal-selector="edit-preload"> <input
      data-twig-suggestion="dvh-booking-engine-widget-form--2" data-drupal-selector="edit-messages" type="hidden" name="messages" value="" class="u-m-0">
    <div id="booking-form-container" data-twig-suggestion="dvh-booking-engine-widget-form--2" data-drupal-selector="edit-first-row" class="js-form-wrapper form-wrapper lg:u-flex lg:u-items-start lg:u-flex-gap-1 xl:u-flex-gap-2 u-py-2 lg:u-py-0">
      <div id="booking-form-search-fields" data-twig-suggestion="dvh-booking-engine-widget-form--2" data-drupal-selector="edit-col-a" class="js-form-wrapper form-wrapper u-flex u-flex-wrap u-flex-gap-2 lg:u-flex-gap-1 xl:u-flex-gap-2 lg:u-flex-1">
        <div data-booking-field="" class="u-w-full lg:u-w-auto lg:u-flex-1 js-form-item form-item js-form-type-select form-item-property-code js-form-item-property-code js-form-select form-select"> <label for="edit-property-code--2"
            class="u-text-black u-font-bold"><span data-form-label-wrapper="">Where would you like to stay?</span></label>
          <div class="booking-form__destinations u-relative"
            x-data="{ dropdownActive: false, isOpen: false, currentSelectValue: 'DWO', currentSelectLabel: 'De Vere Wokefield Estate', isMobile: false, updateVariables(value, label) { if(value !== null) this.currentSelectValue = value; if(label !== null) this.currentSelectLabel = label; }, toggleMenu() { this.isOpen = !this.isOpen; }, closeMenu(event) { if(event &amp;&amp; event.target.closest('#booking-section-header')) return; this.isOpen = false; }, setIsMobile() { const currentValue = this.isMobile; this.isMobile = window.matchMedia('(min-width: 992px)').matches; if (currentValue == this.isMobile) return; this.closeMenu(); }, }"
            x-init="setIsMobile()" @resize.window="setIsMobile()" @close-menu.window="closeMenu()" @click.away="closeMenu($event)">
            <div class="u-relative"><svg class="u-block lg:u-hidden xl:u-block u-absolute u-z-1 u-top-1/2 u-l-2 u-translate-y--1/2 u-pointer-events-none icon" focusable="false" role="presentation">
                <use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#font-awesome--hotel-solid"></use>
              </svg><select data-drupal-selector="edit-property-code" id="edit-property-code--2" name="property_code" class="form-select custom-select u-visually-hidden" x-model="currentSelectValue"
                @change="updateVariables(null, $event.target.selectedOptions[0].innerText)">
                <option value="DWO" selected="selected">De Vere Wokefield Estate</option>
                <option value="PHWHC1">De Vere Beaumont Estate</option>
                <option value="WP">De Vere Cotswold Water Park</option>
                <option value="TC">De Vere Tortworth Court</option>
                <option value="DLP">De Vere Latimer Estate</option>
                <option value="DHO">De Vere Horsley Estate</option>
                <option value="PHHCH1">De Vere Cranage Estate</option>
              </select><button data-booking-trigger="destination" id="booking-destination-trigger"
                class="u-block booking-form__destinations-btn form-text form-control u-text-left u-mt-0 u-pl-6 lg:u-text-small lg:u-pl-2 xl:u-pl-6 xl:u-pr-7 xl:u-text-medium u-relative" @click.prevent="toggleMenu()"><span class="u-clamp-1"
                  x-text="currentSelectLabel">De Vere Wokefield Estate</span></button></div>
            <div data-dynamic-max-height="" class="u-block booking-form__dropdown booking-form__destinations-dropdown u-bg-white u-shadow-lg u-w-full u-z-20 u-overflow-auto lg:u-pin-l lg:u-r--6" :class="isOpen ? 'active' : ''"
              style="--element-top-position: 0px;">
              <div class="booking-dropdown-header u-bg-grey-25 u-p-2 xl:u-p-3 u-block">
                <h4 class="u-font-sans u-text-primary u-font-bold xl:u-text-large"> Where would you like to say?</h4>
                <p>Choose a destination</p>
              </div>
              <ul class="u-list-reset u-bg-white u-border-t-1 u-border-grey-75 u-mb-0 lg:u-text-small xl:u-text-medium">
                <li class="u-border-b-1 u-border-grey-75" @click="updateVariables('DWO', 'De Vere Wokefield Estate');closeMenu();">
                  <a nohref="" class="u-block u-py-1.5 u-px-2 xl:u-px-6 u-flex u-justify-between u-items-center hocus:u-bg-grey-75"><span class="u-leading-normal"> De Vere Wokefield Estate<br><span class="u-text-small u-text-grey">M4 Corridor</span></span><svg class="icon" focusable="false" role="presentation"><use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#feather--chevron-right"></use></svg></a>
                </li>
                <li class="u-border-b-1 u-border-grey-75" @click="updateVariables('PHWHC1', 'De Vere Beaumont Estate');closeMenu();">
                  <a nohref="" class="u-block u-py-1.5 u-px-2 xl:u-px-6 u-flex u-justify-between u-items-center hocus:u-bg-grey-75"><span class="u-leading-normal"> De Vere Beaumont Estate<br><span class="u-text-small u-text-grey">West M25</span></span><svg class="icon" focusable="false" role="presentation"><use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#feather--chevron-right"></use></svg></a>
                </li>
                <li class="u-border-b-1 u-border-grey-75" @click="updateVariables('WP', 'De Vere Cotswold Water Park');closeMenu();">
                  <a nohref="" class="u-block u-py-1.5 u-px-2 xl:u-px-6 u-flex u-justify-between u-items-center hocus:u-bg-grey-75"><span class="u-leading-normal"> De Vere Cotswold Water Park<br><span class="u-text-small u-text-grey">near M4 and M5</span></span><svg class="icon" focusable="false" role="presentation"><use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#feather--chevron-right"></use></svg></a>
                </li>
                <li class="u-border-b-1 u-border-grey-75" @click="updateVariables('TC', 'De Vere Tortworth Court');closeMenu();">
                  <a nohref="" class="u-block u-py-1.5 u-px-2 xl:u-px-6 u-flex u-justify-between u-items-center hocus:u-bg-grey-75"><span class="u-leading-normal"> De Vere Tortworth Court<br><span class="u-text-small u-text-grey">M5 Corridor</span></span><svg class="icon" focusable="false" role="presentation"><use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#feather--chevron-right"></use></svg></a>
                </li>
                <li class="u-border-b-1 u-border-grey-75" @click="updateVariables('DLP', 'De Vere Latimer Estate');closeMenu();">
                  <a nohref="" class="u-block u-py-1.5 u-px-2 xl:u-px-6 u-flex u-justify-between u-items-center hocus:u-bg-grey-75"><span class="u-leading-normal"> De Vere Latimer Estate<br><span class="u-text-small u-text-grey">North West M25</span></span><svg class="icon" focusable="false" role="presentation"><use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#feather--chevron-right"></use></svg></a>
                </li>
                <li class="u-border-b-1 u-border-grey-75" @click="updateVariables('DHO', 'De Vere Horsley Estate');closeMenu();">
                  <a nohref="" class="u-block u-py-1.5 u-px-2 xl:u-px-6 u-flex u-justify-between u-items-center hocus:u-bg-grey-75"><span class="u-leading-normal"> De Vere Horsley Estate<br><span class="u-text-small u-text-grey">South West M25</span></span><svg class="icon" focusable="false" role="presentation"><use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#feather--chevron-right"></use></svg></a>
                </li>
                <li class="u-border-b-1 u-border-grey-75" @click="updateVariables('PHHCH1', 'De Vere Cranage Estate');closeMenu();">
                  <a nohref="" class="u-block u-py-1.5 u-px-2 xl:u-px-6 u-flex u-justify-between u-items-center hocus:u-bg-grey-75"><span class="u-leading-normal"> De Vere Cranage Estate<br><span class="u-text-small u-text-grey">M6 Corridor</span></span><svg class="icon" focusable="false" role="presentation"><use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#feather--chevron-right"></use></svg></a>
                </li>
              </ul>
            </div>
          </div>
        </div>
        <div data-booking-field="" class="u-w-full lg:u-w-auto lg:u-flex-1 js-form-item form-item u-mt-0 js-form-type-textfield form-item-dates js-form-item-dates js-form-textfield form-textfield"> <label for="edit-dates--2"
            class="u-text-black u-font-bold"><span data-form-label-wrapper="">When?</span></label>
          <div class="u-relative"> <svg class="lg:u-hidden xl:u-block u-absolute u-top-1/2 u-l-2 u-translate-y--1/2 u-z-1 icon" focusable="false" role="presentation">
              <use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#font-awesome--calendar-solid"></use>
            </svg> <input id="dvh-date-picker" data-booking-trigger="pick-dates" data-drupal-selector="edit-dates" type="text" name="dates" value="" size="60" maxlength="128" placeholder="Select your check-in &amp; checkout dates"
              class="form-text u-m-0 form-control u-pl-6 lg:u-pl-2 xl:u-pl-6 booking-form__datepicker-input lg:u-text-small xl:u-text-medium" readonly=""></div>
          <div class="booking-form__dropdown booking-form__datepicker u-visually-hidden u-z-20 lg:u-shadow-lg">
            <div class="booking-form__datepicker-inner u-bg-white u-relative lg:u-absolute u-pin-l">
              <div class="booking-dropdown-header u-bg-grey-25 u-p-2 xl:u-p-3 u-block">
                <h4 class="u-font-sans u-text-primary u-font-bold xl:u-text-large"> When?</h4>
                <p>Select your check-in &amp; checkout date</p>
              </div>
              <div id="booking-date-picker">
                <div id="datepicker-dvh-date-picker" style="display:none" class="datepicker datepicker--closed datepicker--topbar-has-close-button">
                  <div class="datepicker__inner">
                    <div class="datepicker__months" role="application" aria-roledescription="datepicker" aria-label="Calendar">
                      <table role="presentation" id="month-1-dvh-date-picker" class="datepicker__month datepicker__month--month1">
                        <thead>
                          <tr class="datepicker__month-caption">
                            <th><span role="button" tabindex="0" aria-label="Move backward to switch to the previous month" class="datepicker__month-button datepicker__month-button--prev" month="1">&lt;</span></th>
                            <th colspan="5" class="datepicker__month-name">October 2024</th>
                            <th><span role="button" tabindex="0" aria-label="Move forward to switch to the next month" class="datepicker__month-button datepicker__month-button--next" month="1">&gt;</span></th>
                          </tr>
                          <tr class="datepicker__week-days" aria-hidden="true" role="presentation">
                            <th class="datepicker__week-name">Mo</th>
                            <th class="datepicker__week-name">Tu</th>
                            <th class="datepicker__week-name">We</th>
                            <th class="datepicker__week-name">Th</th>
                            <th class="datepicker__week-name">Fr</th>
                            <th class="datepicker__week-name">Sa</th>
                            <th class="datepicker__week-name">Su</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr class="datepicker__week-row">
                            <td class="datepicker__month-day datepicker__month-day--lastMonth datepicker__month-day--invalid        " daytype="lastMonth" time="1727647200000" d="1" role="button" index="0"
                              aria-label="Not available, Monday, September 30, 2024" aria-disabled="true">30</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid        " daytype="visibleMonth" time="1727733600000" d="2" role="button" index="1"
                              aria-label="Not available, Tuesday, October 01, 2024" aria-disabled="true">1</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid        " daytype="visibleMonth" time="1727820000000" d="3" role="button" index="2"
                              aria-label="Not available, Wednesday, October 02, 2024" aria-disabled="true">2</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid        " daytype="visibleMonth" time="1727906400000" d="4" role="button" index="3"
                              aria-label="Not available, Thursday, October 03, 2024" aria-disabled="true">3</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid        " daytype="visibleMonth" time="1727992800000" d="5" role="button" index="4"
                              aria-label="Not available, Friday, October 04, 2024" aria-disabled="true">4</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid        " daytype="visibleMonth" time="1728079200000" d="6" role="button" index="5"
                              aria-label="Not available, Saturday, October 05, 2024" aria-disabled="true">5</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid        " daytype="visibleMonth" time="1728165600000" d="7" role="button" index="6"
                              aria-label="Not available, Sunday, October 06, 2024" aria-disabled="true">6</td>
                          </tr>
                          <tr class="datepicker__week-row">
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid        " daytype="visibleMonth" time="1728252000000" d="1" role="button" index="7"
                              aria-label="Not available, Monday, October 07, 2024" aria-disabled="true">7</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid        " daytype="visibleMonth" time="1728338400000" d="2" role="button" index="8"
                              aria-label="Not available, Tuesday, October 08, 2024" aria-disabled="true">8</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid        " daytype="visibleMonth" time="1728424800000" d="3" role="button" index="9"
                              aria-label="Not available, Wednesday, October 09, 2024" aria-disabled="true">9</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid        " daytype="visibleMonth" time="1728511200000" d="4" role="button" index="10"
                              aria-label="Not available, Thursday, October 10, 2024" aria-disabled="true">10</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid        " daytype="visibleMonth" time="1728597600000" d="5" role="button" index="11"
                              aria-label="Not available, Friday, October 11, 2024" aria-disabled="true">11</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid        " daytype="visibleMonth" time="1728684000000" d="6" role="button" index="12"
                              aria-label="Not available, Saturday, October 12, 2024" aria-disabled="true">12</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid        " daytype="visibleMonth" time="1728770400000" d="7" role="button" index="13"
                              aria-label="Not available, Sunday, October 13, 2024" aria-disabled="true">13</td>
                          </tr>
                          <tr class="datepicker__week-row">
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid        " daytype="visibleMonth" time="1728856800000" d="1" role="button" index="14"
                              aria-label="Not available, Monday, October 14, 2024" aria-disabled="true">14</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid        " daytype="visibleMonth" time="1728943200000" d="2" role="button" index="15"
                              aria-label="Not available, Tuesday, October 15, 2024" aria-disabled="true">15</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid        " daytype="visibleMonth" time="1729029600000" d="3" role="button" index="16"
                              aria-label="Not available, Wednesday, October 16, 2024" aria-disabled="true">16</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid        " daytype="visibleMonth" time="1729116000000" d="4" role="button" index="17"
                              aria-label="Not available, Thursday, October 17, 2024" aria-disabled="true">17</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid        " daytype="visibleMonth" time="1729202400000" d="5" role="button" index="18"
                              aria-label="Not available, Friday, October 18, 2024" aria-disabled="true">18</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid        " daytype="visibleMonth" time="1729288800000" d="6" role="button" index="19"
                              aria-label="Not available, Saturday, October 19, 2024" aria-disabled="true">19</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid        " daytype="visibleMonth" time="1729375200000" d="7" role="button" index="20"
                              aria-label="Not available, Sunday, October 20, 2024" aria-disabled="true">20</td>
                          </tr>
                          <tr class="datepicker__week-row">
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid        " daytype="visibleMonth" time="1729461600000" d="1" role="button" index="21"
                              aria-label="Not available, Monday, October 21, 2024" aria-disabled="true">21</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid        " daytype="visibleMonth" time="1729548000000" d="2" role="button" index="22"
                              aria-label="Not available, Tuesday, October 22, 2024" aria-disabled="true">22</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid        " daytype="visibleMonth" time="1729634400000" d="3" role="button" index="23"
                              aria-label="Not available, Wednesday, October 23, 2024" aria-disabled="true">23</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid        " daytype="visibleMonth" time="1729720800000" d="4" role="button" index="24"
                              aria-label="Not available, Thursday, October 24, 2024" aria-disabled="true">24</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--invalid        " daytype="visibleMonth" time="1729807200000" d="5" role="button" index="25"
                              aria-label="Not available, Friday, October 25, 2024" aria-disabled="true">25</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid datepicker__month-day--today    datepicker__month-day--checkin-only   " daytype="visibleMonth" time="1729893600000" d="6"
                              role="button" tabindex="0" index="26" aria-label="Choose Saturday, October 26, 2024 as your check-in date" aria-disabled="false">26</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid        " daytype="visibleMonth" time="1729980000000" d="7" role="button" index="27"
                              aria-label="Choose Sunday, October 27, 2024 as your check-in date" aria-disabled="false">27</td>
                          </tr>
                          <tr class="datepicker__week-row">
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid        " daytype="visibleMonth" time="1730070000000" d="1" role="button" index="28"
                              aria-label="Choose Monday, October 28, 2024 as your check-in date" aria-disabled="false">28</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid        " daytype="visibleMonth" time="1730156400000" d="2" role="button" index="29"
                              aria-label="Choose Tuesday, October 29, 2024 as your check-in date" aria-disabled="false">29</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid        " daytype="visibleMonth" time="1730242800000" d="3" role="button" index="30"
                              aria-label="Choose Wednesday, October 30, 2024 as your check-in date" aria-disabled="false">30</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid        " daytype="visibleMonth" time="1730329200000" d="4" role="button" index="31"
                              aria-label="Choose Thursday, October 31, 2024 as your check-in date" aria-disabled="false">31</td>
                            <td class="datepicker__month-day datepicker__month-day--nextMonth datepicker__month-day--valid        " daytype="nextMonth" time="1730415600000" d="5" role="button" index="0"
                              aria-label="Choose Friday, November 01, 2024 as your check-in date" aria-disabled="false">1</td>
                            <td class="datepicker__month-day datepicker__month-day--nextMonth datepicker__month-day--valid        " daytype="nextMonth" time="1730502000000" d="6" role="button" index="0"
                              aria-label="Choose Saturday, November 02, 2024 as your check-in date" aria-disabled="false">2</td>
                            <td class="datepicker__month-day datepicker__month-day--nextMonth datepicker__month-day--valid        " daytype="nextMonth" time="1730588400000" d="7" role="button" index="0"
                              aria-label="Choose Sunday, November 03, 2024 as your check-in date" aria-disabled="false">3</td>
                          </tr>
                        </tbody>
                      </table>
                      <table role="presentation" id="month-2-dvh-date-picker" class="datepicker__month datepicker__month--month2">
                        <thead>
                          <tr class="datepicker__month-caption">
                            <th><span role="button" tabindex="0" aria-label="Move backward to switch to the previous month" class="datepicker__month-button datepicker__month-button--prev" month="2">&lt;</span></th>
                            <th colspan="5" class="datepicker__month-name">November 2024</th>
                            <th><span role="button" tabindex="0" aria-label="Move forward to switch to the next month" class="datepicker__month-button datepicker__month-button--next" month="2">&gt;</span></th>
                          </tr>
                          <tr class="datepicker__week-days" aria-hidden="true" role="presentation">
                            <th class="datepicker__week-name">Mo</th>
                            <th class="datepicker__week-name">Tu</th>
                            <th class="datepicker__week-name">We</th>
                            <th class="datepicker__week-name">Th</th>
                            <th class="datepicker__week-name">Fr</th>
                            <th class="datepicker__week-name">Sa</th>
                            <th class="datepicker__week-name">Su</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr class="datepicker__week-row">
                            <td class="datepicker__month-day datepicker__month-day--lastMonth datepicker__month-day--valid        " daytype="lastMonth" time="1730070000000" d="1" role="button" index="0"
                              aria-label="Choose Monday, October 28, 2024 as your check-in date" aria-disabled="false">28</td>
                            <td class="datepicker__month-day datepicker__month-day--lastMonth datepicker__month-day--valid        " daytype="lastMonth" time="1730156400000" d="2" role="button" index="0"
                              aria-label="Choose Tuesday, October 29, 2024 as your check-in date" aria-disabled="false">29</td>
                            <td class="datepicker__month-day datepicker__month-day--lastMonth datepicker__month-day--valid        " daytype="lastMonth" time="1730242800000" d="3" role="button" index="0"
                              aria-label="Choose Wednesday, October 30, 2024 as your check-in date" aria-disabled="false">30</td>
                            <td class="datepicker__month-day datepicker__month-day--lastMonth datepicker__month-day--valid        " daytype="lastMonth" time="1730329200000" d="4" role="button" index="0"
                              aria-label="Choose Thursday, October 31, 2024 as your check-in date" aria-disabled="false">31</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid        " daytype="visibleMonth" time="1730415600000" d="5" role="button" index="32"
                              aria-label="Choose Friday, November 01, 2024 as your check-in date" aria-disabled="false">1</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid        " daytype="visibleMonth" time="1730502000000" d="6" role="button" index="33"
                              aria-label="Choose Saturday, November 02, 2024 as your check-in date" aria-disabled="false">2</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid        " daytype="visibleMonth" time="1730588400000" d="7" role="button" index="34"
                              aria-label="Choose Sunday, November 03, 2024 as your check-in date" aria-disabled="false">3</td>
                          </tr>
                          <tr class="datepicker__week-row">
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid        " daytype="visibleMonth" time="1730674800000" d="1" role="button" index="35"
                              aria-label="Choose Monday, November 04, 2024 as your check-in date" aria-disabled="false">4</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid        " daytype="visibleMonth" time="1730761200000" d="2" role="button" index="36"
                              aria-label="Choose Tuesday, November 05, 2024 as your check-in date" aria-disabled="false">5</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid        " daytype="visibleMonth" time="1730847600000" d="3" role="button" index="37"
                              aria-label="Choose Wednesday, November 06, 2024 as your check-in date" aria-disabled="false">6</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid        " daytype="visibleMonth" time="1730934000000" d="4" role="button" index="38"
                              aria-label="Choose Thursday, November 07, 2024 as your check-in date" aria-disabled="false">7</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid        " daytype="visibleMonth" time="1731020400000" d="5" role="button" index="39"
                              aria-label="Choose Friday, November 08, 2024 as your check-in date" aria-disabled="false">8</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid        " daytype="visibleMonth" time="1731106800000" d="6" role="button" index="40"
                              aria-label="Choose Saturday, November 09, 2024 as your check-in date" aria-disabled="false">9</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid        " daytype="visibleMonth" time="1731193200000" d="7" role="button" index="41"
                              aria-label="Choose Sunday, November 10, 2024 as your check-in date" aria-disabled="false">10</td>
                          </tr>
                          <tr class="datepicker__week-row">
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid        " daytype="visibleMonth" time="1731279600000" d="1" role="button" index="42"
                              aria-label="Choose Monday, November 11, 2024 as your check-in date" aria-disabled="false">11</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid        " daytype="visibleMonth" time="1731366000000" d="2" role="button" index="43"
                              aria-label="Choose Tuesday, November 12, 2024 as your check-in date" aria-disabled="false">12</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid        " daytype="visibleMonth" time="1731452400000" d="3" role="button" index="44"
                              aria-label="Choose Wednesday, November 13, 2024 as your check-in date" aria-disabled="false">13</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid        " daytype="visibleMonth" time="1731538800000" d="4" role="button" index="45"
                              aria-label="Choose Thursday, November 14, 2024 as your check-in date" aria-disabled="false">14</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid        " daytype="visibleMonth" time="1731625200000" d="5" role="button" index="46"
                              aria-label="Choose Friday, November 15, 2024 as your check-in date" aria-disabled="false">15</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid        " daytype="visibleMonth" time="1731711600000" d="6" role="button" index="47"
                              aria-label="Choose Saturday, November 16, 2024 as your check-in date" aria-disabled="false">16</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid        " daytype="visibleMonth" time="1731798000000" d="7" role="button" index="48"
                              aria-label="Choose Sunday, November 17, 2024 as your check-in date" aria-disabled="false">17</td>
                          </tr>
                          <tr class="datepicker__week-row">
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid        " daytype="visibleMonth" time="1731884400000" d="1" role="button" index="49"
                              aria-label="Choose Monday, November 18, 2024 as your check-in date" aria-disabled="false">18</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid        " daytype="visibleMonth" time="1731970800000" d="2" role="button" index="50"
                              aria-label="Choose Tuesday, November 19, 2024 as your check-in date" aria-disabled="false">19</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid        " daytype="visibleMonth" time="1732057200000" d="3" role="button" index="51"
                              aria-label="Choose Wednesday, November 20, 2024 as your check-in date" aria-disabled="false">20</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid        " daytype="visibleMonth" time="1732143600000" d="4" role="button" index="52"
                              aria-label="Choose Thursday, November 21, 2024 as your check-in date" aria-disabled="false">21</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid        " daytype="visibleMonth" time="1732230000000" d="5" role="button" index="53"
                              aria-label="Choose Friday, November 22, 2024 as your check-in date" aria-disabled="false">22</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid        " daytype="visibleMonth" time="1732316400000" d="6" role="button" index="54"
                              aria-label="Choose Saturday, November 23, 2024 as your check-in date" aria-disabled="false">23</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid        " daytype="visibleMonth" time="1732402800000" d="7" role="button" index="55"
                              aria-label="Choose Sunday, November 24, 2024 as your check-in date" aria-disabled="false">24</td>
                          </tr>
                          <tr class="datepicker__week-row">
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid        " daytype="visibleMonth" time="1732489200000" d="1" role="button" index="56"
                              aria-label="Choose Monday, November 25, 2024 as your check-in date" aria-disabled="false">25</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid        " daytype="visibleMonth" time="1732575600000" d="2" role="button" index="57"
                              aria-label="Choose Tuesday, November 26, 2024 as your check-in date" aria-disabled="false">26</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid        " daytype="visibleMonth" time="1732662000000" d="3" role="button" index="58"
                              aria-label="Choose Wednesday, November 27, 2024 as your check-in date" aria-disabled="false">27</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid        " daytype="visibleMonth" time="1732748400000" d="4" role="button" index="59"
                              aria-label="Choose Thursday, November 28, 2024 as your check-in date" aria-disabled="false">28</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid        " daytype="visibleMonth" time="1732834800000" d="5" role="button" index="60"
                              aria-label="Choose Friday, November 29, 2024 as your check-in date" aria-disabled="false">29</td>
                            <td class="datepicker__month-day datepicker__month-day--visibleMonth datepicker__month-day--valid        " daytype="visibleMonth" time="1732921200000" d="6" role="button" index="61"
                              aria-label="Choose Saturday, November 30, 2024 as your check-in date" aria-disabled="false">30</td>
                            <td class="datepicker__month-day datepicker__month-day--nextMonth datepicker__month-day--valid        " daytype="nextMonth" time="1733007600000" d="7" role="button" index="0"
                              aria-label="Choose Sunday, December 01, 2024 as your check-in date" aria-disabled="false">1</td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                    <div style="display:none" id="tooltip-dvh-date-picker" class="datepicker__tooltip"></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="u-w-full lg:u-w-1/3">
          <div x-data="guestsSelector()"
            x-init="setRooms([{&quot;adults&quot;:2,&quot;children_0_6&quot;:0,&quot;children_0_6Ages&quot;:[],&quot;children_7_12&quot;:0,&quot;children_7_12Ages&quot;:[],&quot;pets&quot;:0},{&quot;adults&quot;:0,&quot;children_0_6&quot;:0,&quot;children_0_6Ages&quot;:[],&quot;children_7_12&quot;:0,&quot;children_7_12Ages&quot;:[],&quot;pets&quot;:0},{&quot;adults&quot;:0,&quot;children_0_6&quot;:0,&quot;children_0_6Ages&quot;:[],&quot;children_7_12&quot;:0,&quot;children_7_12Ages&quot;:[],&quot;pets&quot;:0},{&quot;adults&quot;:0,&quot;children_0_6&quot;:0,&quot;children_0_6Ages&quot;:[],&quot;children_7_12&quot;:0,&quot;children_7_12Ages&quot;:[],&quot;pets&quot;:0},{&quot;adults&quot;:0,&quot;children_0_6&quot;:0,&quot;children_0_6Ages&quot;:[],&quot;children_7_12&quot;:0,&quot;children_7_12Ages&quot;:[],&quot;pets&quot;:0},{&quot;adults&quot;:0,&quot;children_0_6&quot;:0,&quot;children_0_6Ages&quot;:[],&quot;children_7_12&quot;:0,&quot;children_7_12Ages&quot;:[],&quot;pets&quot;:0},{&quot;adults&quot;:0,&quot;children_0_6&quot;:0,&quot;children_0_6Ages&quot;:[],&quot;children_7_12&quot;:0,&quot;children_7_12Ages&quot;:[],&quot;pets&quot;:0},{&quot;adults&quot;:0,&quot;children_0_6&quot;:0,&quot;children_0_6Ages&quot;:[],&quot;children_7_12&quot;:0,&quot;children_7_12Ages&quot;:[],&quot;pets&quot;:0},{&quot;adults&quot;:0,&quot;children_0_6&quot;:0,&quot;children_0_6Ages&quot;:[],&quot;children_7_12&quot;:0,&quot;children_7_12Ages&quot;:[],&quot;pets&quot;:0}])"
            class="guests-selector u-relative u-w-full" data-booking-field="">
            <div class="u-font-bold u-mb-1">Guests</div> <button @click.prevent="toggleDropdown()" id="guests-selector__button" class="custom-select lg:u-text-small xl:u-text-medium u-text-left" data-booking-trigger="guests"> <svg
                class="icon u-pointer-events-none" focusable="false" role="presentation">
                <use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#font-awesome--users-solid"></use>
              </svg> <span x-text="getSummary(rooms, true)" class="u-ml-2 lg:u-ml-1 xl:u-ml-2 u-pointer-events-none">2 Adults, 0 Child , 0 Pet | 1 Room</span> </button>
            <div x-show="expanded" id="guests-selector__dropdown" class="booking-form__dropdown u-z-20 u-bg-white u-w-full u-shadow u-transition lg:u-absolute lg:u-w-auto lg:u-pin-r lg:u-l--6" style="transition: 5s linear; display: none;">
              <div class="u-flex u-flex-col u-h-full">
                <div id="guests-selector__header" class="booking-dropdown-header u-bg-grey-25 u-p-2 xl:u-p-3 u-block">
                  <h4 class="u-font-sans u-text-primary u-font-bold xl:u-text-large"> Guests</h4>
                  <p>Select your check-in &amp; checkout date</p>
                </div>
                <div id="guests-selector__scroll" class="guests-selector__scroll u-o-3 u-pt-2 u-px-4 lg:u-pb-4 u-overflow-y-auto"> <template x-for="(room, index) in getActiveRooms()" data-once="excludeFromOwl" class="exclude-from-owl" style="">
                    <div>
                      <div @click="toggleActiveRoom(index)" class="u-cursor-pointer">
                        <div x-text="`How many guests will be staying in room ${index + 1}?`" class="u-font-bold u-mb-1 u-leading-normal"></div>
                        <div x-text="getSummary([room])"></div>
                      </div>
                      <div x-show="activeRoom === index" x-transition:leave="u-transform-origin-top" x-transition:leave-start="u-transform u-opacity-100 scale-y-100" x-transition:leave-end="u-transform u-opacity-0 u-scale-y-0"
                        class="u-mt-3 u-transition">
                        <div class="u-flex u-flex-col u-flex-gap-2">
                          <div class="u-flex u-justify-between u-pt-2 u-border-t-1 u-border-grey-75">
                            <div class="u-mr-2">
                              <div class="u-mb-1">Adults</div>
                              <div class="u-text-small">12+ Years</div>
                            </div>
                            <div class="u-flex u-gap-x-1 u-items-center"> <button class="u-w-4 u-h-4 u-p-0 u-text-black u-rounded-full u-border u-bg-white" @click.prevent="updateRoom(index, 'adults', -1)"> <svg class="u-text-small icon"
                                  focusable="false" role="presentation">
                                  <use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#cti--minus"></use>
                                </svg> </button>
                              <div x-text="room.adults"></div> <button class="u-relative u-w-4 u-h-4 u-p-0 u-text-black u-rounded-full u-border u-bg-white" @click.prevent="updateRoom(index, 'adults', 1, $event.target)"> <svg class="u-text-small icon"
                                  focusable="false" role="presentation">
                                  <use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#cti--plus"></use>
                                </svg> <template x-if="getTooltip(index, 'adults')"> <span x-text="getTooltip(index, 'adults')"
                                    class="guests-selector__tooltip u-absolute u-pin-r u-z-1 u-p-1 u-bg-grey-400 u-text-white u-text-small u-leading-tight"></span> </template> </button>
                            </div>
                          </div>
                          <div class="u-flex u-justify-between u-pt-2 u-border-t-1 u-border-grey-75">
                            <div class="u-mr-2">
                              <div class="u-mb-1">Children</div>
                              <div class="u-text-small">0-3 Years</div>
                            </div>
                            <div class="u-flex u-gap-x-1 u-items-center"> <button class="u-w-4 u-h-4 u-p-0 u-text-black u-rounded-full u-border u-bg-white" @click.prevent="updateRoom(index, 'children_0_6', -1)"> <svg class="u-text-small icon"
                                  focusable="false" role="presentation">
                                  <use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#cti--minus"></use>
                                </svg> </button>
                              <div x-text="room.children_0_6"></div> <button class="u-relative u-w-4 u-h-4 u-p-0 u-text-black u-rounded-full u-border u-bg-white" @click.prevent="updateRoom(index, 'children_0_6', 1, $event.target)"> <svg
                                  class="u-text-small icon" focusable="false" role="presentation">
                                  <use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#cti--plus"></use>
                                </svg> <template x-if="getTooltip(index, 'children_0_6')"> <span x-text="getTooltip(index, 'children_0_6')"
                                    class="guests-selector__tooltip u-absolute u-pin-r u-z-1 u-p-1 u-bg-grey-400 u-text-white u-text-small u-leading-tight"></span> </template> </button>
                            </div>
                          </div> <template x-if="room.children_0_6 !== 0">
                            <fieldset>
                              <legend class="u-text-small u-leading-tight">To find you a suitable room, we need to know how old your children will be at check-out</legend> <template x-for="i in room.children_0_6"> <select
                                  x-model="room.children_0_6Ages[i - 1]" class="custom-select custom-select-sm u-mt-1">
                                  <option value="age_needed">Age needed</option>
                                  <option value="0">0</option>
                                  <option value="1">1</option>
                                  <option value="2">2</option>
                                  <option value="3">3</option>
                                </select> </template>
                            </fieldset>
                          </template>
                          <div class="u-flex u-justify-between u-pt-2 u-border-t-1 u-border-grey-75">
                            <div class="u-mr-2">
                              <div class="u-mb-1">Children</div>
                              <div class="u-text-small">4-11 Years</div>
                            </div>
                            <div class="u-flex u-gap-x-1 u-items-center"> <button class="u-w-4 u-h-4 u-p-0 u-text-black u-rounded-full u-border u-bg-white" @click.prevent="updateRoom(index, 'children_7_12', -1)"> <svg class="u-text-small icon"
                                  focusable="false" role="presentation">
                                  <use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#cti--minus"></use>
                                </svg> </button>
                              <div x-text="room.children_7_12"></div> <button class="u-relative u-w-4 u-h-4 u-p-0 u-text-black u-rounded-full u-border u-bg-white" @click.prevent="updateRoom(index, 'children_7_12', 1, $event.target)"> <svg
                                  class="u-text-small icon" focusable="false" role="presentation">
                                  <use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#cti--plus"></use>
                                </svg> <template x-if="getTooltip(index, 'children_7_12')"> <span x-text="getTooltip(index, 'children_7_12')"
                                    class="guests-selector__tooltip u-absolute u-pin-r u-z-1 u-p-1 u-bg-grey-400 u-text-white u-text-small u-leading-tight"></span> </template> </button>
                            </div>
                          </div> <template x-if="room.children_7_12 !== 0">
                            <fieldset>
                              <legend class="u-text-small u-leading-tight">To find you a suitable room, we need to know how old your children will be at check-out</legend> <template x-for="i in room.children_7_12"> <select
                                  x-model="room.children_7_12Ages[i - 1]" class="custom-select custom-select-sm u-mt-1">
                                  <option value="age_needed">Age needed</option>
                                  <option value="4">4</option>
                                  <option value="5">5</option>
                                  <option value="6">6</option>
                                  <option value="7">7</option>
                                  <option value="8">8</option>
                                  <option value="9">9</option>
                                  <option value="10">10</option>
                                  <option value="11">11</option>
                                </select> </template>
                            </fieldset>
                          </template>
                          <div class="u-flex u-justify-between u-pt-2 u-border-t-1 u-border-grey-75">
                            <div class="u-mr-2">
                              <div class="u-mb-1">Pets</div>
                              <div class="u-text-small">£30 per dog (2 dogs per room)</div>
                            </div>
                            <div class="u-flex u-gap-x-1 u-items-center"> <button class="u-w-4 u-h-4 u-p-0 u-text-black u-rounded-full u-border u-bg-white" @click.prevent="updateRoom(index, 'pets', -1)"> <svg class="u-text-small icon"
                                  focusable="false" role="presentation">
                                  <use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#cti--minus"></use>
                                </svg> </button>
                              <div x-text="room.pets"></div> <button class="u-relative u-w-4 u-h-4 u-p-0 u-text-black u-rounded-full u-border u-bg-white" @click.prevent="updateRoom(index, 'pets', 1, $event.target)"> <svg class="u-text-small icon"
                                  focusable="false" role="presentation">
                                  <use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#cti--plus"></use>
                                </svg> <template x-if="getTooltip(index, 'pets')"> <span x-text="getTooltip(index, 'pets')"
                                    class="guests-selector__tooltip u-absolute u-pin-r u-z-1 u-p-1 u-bg-grey-400 u-text-white u-text-small u-leading-tight"></span> </template> </button>
                            </div>
                          </div>
                        </div>
                      </div> <template x-if="index !== 0">
                        <div class="u-text-center u-mt-3"> <button @click.prevent="removeRoom(index)" class="btn-outline-danger u-rounded btn btn-sm btn-outline-primary"> <svg class="u-mr-1 icon" focusable="false" role="presentation">
                              <use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#cti--close"></use>
                            </svg> <span x-text="`Remove room ${index + 1}?`"></span> </button></div>
                      </template>
                    </div>
                  </template>
                  <div>
                    <div @click="toggleActiveRoom(index)" class="u-cursor-pointer">
                      <div x-text="`How many guests will be staying in room ${index + 1}?`" class="u-font-bold u-mb-1 u-leading-normal">How many guests will be staying in room 1?</div>
                      <div x-text="getSummary([room])">2 Adults, 0 Child , 0 Pet</div>
                    </div>
                    <div x-show="activeRoom === index" x-transition:leave="u-transform-origin-top" x-transition:leave-start="u-transform u-opacity-100 scale-y-100" x-transition:leave-end="u-transform u-opacity-0 u-scale-y-0"
                      class="u-mt-3 u-transition">
                      <div class="u-flex u-flex-col u-flex-gap-2">
                        <div class="u-flex u-justify-between u-pt-2 u-border-t-1 u-border-grey-75">
                          <div class="u-mr-2">
                            <div class="u-mb-1">Adults</div>
                            <div class="u-text-small">12+ Years</div>
                          </div>
                          <div class="u-flex u-gap-x-1 u-items-center"> <button class="u-w-4 u-h-4 u-p-0 u-text-black u-rounded-full u-border u-bg-white" @click.prevent="updateRoom(index, 'adults', -1)"> <svg class="u-text-small icon"
                                focusable="false" role="presentation">
                                <use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#cti--minus"></use>
                              </svg> </button>
                            <div x-text="room.adults">2</div> <button class="u-relative u-w-4 u-h-4 u-p-0 u-text-black u-rounded-full u-border u-bg-white" @click.prevent="updateRoom(index, 'adults', 1, $event.target)"> <svg class="u-text-small icon"
                                focusable="false" role="presentation">
                                <use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#cti--plus"></use>
                              </svg> <template x-if="getTooltip(index, 'adults')"> <span x-text="getTooltip(index, 'adults')"
                                  class="guests-selector__tooltip u-absolute u-pin-r u-z-1 u-p-1 u-bg-grey-400 u-text-white u-text-small u-leading-tight"></span> </template> </button>
                          </div>
                        </div>
                        <div class="u-flex u-justify-between u-pt-2 u-border-t-1 u-border-grey-75">
                          <div class="u-mr-2">
                            <div class="u-mb-1">Children</div>
                            <div class="u-text-small">0-3 Years</div>
                          </div>
                          <div class="u-flex u-gap-x-1 u-items-center"> <button class="u-w-4 u-h-4 u-p-0 u-text-black u-rounded-full u-border u-bg-white" @click.prevent="updateRoom(index, 'children_0_6', -1)"> <svg class="u-text-small icon"
                                focusable="false" role="presentation">
                                <use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#cti--minus"></use>
                              </svg> </button>
                            <div x-text="room.children_0_6">0</div> <button class="u-relative u-w-4 u-h-4 u-p-0 u-text-black u-rounded-full u-border u-bg-white" @click.prevent="updateRoom(index, 'children_0_6', 1, $event.target)"> <svg
                                class="u-text-small icon" focusable="false" role="presentation">
                                <use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#cti--plus"></use>
                              </svg> <template x-if="getTooltip(index, 'children_0_6')"> <span x-text="getTooltip(index, 'children_0_6')"
                                  class="guests-selector__tooltip u-absolute u-pin-r u-z-1 u-p-1 u-bg-grey-400 u-text-white u-text-small u-leading-tight"></span> </template> </button>
                          </div>
                        </div> <template x-if="room.children_0_6 !== 0">
                          <fieldset>
                            <legend class="u-text-small u-leading-tight">To find you a suitable room, we need to know how old your children will be at check-out</legend> <template x-for="i in room.children_0_6"> <select
                                x-model="room.children_0_6Ages[i - 1]" class="custom-select custom-select-sm u-mt-1">
                                <option value="age_needed">Age needed</option>
                                <option value="0">0</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                              </select> </template>
                          </fieldset>
                        </template>
                        <div class="u-flex u-justify-between u-pt-2 u-border-t-1 u-border-grey-75">
                          <div class="u-mr-2">
                            <div class="u-mb-1">Children</div>
                            <div class="u-text-small">4-11 Years</div>
                          </div>
                          <div class="u-flex u-gap-x-1 u-items-center"> <button class="u-w-4 u-h-4 u-p-0 u-text-black u-rounded-full u-border u-bg-white" @click.prevent="updateRoom(index, 'children_7_12', -1)"> <svg class="u-text-small icon"
                                focusable="false" role="presentation">
                                <use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#cti--minus"></use>
                              </svg> </button>
                            <div x-text="room.children_7_12">0</div> <button class="u-relative u-w-4 u-h-4 u-p-0 u-text-black u-rounded-full u-border u-bg-white" @click.prevent="updateRoom(index, 'children_7_12', 1, $event.target)"> <svg
                                class="u-text-small icon" focusable="false" role="presentation">
                                <use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#cti--plus"></use>
                              </svg> <template x-if="getTooltip(index, 'children_7_12')"> <span x-text="getTooltip(index, 'children_7_12')"
                                  class="guests-selector__tooltip u-absolute u-pin-r u-z-1 u-p-1 u-bg-grey-400 u-text-white u-text-small u-leading-tight"></span> </template> </button>
                          </div>
                        </div> <template x-if="room.children_7_12 !== 0">
                          <fieldset>
                            <legend class="u-text-small u-leading-tight">To find you a suitable room, we need to know how old your children will be at check-out</legend> <template x-for="i in room.children_7_12"> <select
                                x-model="room.children_7_12Ages[i - 1]" class="custom-select custom-select-sm u-mt-1">
                                <option value="age_needed">Age needed</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                                <option value="6">6</option>
                                <option value="7">7</option>
                                <option value="8">8</option>
                                <option value="9">9</option>
                                <option value="10">10</option>
                                <option value="11">11</option>
                              </select> </template>
                          </fieldset>
                        </template>
                        <div class="u-flex u-justify-between u-pt-2 u-border-t-1 u-border-grey-75">
                          <div class="u-mr-2">
                            <div class="u-mb-1">Pets</div>
                            <div class="u-text-small">£30 per dog (2 dogs per room)</div>
                          </div>
                          <div class="u-flex u-gap-x-1 u-items-center"> <button class="u-w-4 u-h-4 u-p-0 u-text-black u-rounded-full u-border u-bg-white" @click.prevent="updateRoom(index, 'pets', -1)"> <svg class="u-text-small icon" focusable="false"
                                role="presentation">
                                <use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#cti--minus"></use>
                              </svg> </button>
                            <div x-text="room.pets">0</div> <button class="u-relative u-w-4 u-h-4 u-p-0 u-text-black u-rounded-full u-border u-bg-white" @click.prevent="updateRoom(index, 'pets', 1, $event.target)"> <svg class="u-text-small icon"
                                focusable="false" role="presentation">
                                <use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#cti--plus"></use>
                              </svg> <template x-if="getTooltip(index, 'pets')"> <span x-text="getTooltip(index, 'pets')" class="guests-selector__tooltip u-absolute u-pin-r u-z-1 u-p-1 u-bg-grey-400 u-text-white u-text-small u-leading-tight"></span>
                              </template> </button>
                          </div>
                        </div>
                      </div>
                    </div> <template x-if="index !== 0">
                      <div class="u-text-center u-mt-3"> <button @click.prevent="removeRoom(index)" class="btn-outline-danger u-rounded btn btn-sm btn-outline-primary"> <svg class="u-mr-1 icon" focusable="false" role="presentation">
                            <use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#cti--close"></use>
                          </svg> <span x-text="`Remove room ${index + 1}?`"></span> </button></div>
                    </template>
                  </div>
                  <div class="u-border-t-1 u-border-grey-100 u-pt-2 u-mt-2 exclude-from-owl" data-once="excludeFromOwl"> <template x-if="rooms[8].adults === 0"> <button @click.prevent="addRoom()" class="btn-block btn btn-outline-primary"> <svg
                          class="u-mr-1 icon" focusable="false" role="presentation">
                          <use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#cti--plus"></use>
                        </svg> Add room </button> </template> <button @click.prevent="addRoom()" class="btn-block btn btn-outline-primary" style="padding: 1em 2em;">
                      <div class="DEV_010060--button-content"><svg class="u-mr-1 icon" focusable="false" role="presentation">
                          <use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sfy2yu#cti--plus"></use>
                        </svg>Add another room</div>
                    </button>
                    <div class="faux-checkbox-wrapper">
                      <div class="faux-checkbox u-relative"> <input type="checkbox" id="guests-option-rooms-close-checkbox" name="guests_option_rooms_close_checkbox" value="I'd like rooms close to each other (if available)"
                          data-once="guestsOptionRoomsClose"> <label for="guests-option-rooms-close-checkbox" class="u-m-0"> <span class="u-pl-5 u-py-2 u-flex u-flex-col u-text-small">I'd like rooms close to each other (if available)</span> </label>
                      </div>
                      <div class="faux-checkbox u-relative"> <input type="checkbox" id="guests-option-rooms-adjoining-checkbox" name="guests_option_rooms_adjoining_checkbox" value="I'd like adjoining rooms (if available)"
                          data-once="guestsOptionRoomsAdjoining"> <label for="guests-option-rooms-adjoining-checkbox" class="u-m-0"> <span class="u-pl-5 u-py-2 u-flex u-flex-col u-text-small">I'd like adjoining rooms (if available)</span> </label>
                      </div>
                    </div> <template x-if="rooms[8].adults !== 0">
                      <div class="u-bg-grey-25 u-leading-normal u-p-2 u-font-bold">
                        <p>To book 10 rooms or more, please contact us.</p>
                      </div>
                    </template>
                  </div>
                </div>
              </div>
            </div> <input data-drupal-selector="edit-guests" type="hidden" name="guests"
              value="[{&quot;guid&quot;:&quot;6751e9ad-3051-4d1b-9b5c-1b74d1cf90c0&quot;,&quot;adults&quot;:2,&quot;children_0_6&quot;:0,&quot;children_0_6Ages&quot;:[],&quot;children_7_12&quot;:0,&quot;children_7_12Ages&quot;:[],&quot;pets&quot;:0},{&quot;guid&quot;:&quot;58322916-9367-4dc8-9a86-27ba3c8f920f&quot;,&quot;adults&quot;:0,&quot;children_0_6&quot;:0,&quot;children_0_6Ages&quot;:[],&quot;children_7_12&quot;:0,&quot;children_7_12Ages&quot;:[],&quot;pets&quot;:0},{&quot;guid&quot;:&quot;2899ac9c-c586-4268-9585-cdf2ef24ff02&quot;,&quot;adults&quot;:0,&quot;children_0_6&quot;:0,&quot;children_0_6Ages&quot;:[],&quot;children_7_12&quot;:0,&quot;children_7_12Ages&quot;:[],&quot;pets&quot;:0},{&quot;guid&quot;:&quot;7368f195-af01-49d4-9bde-42ef5eed2690&quot;,&quot;adults&quot;:0,&quot;children_0_6&quot;:0,&quot;children_0_6Ages&quot;:[],&quot;children_7_12&quot;:0,&quot;children_7_12Ages&quot;:[],&quot;pets&quot;:0},{&quot;guid&quot;:&quot;d36c2c0b-886c-4028-a727-90b651a390b7&quot;,&quot;adults&quot;:0,&quot;children_0_6&quot;:0,&quot;children_0_6Ages&quot;:[],&quot;children_7_12&quot;:0,&quot;children_7_12Ages&quot;:[],&quot;pets&quot;:0},{&quot;guid&quot;:&quot;441e50f5-13b7-4da5-909b-80fa220b2b06&quot;,&quot;adults&quot;:0,&quot;children_0_6&quot;:0,&quot;children_0_6Ages&quot;:[],&quot;children_7_12&quot;:0,&quot;children_7_12Ages&quot;:[],&quot;pets&quot;:0},{&quot;guid&quot;:&quot;58cbdda5-dd50-48fe-b217-c7532a67b1bf&quot;,&quot;adults&quot;:0,&quot;children_0_6&quot;:0,&quot;children_0_6Ages&quot;:[],&quot;children_7_12&quot;:0,&quot;children_7_12Ages&quot;:[],&quot;pets&quot;:0},{&quot;guid&quot;:&quot;20ab8f9e-e9b2-4759-a699-70eac444fb9f&quot;,&quot;adults&quot;:0,&quot;children_0_6&quot;:0,&quot;children_0_6Ages&quot;:[],&quot;children_7_12&quot;:0,&quot;children_7_12Ages&quot;:[],&quot;pets&quot;:0},{&quot;guid&quot;:&quot;71aafd9d-0d81-4175-8e91-a398bac617f2&quot;,&quot;adults&quot;:0,&quot;children_0_6&quot;:0,&quot;children_0_6Ages&quot;:[],&quot;children_7_12&quot;:0,&quot;children_7_12Ages&quot;:[],&quot;pets&quot;:0}]"
              :value="JSON.stringify(rooms)">
          </div>
        </div>
      </div>
      <div data-twig-suggestion="dvh-booking-engine-widget-form--2" data-drupal-selector="edit-col-b" id="edit-col-b--4" class="js-form-wrapper form-wrapper u-o-3 u-relative">
        <div class="u-hidden lg:u-block js-form-wrapper form-wrapper u-o-3 u-mt-3 u-relative exclude-from-owl" id="booking-form-submit-wrapper" data-drupal-selector="edit-submit-container" data-once="excludeFromOwl"> <input
            data-drupal-selector="edit-desktop-submit" type="submit" id="edit-desktop-submit--2" name="op" value="Check availability"
            class="button js-form-submit form-submit booking-form__desktop-submit u-text-small u-whitespace-no-wrap u-px-3 xl:u-text-medium btn btn-primary exclude-from-owl" data-once="excludeFromOwl drupal-ajax"></div>
      </div>
    </div> <input data-twig-suggestion="dvh-booking-engine-widget-form--2" data-drupal-selector="edit-guests-option-rooms-close" type="hidden" name="guests_option_rooms_close" value="" class="u-m-0"> <input
      data-twig-suggestion="dvh-booking-engine-widget-form--2" data-drupal-selector="edit-guests-option-rooms-adjoining" type="hidden" name="guests_option_rooms_adjoining" value="" class="u-m-0">
    <div class="u-breakout u-py-2 u-bg-grey-75--dark lg:u-py-1.5 js-form-wrapper form-wrapper u-o-3 u-relative" data-twig-suggestion="dvh-booking-engine-widget-form--2" data-drupal-selector="edit-second-row" id="edit-second-row--3">
      <div id="booking-form-row-2" data-twig-suggestion="dvh-booking-engine-widget-form--2" data-drupal-selector="edit-children"
        class="js-form-wrapper form-wrapper container u-flex u-flex-wrap u-flex-gap-2 u-justify-center lg:u-justify-end u-items-center exclude-from-owl" data-once="excludeFromOwl">
        <div class="special-code-wrapper js-form-wrapper form-wrapper u-border-1 u-border-grey u-rounded u-p-1.5 u-text-small" id="special-code-container" data-drupal-selector="edit-col-a"> <button id="guests-code-btn" name="Guests Special code"
            class="btn btn--code btn u-text-primary button js-form-submit form-submit u-mb-0.5 u-p-0 u-inline-flex u-items-center u-flex-row-reverse" data-drupal-selector="edit-header" type="submit" value="Do you have a special code?"
            data-once="bookCodeBtn"> <svg class="icon u-ml-1" focusable="false" role="presentation">
              <use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#feather--chevron-down"></use>
            </svg> <span> Do you have a special code? </span> </button>
          <p>Add your code for wedding, events, special or business rates</p>
          <div data-booking-field="" class="u-w-full lg:u-w-auto lg:u-flex-1 js-form-item form-item js-form-type-select form-item-code-type js-form-item-code-type js-form-select form-select form-no-label">
            <div class="custom-select-wrapper u-relative"><select class="u-visually-hidden dvh-special-codes form-select custom-select u-pr-6" id="dvh-special-codes" data-drupal-selector="edit-code-type" name="code_type" data-once="dvhSpecialCodes">
                <option value="" selected="selected">- Select your code type -</option>
                <option value="promotion">Promotion code</option>
                <option value="corporate">Business rate</option>
                <option value="travel_agent">Travel agent number</option>
              </select></div>
          </div>
          <div data-booking-field="" class="u-w-full lg:u-w-auto lg:u-flex-1 js-form-item form-item u-mt-0 js-form-type-textfield form-item-special-code js-form-item-special-code js-form-textfield form-textfield form-no-label"> <input
              class="u-visually-hidden form-text u-m-0 form-control" id="dvh-special-code-value" data-drupal-selector="edit-special-code" type="text" name="special_code" value="" size="60" maxlength="128" placeholder="Enter your code"></div>
        </div>
        <div class="lg:u-hidden js-form-wrapper form-wrapper u-relative" id="booking-form-mobile-submit-wrapper" data-drupal-selector="edit-col-b"> <input data-drupal-selector="edit-children" type="submit" id="edit-children--11" name="op"
            value="Check availability" class="button js-form-submit form-submit booking-form__desktop-submit u-text-small u-whitespace-no-wrap u-px-3 xl:u-text-medium btn btn-primary" data-once="drupal-ajax"></div>
      </div>
    </div> <input autocomplete="off" data-twig-suggestion="dvh-booking-engine-widget-form--2" data-drupal-selector="form-yvppgqhaklgnwyrxryukf3mt69jnpkcfeb5dpgcxq9k" type="hidden" name="form_build_id"
      value="form-YVpPgQHakLGNwyRxRYUkF3mt69JNPKCfEB5DPGcxq9k" class="u-m-0"> <input data-twig-suggestion="dvh-booking-engine-widget-form--2" data-drupal-selector="edit-dvh-booking-engine-widget-form-2" type="hidden" name="form_id"
      value="dvh_booking_engine_widget_form" class="u-m-0">
    <div class="urlfield-textfield js-form-wrapper form-wrapper u-o-3 u-relative" style="display: none !important;">
      <div data-booking-field="" class="u-w-full lg:u-w-auto lg:u-flex-1 js-form-item form-item u-mt-0 js-form-type-textfield form-item-urlfield js-form-item-urlfield js-form-textfield form-textfield exclude-from-owl" data-once="excludeFromOwl">
        <label for="edit-urlfield--4" class="u-text-black u-font-bold"><span data-form-label-wrapper="">Leave this field blank</span></label> <input autocomplete="off" data-twig-suggestion="dvh-booking-engine-widget-form--2"
          data-drupal-selector="edit-urlfield" type="text" id="edit-urlfield--4" name="urlfield" value="" size="20" maxlength="128" class="form-text u-m-0 form-control"></div>
    </div>
  </div>
  <div data-booking-flow-cta="" class="booking-form__flow-cta u-flex-wrap u-items-center u-justify-center u-fixed u-z-501 u-pin-l u-pin-r u-pin-b u-p-2 u-bg-white u-flex-gap-2 lg:u-hidden">
    <div class="u-w-full u-text-medium u-text-center">
      <p data-booking-flow-cta-msg="">undefined</p>
    </div>
    <div> <button class="u-px-10 btn btn-primary" data-booking-flow-cta-btn="" disabled="">Select dates</button></div>
  </div>
</form>

GET /search

<form class="primary-navigation-search u-flex u-gap-3 u-o-1" x-data="{ isLarge: Foundation.MediaQuery.atLeast('lg') }" x-on:resize.window.debounce="isLarge = Foundation.MediaQuery.atLeast('lg')" role="search" aria-label="Site-wide search"
  data-drupal-selector="primary-navigation-search" novalidate="novalidate" action="/search" method="get" id="primary-navigation-search" accept-charset="UTF-8">
  <div class="u-flex-grow js-form-item form-item js-form-type-search form-item-query js-form-item-query js-form-search form-search form-no-label" data-once="excludeFromOwl"> <label for="edit-query--9QAIjHfOYL4--randomised"
      class="u-visually-hidden u-text-black"><span data-form-label-wrapper="">Search</span></label> <input x-bind:placeholder="isLarge ? 'Enter a search query, e.g. terms and conditions' : ''" data-twig-suggestion="primary-navigation-search"
      data-drupal-selector="edit-query" type="search" id="edit-query--9QAIjHfOYL4--randomised" name="query" value="" size="15" maxlength="128" class="form-search u-m-0 form-control" placeholder="Enter a search query, e.g. terms and conditions"></div>
  <button data-twig-suggestion="primary-navigation-search" data-drupal-selector="edit-submit" id="edit-submit" value="Search" class="button js-form-submit form-submit btn btn-primary u-px-3 md:u-px-5" aria-label="Search" data-once="excludeFromOwl">
    <span class="md:u-hidden"> <svg class="icon" focusable="false" role="presentation">
        <use xlink:href="/themes/custom/rutherford/dist/img/sprite/sprite.svg?v=sluv3a#cti--search"></use>
      </svg> </span> <span class="u-hidden md:u-inline"> Search </span></button>
</form>

POST /?utm_source=OracleResponsys&utm_medium=email&utm_campaign=JAN_2024_DV_ForTheNow_Campaign_V8_NewYearBreaks_Emailable_Expanded

<form class="dvh-currency-switcher-form u-o-1" data-drupal-selector="dvh-currency-switcher-form-2" novalidate="novalidate"
  action="/?utm_source=OracleResponsys&amp;utm_medium=email&amp;utm_campaign=JAN_2024_DV_ForTheNow_Campaign_V8_NewYearBreaks_Emailable_Expanded" method="post" id="dvh-currency-switcher-form--2" accept-charset="UTF-8">
  <div class="js-form-item form-item js-form-type-select form-item-currency js-form-item-currency js-form-select form-select form-no-label" data-once="excludeFromOwl">
    <div class="custom-select-wrapper u-relative"><select class="u-text-black u-inline u-h-5 u-p-0 u-pl-1 u-max-w-measure-sm form-select custom-select u-pr-6" data-twig-suggestion="dvh-currency-switcher-form--2" data-drupal-selector="edit-currency"
        id="edit-currency--2" name="currency" data-once="smartDateStartChange">
        <option value="GBP">£GBP</option>
        <option value="USD">$USD</option>
        <option value="EUR">€EUR</option>
      </select></div>
  </div> <input autocomplete="off" data-twig-suggestion="dvh-currency-switcher-form--2" data-drupal-selector="form-flo0skb7wibxnkjftn4p2jbpehsy-sobuwdcrpuiuk" type="hidden" name="form_build_id" value="form-fLo0SKb7WibxnkjfTN4p2jBpEHSy_-sobUWDCrpUiuk"
    class="u-m-0"> <input data-twig-suggestion="dvh-currency-switcher-form--2" data-drupal-selector="edit-dvh-currency-switcher-form-2" type="hidden" name="form_id" value="dvh_currency_switcher_form" class="u-m-0">
  <div class="urlfield-textfield js-form-wrapper form-wrapper u-o-3 u-relative" style="display: none;" data-once="excludeFromOwl">
    <div class="js-form-item form-item js-form-type-textfield form-item-urlfield js-form-item-urlfield js-form-textfield form-textfield exclude-from-owl" data-once="excludeFromOwl"> <label for="edit-urlfield--6" class="u-text-black"><span
          data-form-label-wrapper="">Leave this field blank</span></label> <input autocomplete="off" data-twig-suggestion="dvh-currency-switcher-form--2" data-drupal-selector="edit-urlfield" type="text" id="edit-urlfield--6" name="urlfield" value=""
        size="20" maxlength="128" class="form-text u-m-0 form-control"></div>
  </div>
</form>

<form>
  <div class="u-flex u-flex-col md:u-flex-row u-flex-gap-1 md:u-flex-gap-0 u-items-center">
    <div class="u-flex-1 u-pr-0.5 js-form-item form-item js-form-type-email form-item-email-address js-form-item-email-address js-form-email form-email"> <label for="edit-email-address"
        class="js-form-required form-required u-text-black u-visually-hidden"><span data-form-label-wrapper="">Email address</span>&nbsp;<span class="u-visually-hidden">(required)</span><span aria-hidden="true" class="u-text-danger u-font-normal"
          title="This field is required">*</span></label> <input data-twig-suggestion="dvh-webform-newsletter-signup" data-drupal-selector="edit-email-address" type="email" id="edit-email-address" name="email_address" value="" size="60"
        maxlength="254" placeholder="example@email.com" class="form-email required u-m-0 u-border-1 u-border-grey-100 u-h-input-md u-w-full u-p-2 u-rounded md:u-flex-1" required="required" aria-required="true"></div> <input
      data-drupal-selector="edit-sign-up" type="submit" id="edit-sign-up" name="op" value="Sign up" class="button js-form-submit form-submit btn btn-primary u-h-input-md u-px-4 u-rounded" data-once="drupal-ajax"> <input autocomplete="off"
      data-twig-suggestion="dvh-webform-newsletter-signup" data-drupal-selector="form-vhoiitwyzr6xvdq6ijcpafp3dx8oqrdnffvfjhlc8ke" type="hidden" name="form_build_id" value="form-vHoiitWYZR6XvDQ6IjCpAfp3dX8OQRdNffvfJHLc8kE" class="u-m-0"> <input
      data-twig-suggestion="dvh-webform-newsletter-signup" data-drupal-selector="edit-dvh-webform-newsletter-signup" type="hidden" name="form_id" value="dvh_webform_newsletter_signup" class="u-m-0">
    <div class="urlfield-textfield js-form-wrapper form-wrapper u-o-3 u-relative" style="display: none !important;">
      <div class="u-flex-1 u-pr-0.5 js-form-item form-item js-form-type-textfield form-item-urlfield js-form-item-urlfield js-form-textfield form-textfield exclude-from-owl" data-once="excludeFromOwl"> <label for="edit-urlfield--7"
          class="u-text-black u-visually-hidden"><span data-form-label-wrapper="">Leave this field blank</span></label> <input autocomplete="off" data-twig-suggestion="dvh-webform-newsletter-signup" data-drupal-selector="edit-urlfield" type="text"
          id="edit-urlfield--7" name="urlfield" value="" size="20" maxlength="128" class="form-text u-m-0 form-control"></div>
    </div>
  </div>
</form>

Text Content

Skip page header and navigation

Get up to 15% off your stay - Explore our member benefits

 * Gift cards
 * Log in

Book now
Open menu Close menu
 * Destinations
   * Destinations
      * De Vere Grand Connaught Rooms
        Central London, Covent Garden
      * De Vere Beaumont Estate
        West M25, Windsor
      * De Vere Horsley Estate
        South West M25, East Horsley
      * De Vere Latimer Estate
        North West M25, Chesham
      * De Vere Cotswold Water Park
        near M4 and M5, Cotswolds
      * De Vere Tortworth Court
        M5 Corridor, Bristol
      * De Vere Wokefield Estate
        M4 Corridor, Reading
      * De Vere Cranage Estate
        M6 Corridor, South Manchester
     
     
     BOOK DIRECT AND SAY HELLO TO 10% OFF
     
     Choose Applause rate when you book and you'll get an automatic 10% off our
     best room rates, plus free, superfast WiFi, advanced check-in, 24 hour
     unlimited access to over 5,000 digital newspapers, books and magazines,
     late check-out and more.
     View Offer
 * Offers
   * Offers
      * Free breakfast offer
        Treat yourself to a much-needed getaway to a De Vere hotel and we’ll
        treat you to breakfast – each morning of your stay.
      * Book direct and say hello to 10% off
        Choose Applause rate when you book and you’ll automatically save 10% on
        your first booking, rising to 15% the more you stay
      * 'Spy House' experience
        Escape to Buckinghamshire for a chance to walk in the footsteps of WW2
        generals and 'spymasters'. A very special offer inspired by the top
        secret goings-on in Latimer House in the 1940s...
      * 6 O’clock Gin - exclusive package for two
        The ultimate treat for gin connoisseurs at De Vere Tortworth Court
     
     
     YOUR HAPPY PLACE
     
     Dinner, bed & breakfast and luxury treats from £200* per couple - only
     available when you book direct
     View offer
 * Weddings
   * Weddings
      * De Vere Grand Connaught Rooms
        
      * De Vere Beaumont Estate
        
      * De Vere Cotswold Water Park
        
      * De Vere Cranage Estate
        
      * De Vere Horsley Estate
        
      * De Vere Latimer Estate
        
      * De Vere Tortworth Court
        
      * De Vere Wokefield Estate
        
     
     
     DE VERE TORTWORTH COURT
     
     A setting like no other, De Vere Tortworth Court marries Victorian
     architecture with contemporary elegance. With a choice of characterful
     suites, stunning outdoor spaces and smaller rooms for more intimate
     gatherings, De Vere Tortworth Court is a wonderful setting to say 'I do'.
     
     To make a real statement on your big day, consider The Orangery, a grand
     Victorian conservatory with ornamental windowns, a glass ceiling and period
     detailing throughout.
     Find out more
 * Meetings & Events
   * Meetings & Events
      * Smart Booker by De Vere
        
      * Showtime
        
      * De Vere Solutions
        
      * Sustainability
        
      * Conferences
        
      * Carbon calculator
        
      * The Scribe
        
      * Smart Space
        
      * Teambuilding
        
      * Training
        
      * Trainers' Club
        
      * Virtual experience
        
     
     
     SMART BOOKER
     
     If you're looking to book a meeting room on-the-go, our new booking engine
     gives you real-time availability for meetings and events of all sizes
     Book now
 * Our Story
   * Our Story
      * De Vere Reserve
        
      * De Vere Estates
        
      * Sustainability
        
      * Virtual Experience
        
      * Careers
        
     
     
     THE SUNDAY TIMES BEST PLACES TO WORK 2024
     
     De Vere has been recognised in The Sunday Times Best Places to Work 2024,
     being acknowledged as one of the happiest places to work in the UK.
     
     The awards recognises and celebrates the best employers in the UK based on
     feedback from employees and an independent assessment of workplace culture,
     leadership, and employee engagement and wellbeing.
     Read more
 * Companion
   * Companion
      * Step into the world of best-selling author, Katie Fforde
        We'd like to introduce you to 'One Enchanted Evening': the new novel by
        the number one bestselling author and queen of feel-good romance, Katie
        Fford..
      * A night away with my four-legged friend
        Join Nic and Parker as they enjoy the dog-friendly delights of De Vere
        Latimer Estate
      * Our Top 5 things to do in Windsor
        Take a look at our list of 'royally' (sorry) amazing things to do in
        this beautiful corner of England
      * Family time in the beautiful Cotswolds
        Around every picturesque corner there’s something to see or do for
        adults, little ones – and everyone in between.
     
     
     CELEBRATE ADA LOVELACE AT DE VERE HORSLEY ESTATE
     
     Every year the second Tuesday of October marks Ada Lovelace Day in
     recognition of the former Horsley resident's ground-breaking contribution
     to computer technology.
     
     
     Read on...

Book now
 * Destinations
   * Destinations
   * De Vere Grand Connaught Rooms
   * De Vere Beaumont Estate
   * De Vere Horsley Estate
   * De Vere Latimer Estate
   * De Vere Cotswold Water Park
   * De Vere Tortworth Court
   * De Vere Wokefield Estate
   * De Vere Cranage Estate
 * Offers
   * Offers
   * Free breakfast offer
   * Book direct and say hello to 10% off
   * 'Spy House' experience
   * 6 O’clock Gin - exclusive package for two
 * Weddings
   * Weddings
   * De Vere Grand Connaught Rooms
   * De Vere Beaumont Estate
   * De Vere Cotswold Water Park
   * De Vere Cranage Estate
   * De Vere Horsley Estate
   * De Vere Latimer Estate
   * De Vere Tortworth Court
   * De Vere Wokefield Estate
 * Meetings & Events
   * Meetings & Events
   * Smart Booker by De Vere
   * Showtime
   * De Vere Solutions
   * Sustainability
   * Conferences
   * Carbon calculator
   * The Scribe
   * Smart Space
   * Teambuilding
   * Training
   * Trainers' Club
   * Virtual experience
 * Our Story
   * Our Story
   * De Vere Reserve
   * De Vere Estates
   * Sustainability
   * Virtual Experience
   * Careers
 * Companion
   * Companion
   * Step into the world of best-selling author, Katie Fforde
   * A night away with my four-legged friend
   * Our Top 5 things to do in Windsor
   * Family time in the beautiful Cotswolds

Close


BOOK NOW

Close
Where would you like to stay?
De Vere Wokefield EstateDe Vere Beaumont EstateDe Vere Cotswold Water ParkDe
Vere Tortworth CourtDe Vere Latimer EstateDe Vere Horsley EstateDe Vere Cranage
EstateDe Vere Wokefield Estate

WHERE WOULD YOU LIKE TO SAY?

Choose a destination

 * De Vere Wokefield Estate
   M4 Corridor
 * De Vere Beaumont Estate
   West M25
 * De Vere Cotswold Water Park
   near M4 and M5
 * De Vere Tortworth Court
   M5 Corridor
 * De Vere Latimer Estate
   North West M25
 * De Vere Horsley Estate
   South West M25
 * De Vere Cranage Estate
   M6 Corridor

When?


WHEN?

Select your check-in & checkout date

<October
2024>MoTuWeThFrSaSu3012345678910111213141516171819202122232425262728293031123

<November
2024>MoTuWeThFrSaSu282930311234567891011121314151617181920212223242526272829301


Guests
2 Adults, 0 Child , 0 Pet | 1 Room

GUESTS

Select your check-in & checkout date

Adults
12+ Years

Children
0-3 Years

To find you a suitable room, we need to know how old your children will be at
check-out Age needed0123
Children
4-11 Years

To find you a suitable room, we need to know how old your children will be at
check-out Age needed4567891011
Pets
£30 per dog (2 dogs per room)


How many guests will be staying in room 1?
2 Adults, 0 Child , 0 Pet
Adults
12+ Years
2
Children
0-3 Years
0
To find you a suitable room, we need to know how old your children will be at
check-out Age needed0123
Children
4-11 Years
0
To find you a suitable room, we need to know how old your children will be at
check-out Age needed4567891011
Pets
£30 per dog (2 dogs per room)
0

Add room
Add another room
I'd like rooms close to each other (if available)
I'd like adjoining rooms (if available)

To book 10 rooms or more, please contact us.


Do you have a special code?

Add your code for wedding, events, special or business rates

- Select your code type -Promotion codeBusiness rateTravel agent number


Leave this field blank

undefined

Select dates
 * Destinations
   * Destinations
      * De Vere Grand Connaught Rooms
        Central London, Covent Garden
      * De Vere Beaumont Estate
        West M25, Windsor
      * De Vere Horsley Estate
        South West M25, East Horsley
      * De Vere Latimer Estate
        North West M25, Chesham
      * De Vere Cotswold Water Park
        near M4 and M5, Cotswolds
      * De Vere Tortworth Court
        M5 Corridor, Bristol
      * De Vere Wokefield Estate
        M4 Corridor, Reading
      * De Vere Cranage Estate
        M6 Corridor, South Manchester
     
     
     BOOK DIRECT AND SAY HELLO TO 10% OFF
     
     Choose Applause rate when you book and you'll get an automatic 10% off our
     best room rates, plus free, superfast WiFi, advanced check-in, 24 hour
     unlimited access to over 5,000 digital newspapers, books and magazines,
     late check-out and more.
     View Offer
 * Offers
   * Offers
      * Free breakfast offer
        Treat yourself to a much-needed getaway to a De Vere hotel and we’ll
        treat you to breakfast – each morning of your stay.
      * Book direct and say hello to 10% off
        Choose Applause rate when you book and you’ll automatically save 10% on
        your first booking, rising to 15% the more you stay
      * 'Spy House' experience
        Escape to Buckinghamshire for a chance to walk in the footsteps of WW2
        generals and 'spymasters'. A very special offer inspired by the top
        secret goings-on in Latimer House in the 1940s...
      * 6 O’clock Gin - exclusive package for two
        The ultimate treat for gin connoisseurs at De Vere Tortworth Court
     
     
     YOUR HAPPY PLACE
     
     Dinner, bed & breakfast and luxury treats from £200* per couple - only
     available when you book direct
     View offer
 * Weddings
   * Weddings
      * De Vere Grand Connaught Rooms
        
      * De Vere Beaumont Estate
        
      * De Vere Cotswold Water Park
        
      * De Vere Cranage Estate
        
      * De Vere Horsley Estate
        
      * De Vere Latimer Estate
        
      * De Vere Tortworth Court
        
      * De Vere Wokefield Estate
        
     
     
     DE VERE TORTWORTH COURT
     
     A setting like no other, De Vere Tortworth Court marries Victorian
     architecture with contemporary elegance. With a choice of characterful
     suites, stunning outdoor spaces and smaller rooms for more intimate
     gatherings, De Vere Tortworth Court is a wonderful setting to say 'I do'.
     
     To make a real statement on your big day, consider The Orangery, a grand
     Victorian conservatory with ornamental windowns, a glass ceiling and period
     detailing throughout.
     Find out more
 * Meetings & Events
   * Meetings & Events
      * Smart Booker by De Vere
        
      * Showtime
        
      * De Vere Solutions
        
      * Sustainability
        
      * Conferences
        
      * Carbon calculator
        
      * The Scribe
        
      * Smart Space
        
      * Teambuilding
        
      * Training
        
      * Trainers' Club
        
      * Virtual experience
        
     
     
     SMART BOOKER
     
     If you're looking to book a meeting room on-the-go, our new booking engine
     gives you real-time availability for meetings and events of all sizes
     Book now
 * Our Story
   * Our Story
      * De Vere Reserve
        
      * De Vere Estates
        
      * Sustainability
        
      * Virtual Experience
        
      * Careers
        
     
     
     THE SUNDAY TIMES BEST PLACES TO WORK 2024
     
     De Vere has been recognised in The Sunday Times Best Places to Work 2024,
     being acknowledged as one of the happiest places to work in the UK.
     
     The awards recognises and celebrates the best employers in the UK based on
     feedback from employees and an independent assessment of workplace culture,
     leadership, and employee engagement and wellbeing.
     Read more
 * Companion
   * Companion
      * Step into the world of best-selling author, Katie Fforde
        We'd like to introduce you to 'One Enchanted Evening': the new novel by
        the number one bestselling author and queen of feel-good romance, Katie
        Fford..
      * A night away with my four-legged friend
        Join Nic and Parker as they enjoy the dog-friendly delights of De Vere
        Latimer Estate
      * Our Top 5 things to do in Windsor
        Take a look at our list of 'royally' (sorry) amazing things to do in
        this beautiful corner of England
      * Family time in the beautiful Cotswolds
        Around every picturesque corner there’s something to see or do for
        adults, little ones – and everyone in between.
     
     
     CELEBRATE ADA LOVELACE AT DE VERE HORSLEY ESTATE
     
     Every year the second Tuesday of October marks Ada Lovelace Day in
     recognition of the former Horsley resident's ground-breaking contribution
     to computer technology.
     
     
     Read on...

Book now
 * Destinations
   * Destinations
   * De Vere Grand Connaught Rooms
   * De Vere Beaumont Estate
   * De Vere Horsley Estate
   * De Vere Latimer Estate
   * De Vere Cotswold Water Park
   * De Vere Tortworth Court
   * De Vere Wokefield Estate
   * De Vere Cranage Estate
 * Offers
   * Offers
   * Free breakfast offer
   * Book direct and say hello to 10% off
   * 'Spy House' experience
   * 6 O’clock Gin - exclusive package for two
 * Weddings
   * Weddings
   * De Vere Grand Connaught Rooms
   * De Vere Beaumont Estate
   * De Vere Cotswold Water Park
   * De Vere Cranage Estate
   * De Vere Horsley Estate
   * De Vere Latimer Estate
   * De Vere Tortworth Court
   * De Vere Wokefield Estate
 * Meetings & Events
   * Meetings & Events
   * Smart Booker by De Vere
   * Showtime
   * De Vere Solutions
   * Sustainability
   * Conferences
   * Carbon calculator
   * The Scribe
   * Smart Space
   * Teambuilding
   * Training
   * Trainers' Club
   * Virtual experience
 * Our Story
   * Our Story
   * De Vere Reserve
   * De Vere Estates
   * Sustainability
   * Virtual Experience
   * Careers
 * Companion
   * Companion
   * Step into the world of best-selling author, Katie Fforde
   * A night away with my four-legged friend
   * Our Top 5 things to do in Windsor
   * Family time in the beautiful Cotswolds

 * Gift cards
 * Log in

 * Careers
 * Contact us
 * De Vere in the press
 * Media enquiries & press releases

 * Sustainability
 * Accessibility guides
 * Anti-slavery policy
 * Company registration
 * Gender pay gap report

 * Privacy policy
 * Cookie policy
 * Terms of use

Search De Vere
Search
Search

Join Applause and get 10% off when you book direct. Plus 10% off food*, late
check-out and more.

Sign up for free
Dismiss message



HERO VIDEO


Scroll down




UNFORGETTABLE EXPERIENCES, THOUGHTFULLY CRAFTED


LOCATION

Our hotel estates are surrounded by glorious countryside and famous destinations
for family-friendly days out.


BOOK DIRECT AND SAVE

When you book direct with us you’ll save 10% off our lowest price. Every time.


EAT & DRINK

Enjoy aperitifs, nightcaps, cosy dinners and light lunches in our beautiful bars
and restaurants.


GATHERINGS

Our mansion house estates are enchanting locations for weddings, parties and
private dining events.


DESTINATIONS

Slide 1 of 8


DE VERE TORTWORTH COURT

A magnificent Grade II listed mansion house and spa in South Gloucestershire set
in beautiful, manicured gardens.


Slide 2 of 8


DE VERE BEAUMONT ESTATE

An 18th-century mansion, a chapel, 45 event spaces and a Georgian white house in
42 acres of parkland grounds.


Slide 3 of 8


DE VERE WOKEFIELD ESTATE

An elegant mansion house estate and golf course set in 250 acres of Berkshire
parkland.


Slide 4 of 8


DE VERE COTSWOLD WATER PARK

Stylish, contemporary accommodation with lake views, al fresco dining and a spa.


Slide 5 of 8


DE VERE LATIMER ESTATE

A majestic mansion with an incredible history in the heart of the
Buckinghamshire countryside.


Slide 6 of 8


DE VERE HORSLEY ESTATE

A Victorian gothic masterpiece in the heart of Surrey, with history and heritage
at every turn.


Slide 7 of 8


DE VERE CRANAGE ESTATE

21st-century style complements rich heritage at this iconic Cheshire hotel.


Slide 8 of 8


DE VERE GRAND CONNAUGHT ROOMS

A famous central London venue with grand Georgian architecture and art-deco
interiors.


Next slide
Next slide



CAMPAIGN CALLOUT


YOU. ARE. HERE.

There’s an indiscernible sweet spot during a hotel stay when everyday life is
forgotten about and you exist in the now. You’re fully immersed and committed to
enjoying every aspect of the world you’re now in.

You’re in the moment.

You’ve found your happy place.

And for now at least, you don’t need to be anywhere else.

You. Are. Here.

De Vere

Find Your Happy Place



RESERVE AND ESTATES

Slide 1 of 4


DE VERE RESERVE

The De Vere Reserve experience offers the very best of De Vere: attentive,
personal service and thoughtful touches within atmospheric mansion house
surroundings.


Slide 2 of 4


DESTINATIONS

Discover over 1,800 bedrooms and 260 meeting rooms located around the UK from
Berkshire and Buckinghamshire to the Cotswolds and Cheshire.


Slide 3 of 4


DE VERE ESTATES

De Vere Estates combine iconic buildings and contemporary, heritage–inspired
interior design to creates a harmonious sense of modern luxury.


Slide 4 of 4


DAYS OUT

De Vere hotels are ideally located for exploring some of the UK's most iconic
destinations. From historic locations to big name attractions to calming country
walks


Next slide
Next slide



DE VERE BOOK

 Feel free to read or download the De Vere book.

Have a browse


SOCIAL FEED




DOWNLOADS AND EXTRAS


APPLAUSE REWARDS



Applause is the free-to-join guest loyalty club from De Vere that rewards you
with exclusive perks and discounts -  including 10% off on your first booking,
rising to 15% the more you stay. 

Register for free


SHOWTIME REWARDS



Showtime is our way of saying thank you for your corporate events business.
Receive free cinema tickets with every enquiry and earn points on every event to
spend with our luxury redemption partners.

Register for free


DE VERE IN THE PRESS



Keep up to date with our latest online reviews, features and news in the
press including articles from The Telegraph, Marie Claire and The Caterer. And
take a peek at our blog: The Companion. 

Read more


EGIFT CARDS



Available from just £10, a De Vere eGift card can be used to purchase all manner
of  things - from a relaxing spa treatment to a decadent afternoon tea to an
intimate dinner for two - or even an overnight stay.

Buy now





DESTINATIONS

Open destination menu


 * DE VERE HORSLEY ESTATE
   
   South West M25, East Horsley
   Learn more


 * DE VERE GRAND CONNAUGHT ROOMS
   
   Central London, Covent Garden
   Learn more


 * DE VERE WOKEFIELD ESTATE
   
   M4 Corridor, Reading
   Learn more


 * DE VERE BEAUMONT ESTATE
   
   West M25, Windsor
   Learn more


 * DE VERE COTSWOLD WATER PARK
   
   Near M4 and M5, Cotswolds
   Learn more


 * DE VERE TORTWORTH COURT
   
   M5 Corridor, Bristol
   Learn more


 * DE VERE LATIMER ESTATE
   
   North West M25, Chesham
   Learn more


 * DE VERE CRANAGE ESTATE
   
   M6 Corridor, South Manchester
   Learn more


COMPANY

 * Careers
 * Contact us
 * De Vere in the press
 * Media enquiries & press releases

--------------------------------------------------------------------------------

 * Sustainability
 * Accessibility guides
 * Anti-slavery policy
 * Company registration
 * Gender pay gap report


SOCIAL

 * Facebook
 * X
 * Instagram
 * YouTube
 * LinkedIn


CURRENCY

£GBP$USD€EUR
Leave this field blank


STAY INFORMED

Sign up for our newsletter for news and previews


Email address (required)*
Leave this field blank

--------------------------------------------------------------------------------

© 2024 De Vere. All Rights Reserved.

 * Privacy policy
 * Cookie policy
 * Terms of use

--------------------------------------------------------------------------------





By clicking “Accept All Cookies”, you agree to the storing of cookies on your
device to enhance site navigation, analyse site usage, and assist in our
marketing efforts.

Cookies Settings Accept All Cookies



PRIVACY PREFERENCE CENTER

When you visit any website, it may store or retrieve information on your
browser, mostly in the form of cookies. This information might be about you,
your preferences or your device and is mostly used to make the site work as you
expect it to. The information does not usually directly identify you, but it can
give you a more personalized web experience. Because we respect your right to
privacy, you can choose not to allow some types of cookies. Click on the
different category headings to find out more and change our default settings.
However, blocking some types of cookies may impact your experience of the site
and the services we are able to offer.
More information
Allow All


MANAGE CONSENT PREFERENCES

TARGETING COOKIES

Targeting Cookies

These cookies may be set through our site by our advertising partners. They may
be used by those companies to build a profile of your interests and show you
relevant adverts on other sites. They do not store directly personal
information, but are based on uniquely identifying your browser and internet
device. If you do not allow these cookies, you will experience less targeted
advertising.

STRICTLY NECESSARY COOKIES

Always Active

These cookies are necessary for the website to function and cannot be switched
off in our systems. They are usually only set in response to actions made by you
which amount to a request for services, such as setting your privacy
preferences, logging in or filling in forms. You can set your browser to block
or alert you about these cookies, but some parts of the site will not then work.
These cookies do not store any personally identifiable information.

PERFORMANCE COOKIES

Performance Cookies

These cookies allow us to count visits and traffic sources so we can measure and
improve the performance of our site. They help us to know which pages are the
most and least popular and see how visitors move around the site. All
information these cookies collect is aggregated and therefore anonymous. If you
do not allow these cookies we will not know when you have visited our site, and
will not be able to monitor its performance.

FUNCTIONAL COOKIES

Functional Cookies

These cookies enable the website to provide enhanced functionality and
personalisation. They may be set by us or by third party providers whose
services we have added to our pages. If you do not allow these cookies then some
or all of these services may not function properly.

Back Button


PERFORMANCE COOKIES



Search Icon
Filter Icon

Clear
checkbox label label
Apply Cancel
Consent Leg.Interest
checkbox label label
checkbox label label
checkbox label label

Confirm My Choices