PageSourceSearch

https://www.cotswold-inns-hotels.co.uk/blog

html cotswold-inns-hotels.co.uk collected 2026-09-26 01:04:18 UTC 166,006 bytes, 1,844 lines download raw bytes

1
2
3<!DOCTYPE html>
4<html lang="en">
5<head>
6    
7    
8
9    <meta charset="utf-8" />
10    <meta name="format-detection" content="telephone=no" />
11    <meta name="viewport" content="width=device-width, initial-scale=1" />
12    <meta name="theme-color" content="#F6F6E2">
13    <title>Read our Cotswold Inns and Hotels Blog</title>
14    <meta name="description" content="A group of historic Hotels in the Cotswolds along with conference and wedding facilities and award-winning restaurants." />
15    <link rel="canonical" href="https://www.cotswold-inns-hotels.co.uk/blog" />
16    <meta property="og:title" content="Read our Cotswold Inns and Hotels Blog" />
17    <meta property="og:description" content="A group of historic Hotels in the Cotswolds along with conference and wedding facilities and award-winning restaurants." />
18    <meta property="og:url" content="https://www.cotswold-inns-hotels.co.uk/blog" />
19        <meta name="twitter:title" content="Read our Cotswold Inns and Hotels Blog" />
20        <meta name="twitter:description" content="A group of historic Hotels in the Cotswolds along with conference and wedding facilities and award-winning restaurants." />
21        <meta name="google-site-verification" content="deXTz_x7m4eMyqanqRfv2fauxIe5cpmmP-eRIE9tQm0" />
22    <link rel="apple-touch-icon" sizes="180x180" href="/assets/cotswoldsinns/favicon/apple-touch-icon.png" />
23    <link rel="icon" type="image/png" sizes="32x32" href="/assets/cotswoldsinns/favicon/favicon-32x32.png" />
24    <link rel="icon" type="image/png" sizes="16x16" href="/assets/cotswoldsinns/favicon/favicon-16x16.png" />
25    <link rel="manifest" href="/assets/cotswoldsinns/favicon/site.webmanifest" />
26    <link rel="mask-icon" href="/assets/cotswoldsinns/favicon/safari-pinned-tab.svg" color="#5bbad5" />
27    <link rel="shortcut icon" href="/assets/cotswoldsinns/favicon/favicon.ico" />
28
29
30    <link rel="stylesheet" href="/assets/cotswoldsinns/css/styles.min.css?ref=68769064995762324B2275243D89DD34" />
31
32    
32<script>
vendor: 495 bytes, lines 32-40
32
33        (function (w, d, s, l, i) {
34            w[l] = w[l] || []; w[l].push({
35                'gtm.start':
36                    new Date().getTime(), event: 'gtm.js'
37            }); var f = d.getElementsByTagName(s)[0],
38                j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
39                    'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
40        })(window, document, 'script', 'dataLayer', '
40GTM-N3B2BK
vendor: 9 bytes, lines 40-41
40');
41    
41</script>
41
42    <link rel="stylesheet" type="text/css" href="https://onsass.designmynight.com/?background-color=%23FFFFFF&primary-color=%236DA8A6&body-text-color=%23000000&outer-border-color=gray">
43</head>
44<body>
45
46    <svg width="0" height="0" class="vis-hdn">
47        <clipPath id="heading-icon" clipPathUnits="objectBoundingBox">
48            <path d="m0.847,0.892 c0.009,0.012,0.017,0.007,0.025,-0.001 c0.023,-0.024,0.043,-0.059,0.06,-0.102 c0.025,-0.064,0.038,-0.141,0.039,-0.226 c0.002,-0.134,-0.032,-0.224,-0.078,-0.256 c-0.024,-0.017,-0.048,-0.008,-0.072,0.006 c-0.041,0.025,-0.077,0.069,-0.113,0.118 c-0.042,0.058,-0.083,0.117,-0.125,0.176 c-0.006,0.008,-0.01,0.019,-0.016,0.027 c-0.037,0.051,-0.074,0.103,-0.112,0.153 c-0.036,0.048,-0.072,0.096,-0.109,0.139 c-0.047,0.055,-0.098,0.075,-0.152,0.065 c-0.047,-0.009,-0.087,-0.055,-0.122,-0.123 c-0.034,-0.067,-0.058,-0.147,-0.068,-0.248 c-0.011,-0.112,-0.002,-0.218,0.022,-0.318 c0.025,-0.109,0.062,-0.197,0.109,-0.26 c0.02,-0.027,0.042,-0.042,0.065,-0.042 c0.035,0,0.078,0.069,0.08,0.159 c0.001,0.057,-0.008,0.106,-0.026,0.147 c-0.022,0.051,-0.049,0.075,-0.08,0.062 c-0.03,-0.013,-0.056,-0.085,-0.057,-0.155 c0,-0.018,0,-0.036,0,-0.058 c-0.004,0.002,-0.009,0.002,-0.012,0.007 c-0.008,0.012,-0.016,0.025,-0.022,0.041 c-0.033,0.082,-0.052,0.179,-0.053,0.289 c-0.001,0.088,0.01,0.169,0.037,0.236 c0.034,0.083,0.076,0.105,0.124,0.086 c0.052,-0.021,0.1,-0.07,0.145,-0.132 c0.069,-0.094,0.135,-0.194,0.203,-0.292 c0.041,-0.06,0.081,-0.126,0.126,-0.176 c0.038,-0.042,0.077,-0.076,0.12,-0.088 c0.05,-0.014,0.096,0.01,0.136,0.077 c0.032,0.053,0.058,0.117,0.071,0.203 c0.014,0.101,0.01,0.2,-0.01,0.295 c-0.031,0.146,-0.081,0.244,-0.151,0.287 c-0.039,0.023,-0.075,0.01,-0.105,-0.052 c-0.035,-0.071,-0.038,-0.172,-0.008,-0.253 c0.026,-0.069,0.064,-0.093,0.096,-0.058 c0.023,0.025,0.042,0.063,0.047,0.123 c0.004,0.041,0,0.08,-0.008,0.118 c-0.002,0.008,-0.003,0.016,-0.005,0.026 l0,0.000219">
49            </path>
50        </clipPath>
51
52        <clipPath id="nav-icon" clipPathUnits="objectBoundingBox">
53            <path d="M0.91,0.015 L0.918,0.014 H0.932 L0.94,0.015 L0.947,0.015 L0.954,0.016 L0.967,0.018 L0.976,0.02 L0.992,0.025 L1,0.03 L1,0.035 L1,0.042 L1,0.047 L1,0.054 L1,0.057 L1,0.062 L1,0.069 L1,0.073 L1,0.077 L1,0.082 L1,0.086 V0.943 C1,1,0.927,1,0.847,0.999 L0.837,0.993 L0.087,0.565 C0.065,0.553,0.052,0.536,0.05,0.519 C0.048,0.501,0.058,0.484,0.076,0.471 L0.087,0.464 L0.837,0.035 L0.848,0.029 L0.858,0.025 L0.87,0.022 L0.875,0.02 L0.883,0.018 L0.896,0.016 L0.903,0.015 L0.911,0.015 L0.91,0.015">
54            </path>
55        </clipPath>
56    </svg>
vendor: 83 bytes, lines 56-58
56
57    <noscript>
58        <iframe src="https://www.googletagmanager.com/ns.html?id=
58GTM-N3B2BK
vendor: 128 bytes, lines 58-69
58" height="0" width="0" style="display:none;visibility:hidden"></iframe>
59    </noscript>
60    
61    
62
63
64
65
66    
67    
68
69    
69<header class="header" >
70        <div class="pseudo-full-width">
71            <div>
72                <button class="menu-btn hamburger-menu-open-btn">
73                    <span></span>
74
75                    <span>Menu</span>
76                </button>
77            </div>
78            <div>
79<a href="https://www.cotswold-inns-hotels.co.uk/" class="logo" aria-label="" title="" >                    <picture>
80                            <source srcset="https://www.cotswold-inns-hotels.co.uk/-/media/sites/cotswolds/venue-logos/2025/cih-logo-stacked-text.png" media="(min-width: 992px)">
81                        <img src="https://www.cotswold-inns-hotels.co.uk/-/media/sites/cotswolds/venue-logos/2025/cih-logo-stacked-text.png?la=en&amp;h=100&amp;w=250&amp;hash=F4B821A10C00ECE4469ED7EE3AA721B0" alt="" />
82                    </picture>
83</a>            </div>
84            <div>
85                <button class="book-btn dmn-modal-open-btn">
86                    <span>Book</span>
87                </button>
88            </div>
89        </div>
90    </header>
91
92
93
94    <main>
95        
96        
97
98    <div class="hero ">
99            <picture class="hero__picture">
100                    <source srcset="https://www.cotswold-inns-hotels.co.uk/-/media/sites/cotswolds/main-site/heroes/blog-hero.jpg" media="(min-width: 992px)">
101                <img src="https://www.cotswold-inns-hotels.co.uk/-/media/sites/cotswolds/main-site/heroes/blog-hero.jpg?la=en&amp;h=400&amp;w=1000&amp;hash=0A67684F537698BA0BF2344B4E35F49A" alt="" />
102            </picture>
103
104        <div class="container">
105                <div class="hero__content">
106                    <div class="hero__caption">
107                        <h1 class="hero__heading">Read our blog</h1>
108
109                    </div>
110
111                                    </div>
112        </div>
113    </div>
114
115
116
117        
118
119    <section id="blog-feed-6722BAF184124212A9B47E2D3E6BC9FF" class="blog-feed m-sm-t-b">
120        <div class="container">
121            <div class="blog-feed__hd heading-2">
122                
123                <div>
124                    <label for="blog-feed-6722BAF184124212A9B47E2D3E6BC9FF-cat-input">Category</label>
125                    <select id="blog-feed-6722BAF184124212A9B47E2D3E6BC9FF-cat-input" v-model="app.categories.value" @change="catChange">
126                        <option value="">All Posts</option>
127                        <option v-for="category in app.categories.options" :key="'blog-feed-6722BAF184124212A9B47E2D3E6BC9FF-' + category.value"
128                                :value="category.value" v-html="category.name">
129                        </option>
130                    </select>
131                </div>
132            </div>
133            <div class="feed invis" :class="(api.firstCallComplete ? 'vis' : '')">
134                <button id="blog-feed-6722BAF184124212A9B47E2D3E6BC9FF-a11y-pagi" class="vis-hdn" type="button" @click="goToNav">
135                    Press enter/ click to go to pagination, or tab to continue to articles.
136                </button>
137                <div v-if="feed.articles.length">
138                    <div class="grd grd-3">
139                        <article v-for="article in feed.articles">
140                            <div class="crd">
141                                <img :src="article.image" :alt="article.image" />
142                                <div class="crd__ctnt">
143                                    <div class="crd__dets">
144                                        <h3 class="h5" v-html="article.title"></h3>
145                                        <div class="crd__desc" v-html="article.description"></div>
146                                        <ul class="crd__cats tags dark" v-if="article.category.length">
147                                            <li v-for="category in article.category" v-html="category.name"></li>
148                                        </ul>
149                                    </div>
150                                    <div class="crd__cta">
151                                        <a :href="article.detailsLink.url" v-html="article.detailsLink.text">
152                                        </a>
153                                    </div>
154                                </div>
155                            </div>
156                        </article>
157                    </div>
158                    <button id="blog-feed-6722BAF184124212A9B47E2D3E6BC9FF-a11y-1st-art" class="vis-hdn" type="button" @click="goToFirstArticle">
159                        Press enter/ click to go to first article in the feed, or tab to continue to pagination.
160                    </button>
161                </div>
162                <div v-else>
163                    <p>No items found.</p>
164                </div>
165                <div class="feed__controls invis" :class="(app.mounted && feed.totalPages > 1 ? 'vis' : '')">
166                    <nav id="blog-feed-6722BAF184124212A9B47E2D3E6BC9FF-pagi" class="feed__pagination" aria-label="Pagination for blog results."
167                         :aria-hidden="(!app.mounted ? 'false' : 'true')">
168                        <ul class="dots">
169                            <li v-for="pageIdx in feed.totalPages">
170                                <button class="start" :class="(feed.currPageNo === pageIdx ? 'active' : '')" type="button"
171                                        :data-pno="pageIdx" @click="pagi" aria-current="page">
172                                    <span class="vis-hdn" :v-hmtl="'Page' + pageIdx"></span>
173                                </button>
174                            </li>
175                        </ul>
176                    </nav>
177
178                    <nav id="blog-feed-6722BAF184124212A9B47E2D3E6BC9FF-navi">
179                        <ul class="feed__navigation pagination">
180                            <li>
181                                <button title="Previous" aria-label="Previous" @click="pagiPrev"></button>
182                            </li>
183                            <li>
184                                <button title="Next" aria-label="Next" @click="pagiNext"></button>
185                            </li>
186                        </ul>
187                    </nav>
188                </div>
189            </div>
190        </div>
191    </section>
192    
192<script async type="module">
193            const pubId = "D1C3638361BE4A738A2314195F35AA8A";
194            const blogLocations = [];
195            const blogCategories = [
196  {
197    "name": "Accommodation",
198    "value": "accommodation"
199  },
200  {
201    "name": "Christmas",
202    "value": "christmas"
203  },
204  {
205    "name": "Events",
206    "value": "events"
207  },
208  {
209    "name": "Food and Drink",
210    "value": "food and drink"
211  },
212  {
213    "name": "News",
214    "value": "news"
215  },
216  {
217    "name": "Press",
218    "value": "press"
219  },
220  {
221    "name": "Uncategorized",
222    "value": "uncategorized"
223  }
224];
225            const totalPages = 1;
226            const currPageNo = 1;
227
228            import BlogFeed from "/assets/cotswoldsinns/js/feeds/blog.js"
229            BlogFeed.init("blog-feed-6722BAF184124212A9B47E2D3E6BC9FF", pubId, blogLocations, blogCategories, totalPages, currPageNo);
230    </script>
230
231
232
233    <section id="C6DA37870EC443EBB49310CDCBFD2C98" class="image-cards image-grid m-md-t-b">
234        <div class="image-grid__description container heading-2">
235            <h2>Discover More</h2>
236            
237        </div>
238            <div class="image-grid__row">
239
240                    <div class="image-grid__row--column">
241                        <div class="image-grid__card opacity-80 image-grid__card--linked">
242                                <a href="https://www.cotswold-inns-hotels.co.uk/gallery">
243                                    <div class="image-grid__card--image">
244                                        <img src="https://www.cotswold-inns-hotels.co.uk/-/media/sites/cotswolds/bay-tree/gallery/bt-gallery/baytreegallery20.jpg?la=en&amp;h=1280&amp;w=1919&amp;hash=DB92BDB26755DFE8EC2C2316CF4F9523" alt="" />
245                                    </div>
246                                        <div class="image-grid__card--caption">
247                                            <h3>Gallery</h3>
248                                            
249                                        </div>
250                                </a>
251                        </div>
252                    </div>
253                    <div class="image-grid__row--column">
254                        <div class="image-grid__card opacity-80 image-grid__card--linked">
255                                <a href="https://www.cotswold-inns-hotels.co.uk/weddings">
256                                    <div class="image-grid__card--image">
257                                        <img src="https://www.cotswold-inns-hotels.co.uk/-/media/sites/cotswolds/bay-tree/weddings/emilyoj270-1024x683.jpg?la=en&amp;h=683&amp;w=1024&amp;hash=936108E0E29699FC33950FB10ADD1016" alt="" />
258                                    </div>
259                                        <div class="image-grid__card--caption">
260                                            <h3>Weddings</h3>
261                                            
262                                        </div>
263                                </a>
264                        </div>
265                    </div>
266                    <div class="image-grid__row--column">
267                        <div class="image-grid__card opacity-80 image-grid__card--linked">
268                                <a href="https://careers.cotswold-inns-hotels.co.uk/">
269                                    <div class="image-grid__card--image">
270                                        <img src="https://www.cotswold-inns-hotels.co.uk/-/media/sites/cotswolds/lamb/2025-rooms-lamb/lamb---bar-pulling-pint.jpg?la=en&amp;h=1920&amp;w=1280&amp;hash=4382693339B9FA236ED1FAFB22F8F853" alt="" />
271                                    </div>
272                                        <div class="image-grid__card--caption">
273                                            <h3>Join the Team</h3>
274                                            
275                                        </div>
276                                </a>
277                        </div>
278                    </div>
279            </div>
280    </section>
281
282
283    <section id="190E9F55D8CC447EAE1997D63D519987" class="newsletter-signup m-md-t-b">
284        <div class="container">
285            <div class="col">
286
287                <h2>
288Keep up to date with the latest from Cotswold Inns &amp; Hotels                </h2>
289
290                <ul class="line-dot-list">
291                        <li>Special Offers</li>
292                        <li>Loyalty Discounts</li>
293                        <li>Latest News</li>
294                        <li>Event Updates</li>
295                </ul>
296            </div>
297
298            <div class="col">
299                <a class="btn signup-modal-open-btn" href="#">Sign up for the newsletter</a>
300            </div>
301        </div>
302    </section>
303
304
305
306
307
308    <section id="D5B284F63F4E4585A8C3BD7FF5920303" class="cta cta--tall m-md-t-b">
309        <div class="pseudo-full-width">
310            <img src="https://www.cotswold-inns-hotels.co.uk/-/media/sites/cotswolds/main-site/heroes/dogs.jpg?la=en&amp;h=400&amp;w=1000&amp;hash=776C904284FB9737DDA3CBA12D29380F" alt="" />
311            <div class="cta__content heading-2">
312
313                <h2>
314Dogs Welcome                </h2>
315                <p>We love man’s best friend and we have a sneaky suspicion that you probably do too which is why we’re proud to have dog friendly hotels. We love having dogs here at Cotswold Inns & Hotels and have ‘plenty of room at the inn’ with a selection of specially allocated rooms to sleep you and pooc
315h comfortably during your stay.</p>
316                <a href="https://www.cotswold-inns-hotels.co.uk/our-hotels" class="btn btn--outline light" >Stay with us</a>
317            </div>
318        </div>
319    </section>
320
321    </main>
322    
323
324    <footer class="footer">
325        <div class="container">
326            <div class="footer__content">
327                <div class="footer__column">
328                        <a class="footer__title" href="https://www.cotswold-inns-hotels.co.uk/" aria-label="Home" title="Home">
329                            <img src="https://www.cotswold-inns-hotels.co.uk/-/media/sites/cotswolds/venue-logos/2025/cih-logo-stacked.png?la=en&amp;h=400&amp;w=400&amp;hash=C1A5F4DFC77E579632403228DC592526" alt="" />
330                        </a>
331                    <div class="social-circles">
332                            <a href="//www.facebook.com/CotswoldInnsandHotels" aria-label="Facebook" title="Facebook">
333                                <svg width="16" height="24" fill="none" version="1.1" viewBox="0 0 16 24"
334                                     xmlns="http://www.w3.org/2000/svg">
335                                    <path d="m14 0.33325c0.2858 3.8e-5 0.5616 0.10495 0.7751 0.29484 0.2135 0.18988 0.35 0.45154 0.3834 0.73533l0.0082 0.1365v4.6667c-1e-4 0.28576-0.105 0.56157-0.2949 0.77511s-0.4515 0.34996-0.7353 0.3834l-0.1365 0.00816h-3.5v1.1667h3.5c0.1661 6e-5 0.3302 0.03558 0.4815 0.10419 0.1512 0.0686 0.2861 0.1687 0.3955 0.29362 0.1095 0.12491 0.191 0.27175 0.2391 0.4307 0.0482 0.15895 0.0618 0.32634 0.0401 0.49099l-0.0234 0.13066-1.1666 4.6667c-0.0579 0.2304-0.1848 0.4376-0.3637 0.594s-0.4012 0.2544-0.6373 0.281l-0.1319 0.0081h-2.3333v7c0 0.2858-0.1049 0.5616-0.2948 0.7751-0.1899 0.2136-0.45157 0.35-0.73537 0.3834l-0.1365 0.0082h-4.6667c-0.28576-1e-4 -0.56156-0.105-0.7751-0.2949-0.21354-0.1898-0.34997-0.4515-0.3834-0.7353l-0.00817-0.1365v-7h-2.3333c-0.28576 0-0.56156-0.1049-0.7751-0.2948s-0.34997-0.4516-0.3834-0.7353l-0.0081666-0.1365v-4.6667c3.7696e-5 -0.28575 0.10495-0.56156 0.29483-0.7751 0.18989-0.21354 0.45154-0.34996 0.73534-0.38339l0.1365-0.00817h2.3333v-1.1667c-7e-5 -1.8111 0.70183-3.5518 1.9582-4.8562 1.2564-1.3045 2.9694-2.0712 4.7793-2.1391l0.2625-0.004667h3.5z"
336                                          fill="currentColor" />
337                                </svg>
338                            </a>
339                                                    <a href="//www.instagram.com/cotswoldinns" aria-label="Instagram" title="Instagram">
340                                <svg width="22" height="22" fill="none" version="1.1" viewBox="0 0 22 22"
341                                     xmlns="http://www.w3.org/2000/svg">
342                                    <path d="m16.25 5.7501v0.01167m-14.583 0.57166c0-1.2377 0.49167-2.4247 1.3668-3.2998s2.0622-1.3668 3.2998-1.3668h9.3333c1.2377 0 2.4247 0.49166 3.2998 1.3668 0.8752 0.87517 1.3669 2.0622 1.3669 3.2998v9.3333c0 1.2377-0.4917 2.4247-1.3669 3.2999-0.8751 0.8751-2.0621 1.3668-3.2998 1.3668h-9.3333c-1.2377 0-2.4247-0.4917-3.2998-1.3668-0.87517-0.8752-1.3668-2.0622-1.3668-3.2999v-9.3333zm5.8333 4.6667c0 0.9282 0.36874 1.8185 1.0251 2.4749 0.65638 0.6563 1.5466 1.0251 2.4748 1.0251 0.9283 0 1.8185-0.3688 2.4749-1.0251 0.6564-0.6564 1.0251-1.5467 1.0251-2.4749 0-0.9283-0.3687-1.8185-1.0251-2.4749-0.6564-0.65638-1.5466-1.0251-2.4749-1.0251-0.9282 0-1.8185 0.36875-2.4748 1.0251-0.65638 0.65637-1.0251 1.5466-1.0251 2.4749z"
343                                          stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" />
344                                </svg>
345                            </a>
346                                                    <a href="/cdn-cgi/l/email-protection#d1b4bfa0a4b8a3b8b4a291b2bea5a2a6bebdb5fcb8bfbfa2fcb9bea5b4bda2ffb2beffa4ba" aria-label="Email us" title="Email us">
347                                <svg width="24" height="20" fill="none" version="1.1" viewBox="0 0 24 20"
348                                     xmlns="http://www.w3.org/2000/svg">
349                                    <path d="m23.666 4.7908v11.042c1e-4 0.8928-0.341 1.7518-0.9535 2.4013-0.6124 0.6496-1.4499 1.0405-2.3411 1.0929l-0.2054 0.0058h-16.333c-0.89275 1e-4 -1.7518-0.341-2.4013-0.9535-0.64953-0.6124-1.0405-1.4499-1.0929-2.3412l-0.005833-0.2053v-11.042l11.019 7.3465 0.1353 0.077c0.1595 0.0779 0.3347 0.1184 
3490.5122 0.1184s0.3527-0.0405 0.5121-0.1184l0.1354-0.077 11.019-7.3465z"
350                                          fill="currentColor" />
351                                    <path d="m20.166 0.66675c1.26 0 2.3649 0.665 2.9809 1.6648l-11.148 7.4317-11.148-7.4317c0.29252-0.4751 0.69442-0.87336 1.1722-1.1616 0.47775-0.28819 1.0175-0.45795 1.5742-0.49512l0.2345-0.008167h16.333z"
352                                          fill="currentColor" />
353                                    <path d="m23.666 4.7908v11.042c1e-4 0.8928-0.341 1.7518-0.9535 2.4013-0.6124 0.6496-1.4499 1.0405-2.3411 1.0929l-0.2054 0.0058h-16.333c-0.89275 1e-4 -1.7518-0.341-2.4013-0.9535-0.64953-0.6124-1.0405-1.4499-1.0929-2.3412l-0.005833-0.2053v-11.042l11.019 7.3465 0.1353 0.077c0.1595 0.0779 0.3347 0.1184 0.5122 0.1184s0.3527-0.0405 0.5121-0.1184l0.1354-0.077 11.019-7.3465z"
354                                          stroke="currentColor" />
355                                    <path d="m20.166 0.66675c1.26 0 2.3649 0.665 2.9809 1.6648l-11.148 7.4317-11.148-7.4317c0.29252-0.4751 0.69442-0.87336 1.1722-1.1616 0.47775-0.28819 1.0175-0.45795 1.5742-0.49512l0.2345-0.008167h16.333z"
356                                          stroke="currentColor" />
357                                </svg>
358                            </a>
359                                            </div>
360
361                    <ul class="footer__list">
362                            <li>
363                                <a href="https://www.fullers.co.uk/corporate/terms-of-use">Terms</a>
364                            </li>
365                            <li>
366                                <a href="https://www.fullers.co.uk/corporate/privacy-and-cookies">Privacy &amp; Cookies</a>
367                            </li>
368                            <li>
369                                <a href="https://www.fullers.co.uk/corporate/sustainability/people/modern-slavery-statement">Modern Slavery Statement</a>
370                            </li>
371                    </ul>
372                </div>
373
374                <div class="footer__splitcolumn">
375                        <div class="footer__section">
376                            <h3 class="footer__subtitle">Links</h3>
377
378                            <ul class="footer__list">
379                                    <li>
380                                        <a href="https://www.cotswold-inns-hotels.co.uk/our-hotels">Our hotels</a>
381                                    </li>
382                                    <li>
383                                        <a href="https://www.cotswold-inns-hotels.co.uk/special-offers/christmas-in-the-cotswolds">Christmas</a>
384                                    </li>
385                                    <li>
386                                        <a href="https://www.cotswold-inns-hotels.co.uk/weddings">Weddings</a>
387                                    </li>
388                                    <li>
389                                        <a href="https://www.cotswold-inns-hotels.co.uk/conferences">Conferences</a>
390                                    </li>
391                                    <li>
392                                        <a href="https://www.cotswold-inns-hotels.co.uk/special-offers">Special offers</a>
393                                    </li>
394                                    <li>
395                                        <a href="https://www.cotswold-inns-hotels.co.uk/gallery">Gallery</a>
396                                    </li>
397                                    <li>
398                                        <a href="https://gifts.cotswold-inns-hotels.co.uk/">Gift vouchers</a>
399                                    </li>
400                                    <li>
401                                        <a href="https://www.cotswold-inns-hotels.co.uk/contact-us">Contact</a>
402                                    </li>
403                                    <li>
404                                        <a href="https://careers.cotswold-inns-hotels.co.uk/">Careers</a>
405                                    </li>
406                            </ul>
407                        </div>
408                        <div class="footer__section">
409                            <h3 class="footer__subtitle">Locations</h3>
410
411                            <ul class="footer__list">
412                                    <li>
413                                        <a href="https://www.cotswold-inns-hotels.co.uk/">Cotswold Inns &amp; Hotels</a>
414                                    </li>
415                                    <li>
416                                        <a href="https://www.cotswold-inns-hotels.co.uk/the-bay-tree-hotel">The Bay Tree</a>
417                                    </li>
418                                    <li>
419                                        <a href="https://www.cotswold-inns-hotels.co.uk/the-bear-of-rodborough">The Bear of Rodborough</a>
420                                    </li>
421                                    <li>
422                                        <a href="https://www.cotswold-inns-hotels.co.uk/the-close-hotel">The Close</a>
423                                    </li>
424                                    <li>
425                                        <a href="https://www.cotswold-inns-hotels.co.uk/hare-and-hounds-hotel">Hare &amp; Hounds</a>
426                                    </li>
427                                    <li>
428                                        <a href="https://www.cotswold-inns-hotels.co.uk/the-lamb-inn">The Lamb Inn</a>
429                                    </li>
430                                    <li>
431                                        <a href="https://www.cotswold-inns-hotels.co.uk/the-manor-house-hotel">The Manor House</a>
432                                    </li>
433                                    <li>
434                                        <a href="https://www.cotswold-inns-hotels.co.uk/the-swan-hotel">The Swan</a>
435                                    </li>
436                            </ul>
437                        </div>
438                </div>
439            </div>
440
441            <div class="footer__bottom">
442                <p>
443                    &copy;
443 Copyright 2026 Cotswold Inns. All Rights Reserved.
444                </p>
445            </div>
446        </div>
447    </footer>
vendor: 134 bytes, lines 447-454
447
448
449
450
451    
452    
453
454    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
vendor: 66 bytes, line 454
454<script defer src="https://www.google.com/recaptcha/api.js?render=
4546LepbF0aAAAAAFLdhGjdk9lIEzwcfJalgvjlcexh
vendor: 17 bytes, lines 454-455
454"></script>
455    
455<div id="dmn-modal" class="dmn-modal">
456        <div class="dmn-modal-container">
457            <div class="dmn-modal__close">
458                <button class="close-btn dmn-modal-close-btn" title="Close btn" aria-label="Close btn"></button>
459            </div>
460            <div class="dmn-modal__title">
461                <h2>Make a Booking</h2>
462            </div>
463
464
465            <div class="dmn-modal-content single">
466
467                <div class="dmn-modal-content__left four">
468                        <div class="dmn-modal-content__left__item">
469                            <a href="#table-BD69C96002234CF4BBC27663C991A398" target="_blank" id="openTableButton" aria-label="Book a Table" class="goto-step">
470                                <img src="https://www.cotswold-inns-hotels.co.uk/-/media/sites/cotswolds/main-site/food/aw25/salmon-en-croute.jpg?la=en&amp;h=1280&amp;w=1920&amp;hash=79B9BF67085F177A60C4F7E8BFB84AC3" alt="" />
471                                <div>
472                                    <span class="back">
473                                        <svg width="35" height="35" xmlns="http://www.w3.org/2000/svg" fill="#fff" viewBox="0 0 330 330" xmlns:v="https://vecta.io/nano" color="#fff"><path d="M111.213 165.004L250.607 25.607c5.858-5.858 5.858-15.355 0-21.213a15 15 0 0 0-21.213.001l-150 150.004A14.99 14.99 0 0 0 75 165.004a15 15 0 0 0 4.394 10.607l150 149.996a14.95 14.95 0 0 0 21.213-.001c5.858-5.858 5.858-15.355 0-21.213L111.213 165.004z"></path></svg>
474                                    </span>
475                                    <span>Book a Table</span>
476                                </div>
477                            </a>
478                        </div>
479                                            <div class="dmn-modal-content__left__item">
480                            <a href="https://booking.cotswold-inns-hotels.co.uk/en/" aria-label="Book a Room">
481                                <img src="https://www.cotswold-inns-hotels.co.uk/-/media/sites/cotswolds/swan/bedrooms/2025-cottages/whooper/whooper-bedroom-side-angle.jpg?la=en&amp;h=1280&amp;w=1920&amp;hash=9539223C41E5795280D85DFCD4D68FD5" alt="" />
482                                <div>
483                                    <span class="back">
484                                        <svg width="35" height="35" xmlns="http://www.w3.org/2000/svg" fill="#fff" viewBox="0 0 330 330" xmlns:v="https://vecta.io/nano" color="#fff"><path d="M111.213 165.004L250.607 25.607c5.858-5.858 5.858-15.355 0-21.213a15 15 0 0 0-21.213.001l-150 150.004A14.99 14.99 0 0 0 75 165.004a15 15 0 0 0 4.394 10.607l150 149.996a14.95 14.95 0 0 0 21.213-.001c5.858-5.858 5.858-15.355 0-21.213L111.213 165.004z"></path></svg>
485                                    </span>
486                                    <span>Book a Room</span>
487                                </div>
488                            </a>
489                        </div>
490                    <div class="dmn-modal-content__left__item">
491                        <a href="#event-dmn-modal" id="openEventButton " aria-label="Event Enquiry" class="goto-step">
492                            <img src="https://www.cotswold-inns-hotels.co.uk/-/media/sites/cotswolds/main-site/christmas/2025/christmas-new-year-website-cih-2025.jpg?la=en&amp;h=1280&amp;w=1920&amp;hash=5BEBB7B3305252FA175394315B9E4F60" alt="" />
493                            <div>
494                                <span class="back">
495                                    <svg width="35" height="35" xmlns="http://www.w3.org/2000/svg" fill="#fff" viewBox="0 0 330 330" xmlns:v="https://vecta.io/nano" color="#fff"><path d="M111.213 165.004L250.607 25.607c5.858-5.858 5.858-15.355 0-21.213a15 15 0 0 0-21.213.001l-150 150.004A14.99 14.99 0 0 0 75 165.004a15 15 0 0 0 4.394 10.607l150 149.996a14.95 14.95 0 0 0 21.213-.001c5.858-5.858 5.858-15.355 0-21.213L111.213 165.004z"></path></svg>
496                                </span>
497                                <span>Event Enquiry</span>
498                            </div>
499                        </a>
500                    </div>
501                        <div class="dmn-modal-content__left__item">
502                            <a href="#enquiry-dmn-modal" id="openGeneralEnquiryButton" aria-label="General Enquiry" class="goto-step">
503                                <img src="https://www.cotswold-inns-hotels.co.uk/-/media/sites/cotswolds/bay-tree/garden/tsp220606_cotswoldsthebaytree-5137.jpg?la=en&amp;h=1280&amp;w=1920&amp;hash=FEC422543907F4579121414824123CEC" alt="" />
504                                <div>
505                                    <span class="back">
506                                        <svg width="35" height="35" xmlns="http://www.w3.org/2000/svg" fill="#fff" viewBox="0 0 330 330" xmlns:v="https://vecta.io/nano" color="#fff"><path d="M111.213 165.004L250.607 25.607c5.858-5.858 5.858-15.355 0-21.213a15 15 0 0 0-21.213.001l-150 150.004A14.99 14.99 0 0 0 75 165.004a15 15 0 0 0 4.394 10.607l150 149.996a14.95 14.95 0 0 0 21.213-.001c5.858-5.858 5.858-15.355 0-21.213L111.213 165.004z"></path></svg>
507                                    </span>
508                                    <span>General Enquiry</span>
509                                </div>
510                            </a>
511                        </div>
512                </div>
513                <div class="dmn-modal-content__right">
514                        <div id="table-BD69C96002234CF4BBC27663C991A398" class="table-dmn-modal step-two inactive">
515                            <div class="dmn-app">
516                                <nav v-show="!ui.submitted" class="dmn-app-progress-toolbar">
517                                    <div class="dmn-app-progress-toolbar__steps">
518                                            <a href="#" @click="handleVenueSelectionNavClick()" class="step is-complete" aria-label="Venue {{venue.name}}">
519                                                <span class="step__title">Venue</span>
520                                                <span class="step__subtitle">{{venue.name}}</span>
521                                                <span class="step__icon" aria-hidden="true">
522                                                    <svg viewBox="0 0 24 24" focusable="false" aria-hidden="true">
523                                                        <path d="M3 17.25V21h3.75L19.81 7.94l-3.75-3.75L3 17.25zm2.92
524                                            2.83H5v-.92l9.06-9.06.92.92L5.92
525                                            20.08zM20.71 6.04a1.003 1.003 0
526                                            000-1.42l-1.34-1.34a1.003 1.003
527                                            0 00-1.42 0l-1.13 1.13 3.75
528                                            3.75 1.14-1.12z" />
529                                                    </svg>
530                                                </span>
531                                            </a>
532                                        <a href="#" @click="handleGuestsAndDateNavClick()" :class="['step', venue.id ? 'is-complete' : 'is-future']" aria-label="{{booking.people}} guests selected">
533                                            <span class="step__title">Guests</span>
534                                            <span class="step__subtitle">{{ selectedGuestsText }}</span>
535                                            <span class="step__icon" aria-hidden="true">
536                                                <svg viewBox="0 0 24 24" focusable="false" aria-hidden="true">
537                                                    <path d="M3 17.25V21h3.75L19.81 7.94l-3.75-3.75L3 17.25zm2.92
538                                                2.83H5v-.92l9.06-9.06.92.92L5.92
539                                                20.08zM20.71 6.04a1.003 1.003 0
540                                                000-1.42l-1.34-1.34a1.003 1.003
541                                                0 00-1.42 0l-1.13 1.13 3.75
542                                                3.75 1.14-1.12z" />
543                                                </svg>
544                                            </span>
545                                        </a>
546                                        <a href="#" @click="handleGuestsAndDateNavClick()" :class="['step', {'is-active': ui.tab === 'guestdate','is-future': ui.tab === 'venue' && !booking.date, 'is-complete': ui.tab !== 'guestdate' && booking.date}]"
547                                           aria-label="You've selected the {{selectedDateFormatted}}">
548                                            <span class="step__title">Date</span>
549                                            <span class="step__subtitle">{{selectedDateFormatted}}</span>
550                                            <span class="step__icon" aria-hidden="true">
551                                                <svg viewBox="0 0 24 24" focusable="false" aria-hidden="true">
552                                                    <path d="M3 17.25V21h3.75L19.81 7.94l-3.75-3.75L3 17.25zm2.92
553                                                2.83H5v-.92l9.06-9.06.92.92L5.92
554                                                20.08zM20.71 6.04a1.003 1.003 0
555                                                000-1.42l-1.34-1.34a1.003 1.003
556                                                0 00-1.42 0l-1.13 1.13 3.75
557                                                3.75 1.14-1.12z" />
558                                                </svg>
559                                            </span>
560                                        </a>
561                                        <a href="#"
562                                           @click="handleBookingTypeNavClick()"
563                                           :class="['step',{'is-active': ui.tab === 'bookingtype','is-future' : ui.tab !== 'bookingtype' && !booking.type,'is-complete': ui.tab !== 'bookingtype' && booking.type }]"
564                                           aria-label="Type">
565                                            <span class="step__title">Type</span>
566                                            <span class="step__subtitle">{{bookingTypeName}}</span>
567                                            <span class="step__icon" aria-hidden="true">
568                                                <svg viewBox="0 0 24 24" focusable="false" aria-hidden="true">
569                                                    <path d="M3 17.25V21h3.75L19.81 7.94l-3.75-3.75L3 17.25zm2.92
570                                                2.83H5v-.92l9.06-9.06.92.92L5.92
571                                                20.08zM20.71 6.04a1.003 1.003 0
572                                                000-1.42l-1.34-1.34a1.003 1.003
573                                                0 00-1.42 0l-1.13 1.13 3.75
574                                                3.75 1.14-1.12z" />
575                                                </svg>
576                                            </span>
577                                        </a>
578                                        <a href="#"
579                                           @click="handleTimesNavClick()"
580                                           :class="['step', {'is-active': ui.tab === 'times','is-future' : ui.tab !== 'times' && (!booking.startTime || !booking.duration),'is-complete': ui.tab !== 'times' && booking.startTime && booking.duration}]"
581                                           aria-label="Time">
582                                            <span class="step__title">Time</span>
583                                            <span class="step__subtitle">{{selectedTimesText}}</span>
584                                            <span class="step__icon" aria-hidden="true">
585                                                <svg viewBox="0 0 24 24" focusable="false" aria-hidden="true">
586                                                    <path d="M3 17.25V21h3.75L19.81 7.94l-3.75-3.75L3 17.25zm2.92
587                                                2.83H5v-.92l9.06-9.06.92.92L5.92
588                                                20.08zM20.71 6.04a1.003 1.003 0
589                                                000-1.42l-1.34-1.34a1.003 1.003
590                                                0 00-1.42 0l-1.13 1.13 3.75
591                                                3.75 1.14-1.12z" />
592                                                </svg>
593                                            </span>
594                                        </a>
595                                        <a href="#"
596                                           @click="handleDetailsNavClick()"
597                                           aria-label="Details"
598                                           :class="['step', ui.tab === 'bookingdetail'  ? 'is-active' : 'is-future']">
599                                            <span class="step__title">Details</span>
600                                            <span class="step__subtitle">
601                                                {{ ui.tab === 'bookingdetail' ? 'Almost there!' : 'Incomplete' }}
602                                            </span>
603                                            <span class="step__icon" aria-hidden="true">
604                                                <svg viewBox="0 0 24 24" focusable="false" aria-hidden="true">
605                                                    <path d="M3 17.25V21h3.75L19.81 7.94l-3.75-3.75L3 17.25zm2.92
606                                                            2.83H5v-.92l9.06-9.06.92.92L5.92
607                                                            20.08zM20.71 6.04a1.003 1.003 0
608                                                            000-1.42l-1.34-1.34a1.003 1.003
609                                                            0 00-1.42 0l-1.13 1.13 3.75
610                                                            3.75 1.14-1.12z" />
611                                                </svg>
612                                            </span>
613                                        </a>
614                                    </div>
615                                    <div class="dmn-app-progress-toolbar__summary" aria-live="polite" aria-atomic="true">
616                                        <p>
617                                            You're booking {{ booking.nameArticle }} {{ booking.name }}
618                                            <span v-if="venue.name">
619                                                at <a href="#" @click="handleVenueSelectionNavClick()">{{venue.name}}</a>
620                                            </span>
621                                            <span v-if="booking.people">
622                                                with <a href="#" @click="handleGuestsAndDateNavClick()">{{ booking.people }} {{ booking.people > 1 ? "guests" : "guest"}}</a>
623                                            </span>
624
625                                            <span v-if="booking.date">
626                                                on the <a href="#" @click="handleGuestsAndDateNavClick()">{{ selectedDateFormatted }}</a>
627                                            </span>
628
629                                            <span v-if="booking.type">
630                                                for <a href="#" @click="handleBookingTypeNavClick()">{{ bookingTypeName }}</a>
631                                            </span>
632
633                                            <span v-if="booking.startTime">
634                                                at <a href="#" @click="handleTimesNavClick()">{{ selectedTimesText }}</a>
635                                            </span>
636                                        </p>
637                                    </div>
638                                </nav>
639                                <div v-if="!ui.submitted && flags.enquiry && ui.tab === 'times'" class="dmn-app-isenquiry">
640                                    <div class="dmn-app-isenquiry__icon">
641                                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
642                                            <path d="M6.66667 7.50016H13.3333M6.66667 10.8335H11.6667M7.5 15.0002H5C4.33696 15.0002 3.70107 14.7368 3.23223 14.2679C2.76339 13.7991 2.5 13.1632 2.5 12.5002V5.8335C2.5 5.17045 2.76339 4.53457 3.23223 4.06573C3.70107 3.59689 4.33696 3.3335 5 3.3335H15C15.663 3.3335 16.2989 3.59689 16.7678 4.06573C17.2366 4.53457 17.5 5.17045 17.5 5.8335V12.5002C17.5 13.1632 17.2366 13.7991 16.7678 14.2679C16.2989 14.7368 15.663 15.0002 15 15.0002H12.5L10 17.5002L7.5 15.0002Z" stroke="#888872" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
643                                        </svg>
644                                    </div>
645                                    <div class="dmn-app-isenquiry__message">
646                                        An enquiry will be submitted for this timeslot, your booking won’t automatically be confirmed.
647                                    </div>
648                                </div>
649                                <div v-show="!ui.submitted" class="dmn-app-container">
650                                        <div class="dmn-app-venueselection" v-show="ui.tab === 'venue'">
651                                            <div class="dmn-app-venueselection__container">
652                                                <ul>
653                                                            <li>
654                                                                <a href="#" :class="{ selected: '61dd990e21d411447d4212ec' === venue.id}" role="button" @click.prevent="handleVenueSelection({name: 'The Bay Tree', id: '61dd990e21d411447d4212ec'})">
655                                                                    <img src="https://www.cotswold-inns-hotels.co.uk/-/media/sites/cotswolds/main-site/dmn/the-bay-tree.jpg?la=en&amp;h=80&amp;w=80&amp;hash=229E6E69D2DBE971FEAC1675A150202C" alt="" />
656                                                                    <div class="venue-text">
657                                                                        <div class="venue-name">The Bay Tree</div>
658                                                                        <div class="venue-address">
659                                                                            Burford, Sheep Street, Burford, Oxfordshire , OX18 4LW
660                                                                        </div>
661                                                                    </div>
662                                                                    <div v-if="'61dd990e21d411447d4212ec' === venue.id" class="venueselected">
663                                                                        <span>
664                                                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
665                                                                                <path d="M3.33398 7.99984L6.66732 11.3332L13.334 4.6665" stroke="#262C1E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
666                                                                            </svg>
667                                                                        </span>
668                                                                    </div>
669                                                                </a>
670                                                            </li>
671                                                            <li>
672                                                                <a href="#" :class="{ selected: '61dd9cab21d41147a5379719' === venue.id}" role="button" @click.prevent="handleVenueSelection({name: 'The Bear of Rodborough', id: '61dd9cab21d41147a5379719'})">
673                                                                    <img src="https://www.cotswold-inns-hotels.co.uk/-/media/sites/cotswolds/main-site/dmn/the-bear-of-rodborough.jpg?la=en&amp;h=80&amp;w=80&amp;hash=FB64D7EA9178C3D435D4484BF0BA3287" alt="" />
674                                                                    <div class="venue-text">
675                                                                        <div class="venue-name">The Bear of Rodborough</div>
676                                                                        <div class="venue-address">
677                                                                            Rodborough Common, Stroud, Gloucestershire, GL5 5DE
678                                                                        </div>
679                                                                    </div>
680                                                                    <div v-if="'61dd9cab21d41147a5379719' === venue.id" class="venueselected">
681                                                                        <sp
681an>
682                                                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
683                                                                                <path d="M3.33398 7.99984L6.66732 11.3332L13.334 4.6665" stroke="#262C1E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
684                                                                            </svg>
685                                                                        </span>
686                                                                    </div>
687                                                                </a>
688                                                            </li>
689                                                            <li>
690                                                                <a href="#" :class="{ selected: '61dd92314f45e3621e74ac05' === venue.id}" role="button" @click.prevent="handleVenueSelection({name: 'Close Hotel', id: '61dd92314f45e3621e74ac05'})">
691                                                                    <img src="https://www.cotswold-inns-hotels.co.uk/-/media/sites/cotswolds/main-site/dmn/the-close.jpg?la=en&amp;h=80&amp;w=80&amp;hash=B8B67388C7C2A582CB7B2A0A5F24756C" alt="" />
692                                                                    <div class="venue-text">
693                                                                        <div class="venue-name">Close Hotel</div>
694                                                                        <div class="venue-address">
695                                                                            Long Street, Tetbury, Gloucestershire, GL8 8AQ
696                                                                        </div>
697                                                                    </div>
698                                                                    <div v-if="'61dd92314f45e3621e74ac05' === venue.id" class="venueselected">
699                                                                        <span>
700                                                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
701                                                                                <path d="M3.33398 7.99984L6.66732 11.3332L13.334 4.6665" stroke="#262C1E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
702                                                                            </svg>
703                                                                        </span>
704                                                                    </div>
705                                                                </a>
706                                                            </li>
707                                                            <li>
708                                                                <a href="#" :class="{ selected: '61dd965021d411434d298984' === venue.id}" role="button" @click.prevent="handleVenueSelection({name: 'Hare &amp; Hounds', id: '61dd965021d411434d298984'})">
709                                                                    <img src="https://www.cotswold-inns-hotels.co.uk/-/media/sites/cotswolds/main-site/dmn/the-hare-and-hounds.jpg?la=en&amp;h=80&amp;w=80&amp;hash=DD2E1A1D7F157F1C5369DE708D8ED56F" alt="" />
710                                                                    <div class="venue-text">
711                                                                        <div class="venue-name">Hare &amp; Hounds</div>
712                                                                        <div class="venue-address">
713                                                                            Westonbirt, Tetbury, Gloucestershire, GL8 8QL
714                                                                        </div>
715                                                                    </div>
716                                                                    <div v-if="'61dd965021d411434d298984' === venue.id" class="venueselected">
717                                                                        <sp
717an>
718                                                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
719                                                                                <path d="M3.33398 7.99984L6.66732 11.3332L13.334 4.6665" stroke="#262C1E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
720                                                                            </svg>
721                                                                        </span>
722                                                                    </div>
723                                                                </a>
724                                                            </li>
725                                                            <li>
726                                                                <a href="#" :class="{ selected: '61dd6f814f45e354d073b1d3' === venue.id}" role="button" @click.prevent="handleVenueSelection({name: 'The Lamb Inn', id: '61dd6f814f45e354d073b1d3'})">
727                                                                    <img src="https://www.cotswold-inns-hotels.co.uk/-/media/sites/cotswolds/main-site/dmn/the-lamb-inn.jpg?la=en&amp;h=80&amp;w=80&amp;hash=E0162FC9E99762BFB0891BC8FC1461E2" alt="" />
728                                                                    <div class="venue-text">
729                                                                        <div class="venue-name">The Lamb Inn</div>
730                                                                        <div class="venue-address">
731                                                                            Sheep Street, Burford, Oxfordshire, OX18 4LR
732                                                                        </div>
733                                                                    </div>
734                                                                    <div v-if="'61dd6f814f45e354d073b1d3' === venue.id" class="venueselected">
735                                                                        <span>
736                                                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
737                                                                                <path d="M3.33398 7.99984L6.66732 11.3332L13.334 4.6665" stroke="#262C1E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
738                                                                            </svg>
739                                                                        </span>
740                                                                    </div>
741                                                                </a>
742                                                            </li>
743                                                            <li>
744                                                                <a href="#" :class="{ selected: '61dd9b6e4f45e367a3094887' === venue.id}" role="button" @click.prevent="handleVenueSelection({name: 'The Manor House', id: '61dd9b6e4f45e367a3094887'})">
745                                                                    <img src="https://www.cotswold-inns-hotels.co.uk/-/media/sites/cotswolds/main-site/dmn/the-manor-house.jpg?la=en&amp;h=80&amp;w=80&amp;hash=187D0E77900C35CFC5E7035E3A96AF4D" alt="" />
746                                                                    <div class="venue-text">
747                                                                        <div class="venue-name">The Manor House</div>
748                                                                        <div class="venue-address">
749                                                                            High Street, Moreton-in-Marsh, Gloucestershire, GL56 0LJ
750                                                                        </div>
751                                                                    </div>
752                                                                    <div v-if="'61dd9b6e4f45e367a3094887' === venue.id" class="venueselected">
753                                                                        <sp
753an>
754                                                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
755                                                                                <path d="M3.33398 7.99984L6.66732 11.3332L13.334 4.6665" stroke="#262C1E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
756                                                                            </svg>
757                                                                        </span>
758                                                                    </div>
759                                                                </a>
760                                                            </li>
761                                                            <li>
762                                                                <a href="#" :class="{ selected: '61dd9a4121d4114529784353' === venue.id}" role="button" @click.prevent="handleVenueSelection({name: 'The Swan', id: '61dd9a4121d4114529784353'})">
763                                                                    <img src="https://www.cotswold-inns-hotels.co.uk/-/media/sites/cotswolds/main-site/dmn/the-manor-house.jpg?la=en&amp;h=80&amp;w=80&amp;hash=187D0E77900C35CFC5E7035E3A96AF4D" alt="" />
764                                                                    <div class="venue-text">
765                                                                        <div class="venue-name">The Swan</div>
766                                                                        <div class="venue-address">
767                                                                            Bibury, Nr Cirencester, Gloucestershire, GL7 5NW
768                                                                        </div>
769                                                                    </div>
770                                                                    <div v-if="'61dd9a4121d4114529784353' === venue.id" class="venueselected">
771                                                                        <span>
772                                                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
773                                                                                <path d="M3.33398 7.99984L6.66732 11.3332L13.334 4.6665" stroke="#262C1E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
774                                                                            </svg>
775                                                                        </span>
776                                                                    </div>
777                                                                </a>
778                                                            </li>
779                                                </ul>
780                                            </div>
781                                        </div>
782                                    <div class="dmn-app-guestdate" v-show="ui.tab == 'guestdate'">
783                                        <div class="dmn-app-guestdate__guestcontainer">
784                                            <div class="dmn-app-guestdate__title">
785                                                <label for="numberOfGuests">Number of guests</label>
786                                            </div>
787                                            <div class="dmn-app-guestdate__input">
788                                                <button @click.prevent="handleDecreaseGuestsClick()">-</button>
789                                                <input id="numberOfGuests"
790                                                       name="numberOfGuests"
791                                                       type="number"
792                                                       @change="handleGuestsNumberChange"
793                                                       v-model.number="booking.people">
794                                                <button @click.prevent="handleIncreaseGuestsClick()">+</button>
795                                            </div>
796                                            <div class="dmn-app-guestdate__details">
797                                                <div>Minimum {{ limits.minPeople }}</div>
798                                                <div>Maximum {{ limits.maxPeople }}</div>
799                                            </div>
800                                        </div>
801                                        <hr>
802                                        <div v-show="flags.isCalendarReady" class="dmn-app-guestdate__datecontainer">
803                                            <div class="dmn-app-guestdate__title">
804                                                <label for="date">Date</label>
805                                            </div>
806                                            <input type="hidden"
807                                                   name="date"
808                                                   id="date"
809                                                   class="date-input--js" />
810                                        </div>
811                                    </div>
812                                    <div class="dmn-app-bookingtype" v-show="ui.tab === 'bookingtype'">
813                                        <div class="dmn-app-bookingtype__container">
814                                            <h3>What type of <strong>{{booking.name}}</strong> would you like to book?</h3>
815                                            <ul>
816                                                <li v-for="type in lists.bookingTypes"
817                                                    :key="type.value">
818                                                    <a href="#"
819                                                       :class="{ selected: type.value === booking.type }"
820                                                       @click.prevent="handleBookingTypeSelection(type.value)">
821                                                        {{ type.text }}
822                                                        <span v-if="type.value === booking.type" class="timeselected">
823                                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
824                                                                <path d="M3.33398 7.99984L6.66732 11.3332L13.334 4.6665" stroke="#262C1E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
825                                                            </svg>
826                                                        </span>
827                                                    </a>
828                                                </li>
829                                            </ul>
830                                        </div>
831                                    </div>
832                                    <div class="dmn-app-bookingtime" v-show="ui.tab === 'times'">
833                                        <div class="dmn-app-bookingtime__container twocol">
834                                            <div :class="['dmn-app-bookingtime__starttime', {'desktop-only': ui.mobileTimeColumn === 'endtime'}]">
835                                                <h3>Start Time</h3>
836                                                <ul>
837                                                    <li v-for="startTime in lists.startTimes" :key="startTime.value">
838                                                        <a :class="{ selected: startTime.value === booking.startTime }"
839                                                           @click.prevent="handleStartTimeSelection(startTime)">
840                                                            {{startTime.value}}
841                                                            <span v-if="startTime.action != 'accept'" class="timeenquiry">
842                                                                <svg xmlns="http://www.w3.org/2000/svg" role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" :aria-labelledby="'svg-title-' + startTime.value">
843                                                                    <title :id="'svg-title-' + startTime.value">Enquiry only</title>
844                                                                    <path d="M6.66667 7.50016H13.3333M6.66667 10.8335H11.6667M7.5 15.0002H5C4.33696 15.0002 3.70107 14.7368 3.23223 14.2679C2.76339 13.7991 2.5 13.1632 2.5 12.5002V5.8335C2.5 5.17045 2.76339 4.53457 3.23223 4.06573C3.70107 3.59689 4.33696 3.3335 5 3.3335H15C15.663 3.3335 16.2989 3.59689 16.7678 4.06573C17.2366 4.53457 17.5 5.17045 17.5 5.8335V12.5002C17.5 13.1632 17.2366 13.7991 16.7678 14.2679C16.2989 14.7368 15.663 15.0002 15 15.0002H12.5L10 17.5002L7.5 15.0002Z" stroke="#888872" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
845                                                                </svg>
846                                                            </span>
847                                                            <span v-if="startTime.value === booking.startTime" class="timeselected">
848                                                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
849                                                                    <path d="M3.33398 7.99984L6.66732 11.3332L13.334 4.6665" stroke="#262C1E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
850                                                                </svg>
851                                                            </span>
852                                                        </a>
853                                                    </li>
854                                                </ul>
855                                            </div>
856                                            <div :class="['dmn-app-bookingtime__endtime', {'desktop-only': ui.mobileTimeColumn === 'starttime'}]">
857                                                <h3>End Time</h3>
858                                                <ul v-if="booking.startTime">
859                                                    <li v-for="endTime in lists.endTimes" :key="endTime.value">
860                                                        <a :class="{ selected: endTime.value === booking.duration }"
861                                                           @click.prevent="handleEndTimeSelection(endTime)">
862                                                            <span class="text">
863                                                                <span>{{ endTime.endTime }}</span>
864                                                                <span class="duration">{{ getEndTimeDurationLabel(endTime.label) }}</span>
865                                                            </span>
866                                                            <span v-if="endTime.value === booking.duration" class="timeselected">
867                                                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
868                                                                    <path d="M3.33398 7.99984L6.66732 11.3332L13.334 4.6665" stroke="#262C1E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
869                                                                </svg>
870                                                            </span>
871                                                        </a>
872                                                    </li>
873                                                </ul>
874                                                <div v-if="!booking.startTime" class="dmn-app-bookingtime__endtime-pick">
875                                                    <div class="dmn-app-bookingtime__endtime-picktitle">
876                                                        <h3>Select a start time</h3>
877                                                    </div>
878                                                    <div class="dmn-app-bookingtime__endtime-pickbg">
879                                                        <div class="dmn-app-bookingtime__endtime-pickbg-box">&nbsp;</div>
880                                                        <div class="dmn-app-bookingtime__endtime-pickbg-box">&nbsp;</div>
881                                                        <div class="dmn-app-bookingtime__endtime-pickbg-box">&nbsp;</div>
882                                                        <div class="dmn-app-bookingtime__endtime-pickbg-box">&nbsp;</div>
883                                                        <div class="dmn-app-bookingtime__endtime-pickbg-box">&nbsp;</div>
884                                                        <div class="dmn-app-bookingtime__endtime-pickbg-box">&nbsp;</div>
885                                                        <div class="dmn-app-bookingtime__endtime-pickbg-box">&nbsp;</div>
886                                                        <div class="dmn-app-bookingtime__endtime-pickbg-box">&nbsp;</div>
887                                                        <div class="dmn-app-bookingtime__endtime-pickbg-box">&nbsp;</div>
888                                                        <div class="dmn-app-bookingtime__endtime-pickbg-box">&nbsp;</div>
889                                                        <div class="dmn-app-bookingtime__endtime-pickbg-box">&nbsp;</div>
890                                                        <div class="dmn-app-bookingtime__endtime-pickbg-box">&nbsp;</div>
891                                                    </div>
892                                                </div>
893                                            </div>
894                                        </div>
895                                    </div>
896                                    <div class="dmn-app-bookingdetail" v-show="ui.tab === 'bookingdetail'">
897                                        <div class="dmn-app-formcontainer">
898                                            <form method="post" class="dmn-app-form" @submit.prevent="submit()">
899                                                <div v-if="this.confirmation.terms" class="booking-terms form-input fullcol">
900                                                    <div class="details">{{ this.confirmation.terms }}</div>
901                                                </div>
902                                                <div class="form-input halfcol">
903                                                    <label for="dmn-firstname">First Name <span class="dmn__required">*</span></label>
904                                                    <div class="box">
905                                                        <input type="text" id="dmn-firstname" v-model="customer.firstName" name="firstname" required="required" pattern="[\p{L}\p{M}]+([\s'\-][\p{L}\p{M}]+)*" placeholder="John" />
906                                                    </div>
907                                                </div>
908                                                <div class="form-input halfcol">
909                                                    <label for="dmn-lastname">Last Name <span class="dmn__required">*</span></label>
910                                                    <div class="box">
911                                                        <input type="text" id="dmn-lastname" v-model="customer.lastName" name="lastname" pattern="[\p{L}\p{M}]+([\s'\-][\p{L}\p{M}]+)*" required="required" placeholder="Smith" />
912                                                    </div>
913                                                </div>
914
915                                                <div class="form-input halfcol">
916                                                    <label for="dmn-email">Email Address <span class="dmn__required">*</span></label>
917                                                    <div class="icon-box">
918                                                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
919                                                            <path d="M2.5 5.83366C2.5 5.39163 2.67559 4.96771 2.98816 4.65515C3.30072 4.34259 3.72464 4.16699 4.16667 4.16699H15.8333C16.2754 4.16699 16.6993 4.34259 17.0118 4.65515C17.3244 4.96771 17.5 5.39163 17.5 5.83366M2.5 5.83366V14.167C2.5 14.609 2.67559 15.0329 2.98816 15.3455C3.30072 15.6581 3.72464 15.8337 4.16667 15.8337H15.8333C16.2754 15.8337 16.6993 15.6581 17.0118 15.3455C17.3244 15.0329 17.5 14.609 17.5 14.167V5.83366M2.5 5.83366L10 10.8337L17.5 5.83366" stroke="#888872" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
920                                                        </svg>
921                                                        <input type="email" id="dmn-email" v-model="customer.email" name="emailaddress" placeholder="[email protected]" required="required" />
922                                                    </div>
923                                                </div>
924                                                <div class="form-input halfcol">
925                                                    <label for="dmn-phonenumber">Phone Number <span class="dmn__required">*</span></label>
926                                                    <div class="icon-box">
927                                                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
928                                                            <path d="M4.16667 3.33301H7.5L9.16667 7.49967L7.08333 8.74967C7.9758 10.5593 9.44039 12.0239 11.25 12.9163L12.5 10.833L16.6667 12.4997V15.833C16.6667 16.275 16.4911 16.699 16.1785 17.0115C15.866 17.3241 15.442 17.4997 15 17.4997C11.7494 17.3021 8.68346 15.9218 6.38069 13.619C4.07792 11.3162 2.69754 8.25029 2.5 4.99967C2.5 4.55765 2.67559 4.13372 2.98816 3.82116C3.30072 3.5086 3.72464 3.33301 4.16667 3.33301Z" stroke="#888872" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
929                                                        </svg>
930                                                        <input type="text" id="dmn-phonenumber" v-model="customer.phone" name="phonenumber" placeholder="07777 777 777" required="required" />
931                                                    </div>
932                                                </div>
933                                                <div v-if="!flags.notesFieldAfterCustomDropdown" class="form-input fullcol">
934                                                    <label for="dmn-specialreqs">Special Requests</label>
935                                                    <div class="box">
936                                                        <textarea id="dmn-specialreqs" v-model="customer.notes" name="specialreqs"></textarea>
937                                                    </div>
938                                                </div>
939                                                <template v-if="lists.customFields && !flags.requiresDeposit" v-for="customField in lists.customFields" :key="customField.id">
940                                                    <div class="form-input fullcol"
941                                                         :id="'cf-multi-' + customField.id">
942                                                        <label v-if="(customField.type == 'select' && customField.options.length) || customField.type == 'text' || customField.type == 'boolean'" :for="'cf-' + customField.id">{{ customField.label }} <span v-if="customField.mandatory" class="dmn__required">*</span></label>
943                                                        <div v-if="customField.type == 'text'" class="box">
944                                                            <textarea :id="'cf-' + customField.id" v-model="customField.valueJs" :name="'cf-' + customField.id" :required="customField.mandatory ? true : false"></textarea>
945                                                        </div>
946                                                        <div v-if="(customField.type == 'select' && customField.options.length) || customField.type == 'boolean'" class="box box--select select">
947                                                            <select :id="'cf-' + customField.id"
948                                                                    :name="'cf-' + customField.id"
949                                                                    v-model="customField.valueJs"
950                                                                    :required="customField.mandatory">
951                                                                <option value="" selected="selected" disabled>Select</option>
952                                                                <template v-if="customField.type === 'select'">
953                                                                    <option v-for="option in customField.options" :key="option" :value="option">
954                                                                        {{ option }}
955                                                                    </option>
956                                                                </template>
957                                                                <template v-if="customField.type === 'boolean'">
958                                                                    <option :value="true">Yes</option>
959                                                                    <option :value="false">No</option>
960                                                                </template>
961                                                            </select>
962                                                        </div>
963                                                        <p v-if="customField.type == 'multiselect'" class="label">{{ customField.label }} <span v-if="customField.mandatory" class="dmn__required">*</span></p>
964                                                        <div v-if="customField.type == 'multiselect'" v-for="option in customField.options" :key="option" class="checkbox">
965                                                            <input type="checkbox" @change="handleMultiselectSelection(customField.id)" :value="option" :id="createIdAttribute(customField.id, option)" :name="createIdAttribute(customField.id, option)" />
966                                                            <label :for="createIdAttribute(customField.id, option)">
967                                                                {{ option }}
968                                                            </label>
969                                                        </div>
970                                                        <div v-if="customField.type == 'multiselect' && lists.invalidCustomFieldIds.includes(cu
970stomField.id)" class="multiselect-error">
971                                                            Please select at least one option.
972                                                        </div>
973                                                    </div>
974                                                    <div v-if="flags.notesFieldAfterCustomDropdown && customField.label.indexOf('allergies or dietary requirements') != -1" class="form-input fullcol">
975                                                        <label for="dmn-specialreqs">Special Requests</label>
976                                                        <div class="box">
977                                                            <textarea id="dmn-specialreqs" v-model="customer.notes" name="specialreqs"></textarea>
978                                                        </div>
979                                                    </div>
980                                                </template>
981                                                <div v-if="lists.offers.length" class="form-input fullcol offers">
982                                                    <h5 class="with-next-lines">Offers available</h5>
983                                                    <h5 class="description">Select an offer below to add it to your booking</h5>
984                                                    <ul>
985                                                        <li v-for="offer in lists.offers"
986                                                            :key="offer._id"
987                                                            @click.prevent="handleOfferSelection(offer._id)">
988                                                            <a :class="{ selected: offer._id === selected.offer }">
989                                                                <div class="details">
990                                                                    <p v-if="offer.title" class="title">{{ offer.title }}</p>
991                                                                    <p v-if="offer.description" class="descr">{{ offer.description }} </p>
992                                                                </div>
993                                                                <div v-if="offer._id === selected.offer" class="pkgselected">
994                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
995                                                                        <path d="M3.33398 7.99984L6.66732 11.3332L13.334 4.6665" stroke="#262C1E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
996                                                                    </svg>
997                                                                </div>
998                                                            </a>
999                                                        </li>
1000                                                    </ul>
1001                                                </div>
1002                                                <div v-if="lists.packages.length" class="form-input fullcol offers">
1003                                                    <h5>Packages available with your booking:</h5>
1004                                                    <ul>
1005                                                        <li v-for="package in lists.packages"
1006                                                            :key="package.id"
1007                                                            @click.prevent="handlePackageSelection(package.id)">
1008                                                            <a :class="{ selected: package.id === selected.package }">
1009                                                                <div class="details">
1010                                                                    <p v-if="package.name" class="title">{{ package.name }}</p>
1011                                                                    <p v-if="package.price" class="price">&pound;{{ package.price }}</p>
1012                                                                    <div v-if="package.description" v-html="package.description" class="descr"></div>
1013                                                                </div>
1014                                                                <div v-if="package.id === selected.package" class="pkgselected">
1015                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
1015ox="0 0 16 16" fill="none">
1016                                                                        <path d="M3.33398 7.99984L6.66732 11.3332L13.334 4.6665" stroke="#262C1E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
1017                                                                    </svg>
1018                                                                </div>
1019                                                            </a>
1020                                                        </li>
1021                                                    </ul>
1022                                                </div>
1023                                                <div class="form-input fullcol">
1024                                                    <p>
1025                                                        I confirm that I am over the age of 18 years old and am happy for Fuller's to contact me from time to time about their pubs, hotels, food, drinks, events &amp; experiences.
1026                                                        We may also use your details to personalise your visit experiences. You can view our <a href="https://www.fullers.co.uk/corporate/privacy-and-cookies" target="_blank">Privacy Policy </a>at any time, which explains how we collect, store and use your personal data.
1027                                                    </p>
1028                                                </div>
1029                                                <div class="form-input fullcol">
1030                                                    <div class="checkbox">
1031                                                        <input type="checkbox" id="dmn-table-newsletter" name="newsletterOptin" v-model="optIns.newsletter" />
1032                                                        <label for="dmn-table-newsletter">
1033                                                            Opt in - Email
1034                                                        </label>
1035                                                    </div>
1036                                                </div>
1037                                                <div v-if="this.booking.policy" v-html="this.booking.policy" class="form-input fullcol">
1038                                                </div>
1039                                                <div class="form-input fullcol">
1040                                                    <div class="checkbox">
1041                                                        <input type="checkbox" id="dmn-table-consent" name="optin" required v-model="optIns.consent" />
1042                                                        <label for="dmn-table-consent">
1043                                                            I confirm I have read the booking policy <span class="dmn__required">*</span>
1044                                                        </label>
1045                                                    </div>
1046                                                </div>
1047                                                <div class="form-inputctr fullcol">
1048                                                    <button :disabled="flags.submitting" type="submit">
1049                                                        <span class="text">{{flags.autoAccept ? 'Book Now' : 'Enquire Now'}}</span>
1050                                                        <span class="icon">
1051                                                            <svg v-if="flags.autoAccept" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
1052                                                                <path d="M10.4173 17.5H5.00065C4.55862 17.5 4.1347 17.3244 3.82214 17.0118C3.50958 16.6993 3.33398 16.2754 3.33398 15.8333V5.83333C3.33398 5.39131 3.50958 4.96738 3.82214 4.65482C4.1347 4.34226 4.55862 4.16667 5.00065 4.16667H15.0007C15.4427 4.16667 15.8666 4.34226 16.1792 4.65482C16.4917 4.96738 16.6673 5.39131 16.6673 5.83333V10M13.334 2.5V5.83333M6.66732 2.5V5.83333M3.33398 9.16667H16.6673M13.334 15.8333H18.334M15.834 13.3333V18.3333" stroke="#262C1E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
1053                                                            </svg>
1054                                                            <svg v-else width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1055                                                                <path d="M6.66667 7.49967H13.3333M6.66667 10.833H11.6667M7.5 14.9997H5C4.33696 14.9997 3.70107 14.7363 3.23223 14.2674C2.76339 13.7986 2.5 13.1627 2.5 12.4997V5.83301C2.5 5.16997 2.76339 4.53408 3.23223 4.06524C3.70107 3.5964 4.33696 3.33301 5 3.33301H15C15.663 3.33301 16.2989 3.5964 16.7678 4.06524C17.2366 4.53408 17.5 5.16997 17.5 5.83301V12.4997C17.5 13.1627 17.2366 13.7986 16.7678 14.2674C16.2989 14.7363 15.663 14.9997 15 14.9997H12.5L10 17.4997L7.5 14.9997Z" stroke="#262C1E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
1056                                                            </svg>
1057                                                        </span>
1058                                                    </button>
1059                                                </div>
1060                                            </form>
1061                                        </div>
1062                                    </div>
1063                                    <div v-if="lists.offers.length && ui.tab != 'bookingdetail'" class="dmn-app-offerssheet" id="offersheet">
1064                                        <div class="dmn-app-offerssheet-handle" onclick="toggleSheet('offersheet')">
1065                                            <span class="offercount">{{ lists.offers.length }}</span>
1066                                            <span>{{ lists.offers.length == 1 ? "Offer" : "Offers"}} Available</span>
1067                                            <span class="offerarrow" id="offersheet_arrow">
1068                                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
1069                                                    <path d="M5 12.5L10 7.5L15 12.5" stroke="#888872" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
1070                                                </svg>
1071                                            </span>
1072                                        </div>
1073                                        <div class="dmn-app-offerssheet-content" id="offersheet_content">
1074                                            <div v-for="offer in lists.offers" :key="offer._id" class="dmn-app-offerssheet-content__offerbox">
1075                                                <h4>{{ offer.title }}</h4>
1076                                                <div class="dmn-app-offerssheet-content__offerbox-desc">
1077                                                    <p>
1078                                                        {{ offer.description }}
1079                                                    </p>
1080                                                </div>
1081                                                <div class="dmn-app-offerssheet-content__offerbox-icons">
1082                                                    <div v-if="offer.rules?.min_people && offer.rules?.max_people" class="dmn-app-offerssheet-content__offerbox-icons-col">
1083                                                        <div class="offerboxicon">
1084                                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
1085                                                                <path d="M8 21V20C8 19.4696 8.21071 18.9609 8.58579 18.5858C8.96086 18.2107 9.46957 18 10 18H14C14.5304 18 15.0391 18.2107 15.4142 18.5858C15.7893 18.9609 16 19.4696 16 20V21M17 10H19C19.5304 10 20.0391 10.2107 20.4142 10.5858C20.7893 10.9609 21 11.4696 21 12V13M3 13V12C3 11.4696 3.21071 10.9609 3.58579 10.5858C3.96086 10.2107 4.46957 10 5 10H7M10 13C10 13.5304 10.2107 14.0391 10.5858 14.4142C10.9609 14.7893 11.4696 15 12 15C12.5304 15 13.0391 14.7893 13.4142 14.4142C13.7893 14.0391 14 13.5304 14 13C14 12.4696 13.7893 11.9609 13.4142 11.5858C13.0391 11.2107 12.5304 11 12 11C11.4696 11 10.9609 11.2107 10.5858 11.5858C10.2107 11.9609 10 12.4696 10 13ZM15 5C15 5.53043 15.2107 6.03914 15.5858 6.41421C15.9609 6.78929 16.4696 7 17 7C17.5304 7 18.0391 6.78929 18.4142 6.41421C18.7893 6.03914 19 5.53043 19 5C19 4.46957 18.7893 3.96086 18.4142 3.58579C18.0391 3.21071 17.5304 3 17 3C16.4696 3 15.9609 3.21071 15.5858 3.58579C15.2107 3.96086 15 4.46957 15 5ZM5 5C5 5.53043 5.21071 6.03914 5.58579 6.41421C5.96086 6.78929 6.46957 7 7 7C7.53043 7 8.03914 6.78929 8.41421 6.41421C8.78929 6.03914 9 5.53043 9 5C9 4.46957 8.78929 3.96086 8.41421 3.58579C8.03914 3.21071 7.53043 3 7 3C6.46957 3 5.96086 3.21071 5.58579 3.58579C5.21071 3.96086 5 4.46957 5 5Z" stroke="#E4DEC1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
1086                                                            </svg>
1087                                                        </div>
1088                                                        <div class="offerboxtext">
1089                                                            <p>For {{offer.rules.min_people}} - {{offer.rules.max_people}} guests</p>
1090                                                        </div>
1091                                                    </div>
1092                                                    <div v-if="offer.availabilityRange" class="dmn-app-offerssheet-content__offerbox-icons-col">
1093                                                        <div class="offerboxicon">
1094                                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
1095                                                                <path d="M16 3V7M8 3V7M4 11H20M8 14V18M12 14V18M16 14V18M4 7C4 6.46957 4.21071 5.96086 4.58579 5.58579C4.96086 5.21071 5.46957 5 6 5H18C18.5304 5 19.0391 5.21071 19.4142 5.58579C19.7893 5.96086 20 6.46957 20 7V19C20 19.5304 19.7893 20.0391 19.4142 20.4142C19.0391 20.7893 18.5304 21 18 21H6C5.46957 21 4.96086 20.7893 4.58579 20.4142C4.21071 20.0391 4 19.5304 4 19V7Z" stroke="#E4DEC1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
1096                                                            </svg>
1097                                                        </div>
1098                                                        <div class="offerboxtext">
1099                                                            <p>Available {{ offer.availabilityRange }}</p>
1100                                                        </div>
1101                                                    </div>
1102                                                    <div v-if="offer.validityRange" class="dmn-app-offerssheet-content__offerbox-icons-col">
1103                                                        <div class="offerboxicon">
1104                                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
1105                                                                <path d="M16 3V7M8 3V7M4 11H20M7 14H7.013M10.01 14H10.015M13.01 14H13.015M16.015 14H16.02M13.015 17H13.02M7.01001 17H7.01501M10.01 17H10.015M4 7C4 6.46957 4.21071 5.96086 4.58579 5.58579C4.96086 5.21071 5.46957 5 6 5H18C18.5304 5 19.0391 5.21071 19.4142 5.58579C19.7893 5.96086 20 6.46957 20 7V19C20 19.5304 19.7893 20.0391 19.4142 20.4142C19.0391 20.7893 18.5304 21 18 21H6C5.46957 21 4.96086 20.7893 4.58579 20.4142C4.21071 20.0391 4 19.5304 4 19V7Z" stroke="#E4DEC1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
1106                                                            </svg>
1107                                                        </div>
1108                                                        <div class="offerboxtext">
1109                                                            <p>Valid {{ offer.validityRange }}</p>
1110                                                        </div>
1111                                                    </div>
1112                                                </div>
1113                                            </div>
1114                                        </div>
1115                                    </div>
1116                                    <div v-if="ui.errorModal.visible" :class="['dmn-app-errorbackdrop', {'active': ui.errorModal.visible}]"></div>
1117                                    <div v-if="ui.errorModal.visible" :class="['dmn-app-errormodal', {'active': ui.errorModal.visible}]" aria-role="modal">
1118                                        <div class="dmn-app-errormodal__title">
1119                                            <h3>{{ ui.errorModal.title }}</h3>
1120                                        </div>
1121                                        <div class="dmn-app-errormodal__close">
1122                                            <a @click="hideError()" href="#" rel="nofollow">
1123                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
1124                                                    <path d="M18 6L6 18M6 6L18 18" stroke="#B6BCC8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
1125                                                </svg>
1126                                            </a>
1127                                        </div>
1128                                        <div class="dmn-app-errormodal__message">
1129                                            <p>
1130                                                {{ ui.errorModal.message }}
1131                                                <span v-if="ui.errorModal.details != ''" class="selectedoption">{{ui.errorModal.details}}</span>
1132                                            </p>
1133                                        </div>
1134                                        <div class="dmn-app-errormodal__buttons">
1135                                            <a v-if="ui.errorModal.showChangeTime" href="#" @click="handleChangeTimeClick()">Change Time</a>
1136                                            <a v-if="ui.errorModal.showChangeDate" href="#" @click="handleChangeDateClick()">Change Date</a>
1137                                            <a v-if="ui.errorModal.showChangeVenue" href="#" @click="handleChangeVenueClick()">Change Venue</a>
1138                                        </div>
1139                                    </div>
1140                                </div>
1141                                <div v-show="ui.submitted" class="dmn-app-confirmation">
1142                                    <h3 v-if="confirmation.status == 'confirmed'">Booking Confirmed</h3>
1143                                    <h3 v-else-if="confirmation.status == 'rejected'">Booking Rejected</h3>
1144                                    <h3 v-else>Awaiting Confirmation</h3>
1145                                    <div>
1146                                        <p v-if="confirmation.status == 'confirmed'">
1147                                            We've got everything booked in - we look forward to welcoming you. <br>
1148                                            A confirmation email has been sent to you with all the details of your booking.
1149                                            You can view, manage, or amend your booking at any time using the links in that email. Please keep your booking reference handy if you need to get in touch.<br>
1150                                            If you have any questions before your visit, our team will be happy to help. Simply reply to your confirmation email.
1151                                        </p>
1152                                        <p v-else-if="confirmation.status == 'rejected'">
1153                                            We couldn't confirm your booking, please try again.
1154                                        </p>
1155                                        <p v-else>
1156                                            Your booking is awaiting confirmation.<br>
1157                                            An email has been sent to you with your enquiry details and reference number. A member of our team will review your request and get back to you as soon as possible.<br>
1158                                            If you need to make any changes or would like to add further information, you can reply directly to that email. <br>
1159                                            If you have any questions in the meantime, our team will be happy to help.
1160                                        </p>
1161                                        <p>
1162                                            Booking reference: {{ confirmation.reference }} <br>
1163                                            Venue: {{ venue.name ? venue.name : 'Cotswold Inns &amp; Hotels' }} <br>
1164                                            Date & time: {{ selectedDateFormattedWithDayName }} <br>
1165                                            Party size: {{ booking.people }}
1166                                        </p>
1167                                        <p class="dmn-app-confirmation__button">
1168                                            <button @click.prevent="fullReset()">
1169                                                <span class="text">Book Again</span>
1170                                                <span class="icon">
1171                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
1172                                                        <path d="M10.4173 17.5H5.00065C4.55862 17.5 4.1347 17.3244 3.82214 17.0118C3.50958 16.6993 3.33398 16.2754 3.33398 15.8333V5.83333C3.33398 5.39131 3.50958 4.96738 3.82214 4.65482C4.1347 4.34226 4.55862 4.16667 5.00065 4.16667H15.0007C15.4427 4.16667 15.8666 4.34226 16.1792 4.65482C16.4917 4.96738 16.6673 5.39131 16.6673 5.83333V10M13.334 2.5V5.83333M6.66732 2.5V5.83333M3.33398 9.16667H16.6673M13.334 15.8333H18.334M15.834 13.3333V18.3333" stroke="#262C1E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
1173                                                    </svg>
1174                                                </span>
1175                                            </button>
1176                                        </p>
1177                                    </div>
1178                                </div>
1179                            </div>
1180                        </div>
1181                            
1181<script type="module">
1182                                import BookingForm from "/assets/cotswoldsinns/js/modals/booking-form.js";
1183                                function openDMNTableForm() {
1184                                    BookingForm.init("table-BD69C96002234CF4BBC27663C991A398", "", "table", "", null, "venue", "https://www.cotswold-inns-hotels.co.uk/thank-you");
1185                                };
1186
1187                                const openTableFormButton = document.querySelector("#" + "openTableButton");
1188                                openTableFormButton.addEventListener("click", openDMNTableForm);
1189                                window.bookingFormReady = true;
1190                                window.dispatchEvent(new Event("dmn-table-booking-form-ready"));
1191                            </script>
1191
1192                    <div id="event-dmn-modal" class="step-two inactive">
1193                        <div id="form-event-dmn-modal" name="form-event-dmn-modal">
1194                            <div class="dmn-app-formcontainer">
1195                                <form method="post" class="dmn-app-form dmn-app-form--js" id="events-enquiry-modal" name="event-enquiry-form-events" onsubmit="return FormBootstrap.eventsModalForm(this);">
1196                                    <div class="form-input halfcol">
1197                                        <label for="event-enquiry-modal-fname">
1198                                            First Name
1199                                            <span class="dmn__required">*</span>
1200                                        </label>
1201                                        <div class="box">
1202                                            <input type="text" id="event-enquiry-modal-fname" name="event-enquiry-modal-fname" required="required" pattern="[\p{L}\p{M}]+([\s'\-][\p{L}\p{M}]+)*" title="First name should only contain letters. e.g. 'John'" oninvalid="this.setCustomValidity('Please enter your first name')" oninput="this.setCustomValidity('')" placeholder="First name">
1203                                        </div>
1204                                    </div>
1205                                    <div class="form-input halfcol">
1206                                        <label for="event-enquiry-modal-lname">
1207                                            Last Name
1208                                            <span class="dmn__required">*</span>
1209                                        </label>
1210                                        <div class="box">
1211                                            <input type="text" id="event-enquiry-modal-lname" name="event-enquiry-modal-lname" required="required" pattern="[\p{L}\p{M}]+([\s'\-][\p{L}\p{M}]+)*" title="Second name should only contain letters. e.g. 'Doe'" oninvalid="this.setCustomValidity('Please enter your last name')" oninput="this.setCustomValidity('')" placeholder="Last name">
1212                                        </div>
1213                                    </div>
1214                                    <div class="form-input halfcol">
1215                                        <label for="event-enquiry-modal-email">
1216                                            Email
1217                                            <span class="dmn__required">*</span>
1218                                        </label>
1219                                        <div class="icon-box">
1220                                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
1221                                                <path d="M2.5 5.83366C2.5 5.39163 2.67559 4.96771 2.98816 4.65515C3.30072 4.34259 3.72464 4.16699 4.16667 4.16699H15.8333C16.2754 4.16699 16.6993 4.34259 17.0118 4.65515C17.3244 4.96771 17.5 5.39163 17.5 5.83366M2.5 5.83366V14.167C2.5 14.609 2.67559 15.0329 2.98816 15.3455C3.30072 15.6581 3.72464 15.8337 4.16667 15.8337H15.8333C16.2754 15.8337 16.6993 15.6581 17.0118 15.3455C17.3244 15.0329 17.5 14.609 17.5 14.167V5.83366M2.5 5.83366L10 10.8337L17.5 5.83366" stroke="#888872" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
1222                                            </svg>
1223                                            <input type="email" id="event-enquiry-modal-email" name="event-enquiry-modal-email" required="required" title="The email should be a valid email address." oninvalid="this.setCustomValidity('Please enter your email address')" oninput="this.setCustomValidity('')" placeholder="[email protected]">
1224                                        </div>
1225                                    </div>
1226                                    <div class="form-input halfcol">
1227                                        <label for="event-enquiry-modal-phone">
1228                                            Phone
1229                                            <span class="dmn__required">*</span>
1230                                        </label>
1231                                        <div class="icon-box">
1232                                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
1233                                                <path d="M4.16667 3.33301H7.5L9.16667 7.49967L7.08333 8.74967C7.9758 10.5593 9.44039 12.0239 11.25 12.9163L12.5 10.833L16.6667 12.4997V15.833C16.6667 16.275 16.4911 16.699 16.1785 17.0115C15.866 17.3241 15.442 17.4997 15 17.4997C11.7494 17.3021 8.68346 15.9218 6.38069 13.619C4.07792 11.3162 2.69754 8.25029 2.5 4.99967C2.5 4.55765 2.67559 4.13372 2.98816 3.82116C3.30072 3.5086 3.72464 3.33301 4.16667 3.33301Z" stroke="#888872" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
1234                                            </svg>
1235                                            <input type="text" id="event-enquiry-modal-phone" name="phone" required="required" pattern="\d*" title="Should be a valid phone number." oninvalid="this.setCustomValidity('Please enter your phone number')" onin
1235put="this.setCustomValidity('')" placeholder="07777 777 777">
1236                                        </div>
1237                                    </div>
1238                                    <div class="form-input halfcol">
1239                                        <label for="event-enquiry-modal-date">
1240                                            Preferred Date
1241                                            <span class="dmn__required">*</span>
1242                                        </label>
1243                                        <div class="box">
1244                                            <input type="date" id="event-enquiry-modal-date" name="prefered-date" required="required" title="Your date should be a valid date in the future." oninvalid="this.setCustomValidity('Please enter a date')" oninput="this.setCustomValidity('')" min="2026-09-26" max="">
1245                                        </div>
1246                                    </div>
1247                                    <div class="form-input halfcol">
1248                                        <label for="event-enquiry-modal-time">
1249                                            Preferred Time
1250                                            <span class="dmn__required">*</span>
1251                                        </label>
1252                                        <div class="box box--select select">
1253                                            <select id="event-enquiry-modal-time"
1254                                                    name="event-enquiry-modal-time"
1255                                                    required="required"
1256                                                    title="Select a time for the dropdown."
1257                                                    oninvalid="this.setCustomValidity('Please select a time from the dropdown.')"
1258                                                    oninput="this.setCustomValidity('')"
1259                                                    onchange="">
1260                                                <option value="" disabled selected="selected">Select</option>
1261                                                    <option value="11:00am">11:00am</option>
1262                                                    <option value="11:30am">11:30am</option>
1263                                                    <option value="12:00pm">12:00pm</option>
1264                                                    <option value="12:30pm">12:30pm</option>
1265                                                    <option value="1:00pm">1:00pm</option>
1266                                                    <option value="1:30pm">1:30pm</option>
1267                                                    <option value="2:00pm">2:00pm</option>
1268                                                    <option value="2:30pm">2:30pm</option>
1269                                                    <option value="3:00pm">3:00pm</option>
1270                                                    <option value="3:30pm">3:30pm</option>
1271                                                    <option value="4:00pm">4:00pm</option>
1272                                                    <option value="4:30pm">4:30pm</option>
1273                                                    <option value="5:00pm">5:00pm</option>
1274                                                    <option value="5:30pm">5:30pm</option>
1275                                                    <option value="6:00pm">6:00pm</option>
1276                                                    <option value="6:30pm">6:30pm</option>
1277                                                    <option value="7:00pm">7:00pm</option>
1278                                                    <option value="7:30pm">7:30pm</option>
1279                                                    <option value="8:00pm">8:00pm</option>
1280                                                    <option value="8:30pm">8:30pm</option>
1281                                                    <option value="9:00pm">9:00pm</option>
1282                                                    <option value="9:30pm">9:30pm</option>
1283                                            </select>
1284                                        </div>
1285                                    </div>
1286                                    <div class="form-input halfcol">
1287                                        <label for="event-enquiry-modal-party-size">
1288                                            Party Size
1289                                            <span class="dmn__required">*</span>
1290                                        </label>
1291                                        <div class="box">
1292                                            <input type="number"
1293                                                   min="1"
1294                                                   id="event-enquiry-modal-party-size"
1295                                                   name="event-enquiry-modal-party-size"
1296                                                   required="required"
1297                                                   title="Please select a party size."
1298                                                   oninvalid="this.setCustomValidity('Please select a party size.')"
1299                                                   oninput="this.setCustomValidity('')">
1300                                        </div>
1301                                    </div>
1302                                    <div class="form-input halfcol">
1303                                        <label for="event-enquiry-modal-occasion-selection">
1304                                            Occasion
1305                                            <span class="dmn__required">*</span>
1306                                        </label>
1307                                        <div class="select box box--select">
1308                                            <select id="event-enquiry-modal-occasion-selection"
1309                                                    name="event-enquiry-modal-occasion-selection"
1310                                                    required="required"
1311                                                    title="Please select a occasion from the dropdown.">
1312                                                <option value="" disabled selected>Select</option>
1313                                                    <option value="25">Birthday</option>
1314                                                    <option value="50">Celebration of Life</option>
1315                                                    <option value="51">Special Event</option>
1316                                                    <option value="52">Conference / Corporate Event</option>
1317                                                    <option value="22">Wedding</option>
1318                                                    <option value="28">Tour Groups</option>
1319                                                    <option value="53">Group (Bedrooms 6+)</option>
1320                                                    <option value="54">Christmas &amp; New Year</option>
1321                                                    <option value="42">Christmas Party</option>
1322                                            </select>
1323                                        </div>
1324                                    </div>
1325                                        <div class="form-input fullcol locations-container--js">
1326                                            <label for="event-enquiry-modal-form-locations">
1327                                                Locations Interested In
1328                                                <span class="dmn__required">*</span>
1329                                            </label>
1330                                            <div class="box box--select select">
1331                                                <select name="Locations"
1332                                                        id="event-enquiry-modal-locations">
1333                                                    <option value="" disabled="disabled" selected="selected">Select</option>
1334                                                        <option value="The Bay Tree Hotel">The Bay Tree Hotel</option>
1335                                                        <option value="The Bear Of Rodborough">The Bear Of Rodborough</option>
1336                                                        <option value="The Close Hotel">The Close Hotel</option>
1337                                                        <option value="The Hare And Hounds Hotel">The Hare And Hounds Hotel</option>
1338                                                        <option value="The Lamb Inn">The Lamb Inn</option>
1339                                                        <option value="The Manor House Hotel">The Manor House Hotel</option>
1340                                                        <option value="The Swan Hotel">The Swan Hotel</option>
1341                                                </select>
1342                                            </div>
1343
1344                                            <div id="selected-event-enquiry-modal-locations"></div>
1345                                            <div class="location-error">Please select a party location</div>
1346                                                <input type="checkbox" data-id="checkbox-The Bay Tree Hotel" name="locations[]" value="The Bay Tree Hotel" class="hidden-checkbox">
1347                                                <input type="checkbox" data-id="checkbox-The Bear Of Rodborough" name="locations[]" value="The Bear Of Rodborough" class="hidden-checkbox">
1348                                                <input type="checkbox" data-id="checkbox-The Close Hotel" name="locations[]" value="The Close Hotel" class="hidden-checkbox">
1349                                                <input type="checkbox" data-id="checkbox-The Hare And Hounds Hotel" name="locations[]" value="The Hare And Hounds Hotel" class="hidden-checkbox">
1350                                                <input type="checkbox" data-id="checkbox-The Lamb Inn" name="locations[]" value="The Lamb Inn" class="hidden-checkbox">
1351                                                <input type="checkbox" data-id="checkbox-The Manor House Hotel" name="locations[]" value="The Manor House Hotel" class="hidden-checkbox">
1352                                                <input type="checkbox" data-id="checkbox-The Swan Hotel" name="locations[]" value="The Swan Hotel" class="hidden-checkbox">
1353                                        </div>
1354                                    <div class="form-input thirdcol">
1355                                        <div class="checkbox checkbox--alt">
1356                                            <label for="event-enquiry-modal-bedrooms-required">
1357                                                Bedrooms required
1358                                            </label>
1359                                            <input type="checkbox" id="event-enquiry-modal-bedrooms-required" name="bedrooms" class="bedrooms-required--js" />
1360                                        </div>
1361                                    </div>
1362                                    <div class="form-input fullcol">
1363                                        <label for="event-enquiry-modal-event-information">More Information</label>
1364                                        <div class="box">
1365                                            <textarea id="event-enquiry-modal-event-information" name="event-enquiry-modal-event-information"></textarea>
1366                                        </div>
1367                                    </div>
1368                                    <div class="form-input fullcol">
1369                                        <div class="checkbox">
1370                                            <input type="checkbox" id="event-enquiry-modal-contact" name="ContactPreference" class="checkbox-consent--js" />
1371                                            <label for="event-enquiry-modal-contact">
1372                                                I am happy for Cotswold Inns to contact me from time to time by email about their pubs, hotels, food, drinks, events & experiences. We may al
1372so use your details to personalise your visit experiences. You can view our <a href="https://www.fullers.co.uk/corporate/privacy-and-cookies">Privacy Policy</a> at any time, which explains how we collect, store and use your personal data.
1373                                            </label>
1374                                        </div>
1375                                    </div>
1376                                    <div class="form-input fullcol collapsible--js hidden">
1377                                        <div class="checkbox">
1378                                            <input type="checkbox" id="event-enquiry-modal-emailcontact" name="EmailContactPreference" class="checkbox-contact--js" />
1379                                            <label for="event-enquiry-modal-emailcontact">
1380                                                I am happy to be contacted by email.
1381                                            </label>
1382                                        </div>
1383                                    </div>
1384                                    <div class="form-input fullcol collapsible--js hidden">
1385                                        <div class="checkbox">
1386                                            <input type="checkbox" id="event-enquiry-modal-phonecontact" name="MobileContactPreference" class="checkbox-contact--js" />
1387                                            <label for="event-enquiry-modal-phonecontact">
1388                                                I am happy to be contacted by mobile.
1389                                            </label>
1390                                        </div>
1391                                    </div>
1392                                    <div class="form-input fullcol collapsible--js hidden">
1393                                        <div class="checkbox">
1394                                            <input type="checkbox" id="event-enquiry-modal-smscontact" name="SMSContactPreference" class="checkbox-contact--js" />
1395                                            <label for="event-enquiry-modal-smscontact">
1396                                                I am happy to be contacted by sms.
1397                                            </label>
1398                                        </div>
1399                                    </div>
1400                                    <input type="hidden" name="event-enquiry-website-id" value="D1C3638361BE4A738A2314195F35AA8A" />
1401                                    <div class="form-inputctr fullcol">
1402                                        <button>
1403                                            <span class="text">Enquire Now</span>
1404                                            <span class="icon">
1405                                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
1406                                                    <path d="M10.4173 17.5H5.00065C4.55862 17.5 4.1347 17.3244 3.82214 17.0118C3.50958 16.6993 3.33398 16.2754 3.33398 15.8333V5.83333C3.33398 5.39131 3.50958 4.96738 3.82214 4.65482C4.1347 4.34226 4.55862 4.16667 5.00065 4.16667H15.0007C15.4427 4.16667 15.8666 4.34226 16.1792 4.65482C16.4917 4.96738 16.6673 5.39131 16.6673 5.83333V10M13.334 2.5V5.83333M6.66732 2.5V5.83333M3.33398 9.16667H16.6673M13.334 15.8333H18.334M15.834 13.3333V18.3333" stroke="#262C1E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
1407                                                </svg>
1408                                            </span>
1409                                        </button>
1410                                    </div>
1411                                </form>
1412                                <div class="modal__submit event-enquiry-modal__submit--successful">
1413                                    <p>Thank you for contacting Cotswold Inns and Hotels.</p>
1414<p>Please note our office hours are from 9am to 5pm, Monday to Friday. Our team will endeavour to come back to you within 24 hours. </p>
1415
1416                                </div>
1417
1418                                <div class="modal__submit event-enquiry-modal__submit--unsuccessful">
1419                                    <p>Sorry, there was a problem.<br />Our technicians are looking into it.</p>
1420                                </div>
1421                            </div>
1422                        </div>
1423                    </div>
1424                        <div id="enquiry-dmn-modal" class="step-two inactive">
1425                            <div id="form-enquiry-dmn-modal" name="form-enquiry-dmn-modal">
1426                                <div class="dmn-app-formcontainer">
1427                                    <form method="post" class="dmn-app-form" id="form-general-enquiry-modal" data-captcha="6LepbF0aAAAAAFLdhGjdk9lIEzwcfJalgvjlcexh" name="form-general-enquiry" onsubmit="return FormBootstrap.generalEnquiryModalForm(this);">
1428                                        <div class="form-input halfcol">
1429                                            <label for="general-enquiry-modal-fname">
1430                                                First Name
1431                                                <span class="dmn__required">*</span>
1432                                            </label>
1433                                            <div class="box">
1434                                                <input type="text" id="general-enquiry-modal-fname" name="given-name" required="required" pattern="[\p{L}\p{M}]+([\s'\-][\p{L}\p{M}]+)*"
1435                                                       title="First name should only contain letters. e.g. 'John'"
1436                                                       oninvalid="this.setCustomValidity('Please enter your first name')" oninput="this.setCustomValidity('')" placeholder="First name">
1437                                            </div>
1438                                        </div>
1439                                        <div class="form-input halfcol">
1440                                            <label for="general-enquiry-modal-lname">
1441                                                Last Name
1442                                                <span class="dmn__required">*</span>
1443                                            </label>
1444                                            <div class="box">
1445                                                <input type="text" id="general-enquiry-modal-lname" name="family-name" required="required"
1446                                                       pattern="[\p{L}\p{M}]+([\s'\-][\p{L}\p{M}]+)*" title="Second name should only contain letters. e.g. 'Doe'"
1447                                                       oninvalid="this.setCustomValidity('Please enter your last name')" oninput="this.setCustomValidity('')" placeholder="Last name">
1448                                            </div>
1449                                        </div>
1450                                        <div class="form-input halfcol">
1451                                            <label for="general-enquiry-modal-email">
1452                                                Email
1453                                                <span class="dmn__required">*</span>
1454                                            </label>
1455                                            <div class="box">
1456                                                <input type="email" id="general-enquiry-modal-email" name="email" required="required" title="The email should be a valid email address."
1457                                                       oninvalid="this.setCustomValidity('Please enter your email address')" oninput="this.setCustomValidity('')" placeholder="[email protected]">
1458                                            </div>
1459                                        </div>
1460                                        <div class="form-input halfcol">
1461                                            <label for="general-enquiry-modal-phone">
1462                                                Phone
1463                                            </label>
1464                                            <div class="box">
1465                                                <input type="text" id="general-enquiry-modal-phone" name="phone" pattern="\d*" title="Should be a valid phone number."
1466                                                       oninvalid="this.setCustomValidity('Please enter your phone number')" oninput="this.setCustomValidity('')" placeholder="07777 777 777">
1467                                            </div>
1468                                        </div>
1469                                            <div class="form-input thirdcol">
1470                                                <label for="general-enquiry-modal-location-selection">
1471                                                    Locations Interested In
1472                                                    <span class="dmn__required">*</span>
1473                                                </label>
1474                                                <div class="box box--select select">
1475                                                    <select id="general-enquiry-modal-location-selection" name="location-dropdown" required="required"
1476                                                            class="general-enquiry-location--js"
1477                                                            title="Please select a location from the drop down."
1478                                                            oninvalid="this.setCustomValidity('Please select a party location')"
1479                                                            onin
1479put="this.setCustomValidity('')">
1480                                                        <option value="">Select</option>
1481                                                            <option value="E692651AEF254311BBC9DFF1E2513D8A">The Bay Tree</option>
1482                                                            <option value="A6627769AE594E23879F8CBBA8F61C90">Bear of Rodborough</option>
1483                                                            <option value="2592C1E560EB46D7BB96068ECDE2690C">Close Hotel</option>
1484                                                            <option value="8ED47860DD78455083303A45FEACCC1A">Hare and Hounds</option>
1485                                                            <option value="D89C87678B0B48FBA8DE38E05C95D471">Manor House Hotel</option>
1486                                                            <option value="96386CF038834470B75655CCEC2EA558">Swan Hotel</option>
1487                                                            <option value="E4629BC221ED4A699B60169E0A99E0FE">The Lamb Inn</option>
1488                                                    </select>
1489                                                </div>
1490                                            </div>
1491                                        <div class="form-input subject-cell--js thirdcol hidden">
1492                                            <label for="general-enquiry-modal-subject">Reason for Enquiry <span class="form__row__required">*</span></label>
1493                                            <div class="box box--select select">
1494                                                <select id="general-enquiry-modal-subject" class="general-enquiry-subject--js" name="subject-dropdown" required="required" title="Select a venue from the dropdown." oninvalid="this.setCustomValidity('Please select a venue from the dropdown.')" oninput="this.setCustomValidity('')">
1495                                                    <option value="" disabled selected="selected">Select</option>
1496                                                        <option value="complaint">Complaint</option>
1497                                                        <option value="compliment">Compliment</option>
1498                                                        <option value="general-enquiry">General Enquiry</option>
1499                                                        <option value="gift-card">Gift Card</option>
1500                                                        <option value="other">Other</option>
1501                                                </select>
1502                                            </div>
1503                                        </div>
1504                                        <div class="form-input thirdcol subject-details-cell--js hidden">
1505                                            <label for="general-enquiry-modal-subject-details">Type of Enquiry <span class="form__row__required">*</span></label>
1506                                            <div class="box box--select select">
1507                                                <select id="general-enquiry-modal-subject-details" name="subject-details-dropdown" required="required" title="Select a type of enquiry from the dropdown." oninvalid="this.setCustomValidity('Please select a type of enquiry from the dropdown.')" oninput="this.setCustomValidity('')">
1508                                                    <option value="" class="select-option--js" disabled selected="selected">Select</option>
1509                                                            <option class="hidden complaint" value="charity-complaint">Charity</option>
1510                                                            <option class="hidden complaint" value="drinks-quality-complaint">Drinks Quality</option>
1511                                                            <option class="hidden complaint" value="food-quality-complaint">Food Quality</option>
1512                                                            <option class="hidden complaint" value="gift-vouchers-complaint">Gift Vouchers</option>
1513                                                            <option class="hidden complaint" value="hotel-stay-complaint">Hotel Stay</option>
1514                                                            <option class="hidden complaint" value="hr-legal-complaint">HR/Legal</option>
1515                                                            <option class="hidden complaint" value="marketing-complaint">Marketing</option>
1516                                                            <option class="hidden complaint" value="noise-complaint">Noise</option>
1517                                                            <option class="hidden complaint" value="other-complaint">Other</option>
1518                                                            <option class="hidden complaint" value="pricing-complaint">Pricing</option>
1519                                                            <option class="hidden complaint" value="property-complaint">Property</option>
1520                                                            <option class="hidden complaint" value="recruitment-complaint">Recruitment</option>
1521                                                            <option class="hidden complaint" value="staff-service-complaint">Staff / Service</option>
1522                                                            <option class="hidden complaint" value="voucher-codes-complaint">Voucher Codes</option>
1523                                                            <option class="hidden compliment" value="drinks-quality-compliment">Drinks Quality</option>
1524                                                            <option class="hidden compliment" value="food-quality-compliment">Food Quality</option>
1525                                                            <option class="hidden compliment" value="gift-vouchers-compliment">Gift Vouchers</option>
1526                                                            <option class="hidden compliment" value="hotel-stay-compl
1526iment">Hotel Stay</option>
1527                                                            <option class="hidden compliment" value="other-compliment">Other</option>
1528                                                            <option class="hidden compliment" value="pricing-compliment">Pricing</option>
1529                                                            <option class="hidden compliment" value="recruitment-compliment">Recruitment</option>
1530                                                            <option class="hidden compliment" value="staff-service-compliment">Staff / Service</option>
1531                                                            <option class="hidden general-enquiry" value="charity-ge">Charity</option>
1532                                                            <option class="hidden general-enquiry" value="gift-vouchers-ge">Gift Vouchers</option>
1533                                                            <option class="hidden general-enquiry" value="hr-legal-ge">HR/Legal</option>
1534                                                            <option class="hidden general-enquiry" value="marketing-ge">Marketing</option>
1535                                                            <option class="hidden general-enquiry" value="procurement-ge">Procurement</option>
1536                                                            <option class="hidden general-enquiry" value="property-ge">Property</option>
1537                                                            <option class="hidden general-enquiry" value="recruitment-ge">Recruitment</option>
1538                                                            <option class="hidden general-enquiry" value="voucher-codes-ge">Voucher Codes</option>
1539                                                </select>
1540                                            </div>
1541                                        </div>
1542                                        <div class="form-input fullcol">
1543                                            <label for="general-enquiry-modal-information">Message</label>
1544                                            <div class="box">
1545                                                <textarea id="general-enquiry-modal-information" name="notes" placeholder="Message"></textarea>
1546                                            </div>
1547                                        </div>
1548                                        <div class="form-input fullcol">
1549                                            <p>I have read and accept the <a href="https://www.fullers.co.uk/corporate/privacy-and-cookies" target="_blank">Privacy Policy</a> and consent to my data being used to handle and respond to my query.</p>
1550                                        </div>
1551                                        <div class="form-input fullcol">
1552                                            <div class="checkbox checkbox--uppercase">
1553                                                <input type="checkbox" id="general-enquiry-modal-contact" required name="ContactConsentCheckbox" />
1554                                                <label for="general-enquiry-modal-contact">
1555                                                    Privacy policy acceptance <span class="dmn__required">*</span>
1556                                                </label>
1557                                            </div>
1558                                        </div>
1559                                        <div class="form-inputctr fullcol">
1560                                            <button type="submit">
1561                                                <span class="text">Enquire now</span>
1562                                                <span class="icon">
1563                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
1564                                                        <path d="M10.4173 17.5H5.00065C4.55862 17.5 4.1347 17.3244 3.82214 17.0118C3.50958 16.6993 3.33398 16.2754 3.33398 15.8333V5.83333C3.33398 5.39131 3.50958 4.96738 3.82214 4.65482C4.1347 4.34226 4.55862 4.16667 5.00065 4.16667H15.0007C15.4427 4.16667 15.8666 4.34226 16.1792 4.65482C16.4917 4.96738 16.6673 5.39131 16.6673 5.83333V10M13.334 2.5V5.83333M6.66732 2.5V5.83333M3.33398 9.16667H16.6673M13.334 15.8333H18.334M15.834 13.3333V18.3333" stroke="#262C1E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
1565                                                    </svg>
1566                                                </span>
1567                                            </button>
1568                                        </div>
1569                                    </form>
1570                                </div>
1571                                <div class="modal__submit general-enquiry-modal__submit--successful">
1572                                    <p>Thank you for your enquiry.<br />We'll be in touch.</p>
1573                                </div>
1574                                <div class="modal__submit general-enquiry-modal__submit--unsuccessful">
1575                                    <p>Sorry, there was a problem.<br />Our technicians are looking into it.</p>
1576                                </div>
1577                                <div id="overlay-general-form-captcha-res" class="modal__submit general-enquiry-modal__submit--unsuccessful">
1578                                    Captcha failed due to irregular web activity. If you are in fact not a robot, please use our main <a href="https://www.fullers.co.uk/contact-us">contact form</a>
1579                                </div>
1580                            </div>
1581                        </div>
1582                </div>
1583            </div>
1584        </div>
1585    </div>
1586        
1586<script type="module">
1587            import FormBootstrap from "/assets/cotswoldsinns/js/forms.js";
1588            FormBootstrap.init('events-enquiry-modal', 'event-enquiry-modal-locations', 'selected-event-enquiry-modal-locations');
1589            FormBootstrap.init('form-general-enquiry-modal');
1590        </script>
1590
1591    
1591<script type="module">
1592        import DmnModal from "/assets/cotswoldsinns/js/modals/dmn-modal.js";
1593        DmnModal.init("dmn-modal");
1594    </script>
1594
1595    
1595<script>
1596        function toggleSheet(sheet_id) {
1597            const sheet = document.getElementById(sheet_id);
1598            const sheetContent = document.getElementById(sheet_id + '_content');
1599            const arrow = document.getElementById(sheet_id + '_arrow');
1600
1601            sheetContent.classList.add("no-scroll");
1602
1603            sheet.classList.toggle("expanded");
1604            arrow.classList.toggle("rotated");
1605
1606            setTimeout(() => {
1607                sheetContent.classList.remove("no-scroll");
1608            }, 300);
1609        }
1610    </script>
1610
1611
1612
1613    
1614    
1615
1616    <div id="signup-modal" class="mdl signup-modal">
1617        <div class="mdl__close">
1618            <button class="close-btn signup-modal-close-btn" title="Close" aria-label="Close"></button>
1619        </div>
1620        <div class="mdl-cntr">
1621            <div class="mdl-outer">
1622                <div class="mdl-inner">
1623                    <div class="container heading-3">
1624                        <h2>Keep up to date with the latest from Cotswold Inns & Hotels</h2>
1625                        <form method="post" id="signup-modal-form" class="form" onsubmit="return SignupModal.signupForm(this);">
1626                            <div class="newsletter-form-container">
1627                                <div class="form-row n-title-cell">
1628                                    <label for="signup-modal-title">Title <span class="form__row__required">*</span></label>
1629                                    <div class="select-dropdown">
1630                                        <select id="signup-modal-title" name="title" required="required" title="Please select a title from the drop down." oninvalid="this.setCustomValidity('Please select a title')" oninput="this.setCustomValidity('')">
1631                                            <option value="" selected="selected">Select</option>
1632                                                <option value="mr">Mr.</option>
1633                                                <option value="mrs">Mrs.</option>
1634                                                <option value="miss">Miss.</option>
1635                                                <option value="ms">Ms.</option>
1636                                                <option value="mx">Mx.</option>
1637                                        </select>
1638                                    </div>
1639                                </div>
1640                                <div class="form-row n-name-cell">
1641                                    <label for="signup-modal-fname">First Name <span class="form__row__required">*</span></label>
1642                                    <input type="text" id="signup-modal-fname" name="given-name" required="required" pattern="[a-zA-Z]*" title="First name should only contain letters. e.g. 'John'" oninvalid="this.setCustomValidity('Please enter your first name')" oninput="this.setCustomValidity('')" placeholder="">
1643                                </div>
1644                                <div class="form-row n-surname-cell">
1645                                    <label for="signup-modal-lname">Last Name <span class="form__row__required">*</span></label>
1646                                    <input type="text" id="signup-modal-lname" name="family-name" required="required" pattern="[a-zA-Z]*" title="Second name should only contain letters. e.g. 'Doe'" oninvalid="this.setCustomValidity('Please enter your last name')" oninput="this.setCustomValidity('')" placeholder="">
1647                                </div>
1648                                <div class="form-row n-email-cell">
1649                                    <label for="signup-modal-email">Email Address <span class="form__row__required">*</span></label>
1650                                    <input type="email" id="signup-modal-email" name="email" required="required" title="The email should be a valid email address." oninvalid="this.setCustomValidity('Please enter your email address')" oninput="this.setCustomValidity('')" placeholder="">
1651                                </div>
1652                                <div class="form-row n-dob-cell">
1653                                    <label for="signup-modal-dob">Date of Birth <span class="form__row__required">*</span></label>
1654                                    <input type="date" id="signup-modal-dob" min="1920-01-01" max="2008-09-26" name="dob" required="required" title="Please enter a valid date of birth" oninvalid="this.setCustomValidity('Please enter a valid date of birth')" oninput="this.setCustomValidity('')" placeholder="">
1655                                </div>
1656                                <div class="n-terms-cell acceptance">
1657                                    <p>I am happy for Cotswolds Inns to contact me from time to time by email about their pubs, hotels, food, drinks, events & experiences. We may al
1657so use your details to personalise your visit experiences. You can view our <a href="https://www.fullers.co.uk/corporate/privacy-and-cookies">Privacy Policy</a> at any time, which explains how we collect, store and use your personal data.</p>
1658                                    <div class="toggle__wrap">
1659                                        <label class="toggle" for="signup-contact-yes">
1660                                            <input type="radio" name="ContactPreference" value="Yes" id="signup-contact-yes">
1661                                            <span>Yes</span>
1662                                        </label>
1663                                        <label class="toggle" for="signup-contact-no">
1664                                            <input type="radio" name="ContactPreference" value="No" id="signup-contact-no" checked="checked">
1665                                            <span>No</span>
1666                                        </label>
1667                                    </div>
1668                                </div>
1669                                <div class="n-submit-cell">
1670                                    <div class="signup-consent-error">
1671                                        We need your consent in order to sign you up for the newsletter.
1672                                    </div>
1673                                    <button type="submit" class="btn" tabindex="0" data-tbidx="-1">Submit</button>
1674                                </div>
1675                            </div>
1676                            <div class="form__honeypot">
1677                                <input id="HoneyPotNewsletter" name="HoneyPot" type="hidden" value="">
1678                            </div>
1679                            <input type="hidden" name="PubId" value="CotsMain">
1680                            <input type="hidden" name="PubName" value="Cotswold Inns &amp; Hotels">
1681                        </form>
1682                        <div class="hidden signup-modal__submit signup-modal__submit--successful">
1683                            <p>Thanks for signing up.</p>
1684                        </div>
1685                        <div class="hidden signup-modal__submit signup-modal__submit--unsuccessful">
1686                            <p>Sorry, there was a problem. Our technicians are looking into it.</p>
1687                        </div>
1688                        <div class="hidden signup-modal__submit signup-modal__submit--unsuccessful duplicate-submission-js">
1689                            <p>You are already signed up.</p>
1690                        </div>
1691                    </div>
1692                </div>
1693            </div>
1694        </div>
1695    </div>
1696    
1696<script type="module">
1697        import SignupModal from "/assets/cotswoldsinns/js/modals/signup-modal.js";
1698        SignupModal.init();
1699    </script>
1699
1700
1701
1702
1703    
1703<script src="/assets/cotswoldsinns/js/application.min.js?ref=68769064995762324B2275243D89DD34"></script>
1703
1704    
1705    
1706
1707    <section id="hamburger-menu" class="mdl hamburger-menu" aria-hidden="true" role="dialog" aria-modal="true"
1708             aria-labelledby="hamburger-menu-lbl" aria-describedby="hamburger-menu-desc">
1709        <h2 id="hamburger-menu-lbl" class="vis-hdn">
1710            This is the navigation menu (use tab to navigate the interface).
1711        </h2>
1712        <p id="hamburger-menu-desc" class="vis-hdn"></p>
1713
1714        <div class="mdl__close">
1715            <button class="close-btn hamburger-menu-close-btn" title="Close btn" aria-label="Close btn"></button>
1716        </div>
1717
1718        <div class="mdl-cntr">
1719            <div class="mdl-outer">
1720                <div class="mdl-inner">
1721                    <div class="mdl-inner__cntr container">
1722                        <div class="mdl__view">
1723                            <div class="col">
1724                                <nav>
1725                                    <ul>
1726                                            <li>
1727                                                <a href="https://www.cotswold-inns-hotels.co.uk/our-hotels"
1728                                                   data-img="https://www.cotswold-inns-hotels.co.uk/-/media/sites/cotswolds/bay-tree/bedrooms/superior-double-twin/3.jpg">Our hotels</a>
1729                                            </li>
1730                                            <li>
1731                                                <a href="https://www.cotswold-inns-hotels.co.uk/food-drink"
1732                                                   data-img="https://www.cotswold-inns-hotels.co.uk/-/media/sites/cotswolds/main-site/food/aw25/hake-loin.jpg">Food &amp; drink</a>
1733                                            </li>
1734                                            <li>
1735                                                <a href="https://www.cotswold-inns-hotels.co.uk/weddings"
1736                                                   data-img="https://www.cotswold-inns-hotels.co.uk/-/media/sites/cotswolds/main-site/weddings/gallery/30.jpg">Weddings</a>
1737                                            </li>
1738                                            <li>
1739                                                <a href="https://www.cotswold-inns-hotels.co.uk/conferences"
1740                                                   data-img="https://www.cotswold-inns-hotels.co.uk/-/media/sites/cotswolds/conferencing/hare--hounds/fullers_cotswolds-inns-hotels_harehounds_meetings-124.jpg">Conferences</a>
1741                                            </li>
1742                                            <li>
1743                                                <a href="https://www.cotswold-inns-hotels.co.uk/special-offers"
1744                                                   data-img="https://www.cotswold-inns-hotels.co.uk/-/media/sites/cotswolds/main-site/offers/feb-half-term-offer.jpg">Special offers</a>
1745                                            </li>
1746                                            <li>
1747                                                <a href="https://www.cotswold-inns-hotels.co.uk/gallery"
1748                                                   data-img="https://www.cotswold-inns-hotels.co.uk/-/media/sites/cotswolds/bay-tree/gallery/bt-gallery/baytreegallery20.jpg">Gallery</a>
1749                                            </li>
1750                                            <li>
1751                                                <a href="https://www.cotswold-inns-hotels.co.uk/special-offers/christmas-in-the-cotswolds"
1752                                                   data-img="https://www.cotswold-inns-hotels.co.uk/-/media/sites/cotswolds/main-site/christmas/2025/christmas-website-image-2025-cih.jpg">Christmas 2026</a>
1753                                            </li>
1754                                            <li>
1755                                                <a href=" https://gifts.cotswold-inns-hotels.co.uk"
1756                                                   data-img="https://www.cotswold-inns-hotels.co.uk/-/media/sites/cotswolds/main-site/offers/london-food-and-drink-photography---the-swan-bidbury-london-2024---nic-crilly-hargrave-69.jpg">Gift cards</a>
1757                                            </li>
1758                                            <li>
1759                                                <a href="https://www.cotswold-inns-hotels.co.uk/contact-us"
1760                                                   data-img="https://www.cotswold-inns-hotels.co.uk/-/media/sites/cotswolds/bay-tree/gallery/bt-gallery/baytreegallery20.jpg">Contact us</a>
1761                                            </li>
1762                                    </ul>
1763                                </nav>
1764                            </div>
1765
1766                            <ul class="line-dot-list">
1767                                    <li>
1768                                        <a href="https://www.cotswold-inns-hotels.co.uk/blog">Blog</a>
1769                                    </li>
1770                                    <li>
1771                                        <a href="https://www.cotswold-inns-hotels.co.uk/calendar-of-events">Calendar of events</a>
1772                                    </li>
1773                                    <li>
1774                                        <a href="https://www.cotswold-inns-hotels.co.uk/visit-the-cotswolds">Discover the Cotswolds</a>
1775                                    </li>
1776                                    <li>
1777                                        <a href="https://www.cotswold-inns-hotels.co.uk/places-of-interest">Places of interest</a>
1778                                    </li>
1779                                    <li>
1780                                        <a href="https://www.cotswold-inns-hotels.co.uk/faqs">FAQs</a>
1781                                    </li>
1782                                    <li>
1783                                        <a href="https://careers.cotswold-inns-hotels.co.uk/">Careers</a>
1784                                    </li>
1785                            </ul>
1786
1787                            <div class="social-circles reserved">
1788                                    <a href="//www.facebook.com/CotswoldInnsandHotels" aria-label="Facebook" title="Facebook">
1789                                        <svg width="16" height="24" fill="none" version="1.1" viewBox="0 0 16 24"
1790                                             xmlns="http://www.w3.org/2000/svg">
1791                                            <path d="m14 0.33325c0.2858 3.8e-5 0.5616 0.10495 0.7751 0.29484 0.2135 0.18988 0.35 0.45154 0.3834 0.73533l0.0082 0.1365v4.6667c-1e-4 0.28576-0.105 0.56157-0.2949 0.77511s-0.4515 0.34996-0.7353 0.3834l-0.1365 0.00816h-3.5v1.1667h3.5c0.1661 6e-5 0.3302 0.03558 0.4815 0.10419 0.1512 0.0686 0.2861 0.1687 0.3955 0.29362 0.1095 0.12491 0.191 0.27175 0.2391 0.4307 0.0482 0.15895 0.0618 0.32634 0.0401 0.49099l-0.0234 0.13066-1.1666 4.6667c-0.0579 0.2304-0.1848 0.4376-0.3637 0.594s-0.4012 0.2544-0.6373 0.281l-0.1319 0.0081h-2.3333v7c0 0.2858-0.1049 0.5616-0.2948 0.7751-0.1899 0.2136-0.45157 0.35-0.73537 0.3834l-0.1365 0.0082h-4.6667c-0.28576-1e-4 -0.56156-0.105-0.7751-0.2949-0.21354-0.1898-0.34997-0.4515-0.3834-0.7353l-0.00817-0.1365v-7h-2.3333c-0.28576 0-0.56156-0.1049-0.7751-0.2948s-0.34997-0.4516-0.3834-0.7353l-0.0081666-0.1365v-4.6667c3.7696e-5 -0.28575 0.10495-0.56156 0.29483-0.7751 0.18989-0.21354 0.45154-0.34996 0.73534-0.38339l0.1365-0.00817h2.3333v-1.1667c-7e-5 -1.8111 0.70183-3.5518 1.9582-4.8562 1.2564-1.3045 2.9694-2.0712 4.7793-2.1391l0.2625-0.004667h3.5z"
1792                                                  fill="currentColor" />
1793                                        </svg>
1794                                    </a>
1795                                                                    <a href="//www.instagram.com/cotswoldinns" aria-label="Instagram" title="Instagram">
1796                                        <svg width="22" height="22" fill="none" version="1.1" viewBox="0 0 22 22"
1797                                             xmlns="http://www.w3.org/2000/svg">
1798                                            <path d="m16.25 5.7501v0.01167m-14.583 0.57166c0-1.2377 0.49167-2.4247 1.3668-3.2998s2.0622-1.3668 3.2998-1.3668h9.3333c1.2377 0 2.4247 0.49166 3.2998 1.3668 0.8752 0.8751
17987 1.3669 2.0622 1.3669 3.2998v9.3333c0 1.2377-0.4917 2.4247-1.3669 3.2999-0.8751 0.8751-2.0621 1.3668-3.2998 1.3668h-9.3333c-1.2377 0-2.4247-0.4917-3.2998-1.3668-0.87517-0.8752-1.3668-2.0622-1.3668-3.2999v-9.3333zm5.8333 4.6667c0 0.9282 0.36874 1.8185 1.0251 2.4749 0.65638 0.6563 1.5466 1.0251 2.4748 1.0251 0.9283 0 1.8185-0.3688 2.4749-1.0251 0.6564-0.6564 1.0251-1.5467 1.0251-2.4749 0-0.9283-0.3687-1.8185-1.0251-2.4749-0.6564-0.65638-1.5466-1.0251-2.4749-1.0251-0.9282 0-1.8185 0.36875-2.4748 1.0251-0.65638 0.65637-1.0251 1.5466-1.0251 2.4749z"
1799                                                  stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
1800                                                  stroke-width="2" />
1801                                        </svg>
1802                                    </a>
1803                                                                    <a href="/cdn-cgi/l/email-protection#07626976726e756e6274476468737470686b632a6e6969742a6f6873626b7429646829726c" aria-label="Email us" title="Email us">
1804                                        <svg width="24" height="20" fill="none" version="1.1" viewBox="0 0 24 20"
1805                                             xmlns="http://www.w3.org/2000/svg">
1806                                            <path d="m23.666 4.7908v11.042c1e-4 0.8928-0.341 1.7518-0.9535 2.4013-0.6124 0.6496-1.4499 1.0405-2.3411 1.0929l-0.2054 0.0058h-16.333c-0.89275 1e-4 -1.7518-0.341-2.4013-0.9535-0.64953-0.6124-1.0405-1.4499-1.0929-2.3412l-0.005833-0.2053v-11.042l11.019 7.3465 0.1353 0.077c0.1595 0.0779 0.3347 0.1184 0.5122 0.1184s0.3527-0.0405 0.5121-0.1184l0.1354-0.077 11.019-7.3465z"
1807                                                  fill="currentColor" />
1808                                            <path d="m20.166 0.66675c1.26 0 2.3649 0.665 2.9809 1.6648l-11.148 7.4317-11.148-7.4317c0.29252-0.4751 0.69442-0.87336 1.1722-1.1616 0.47775-0.28819 1.0175-0.45795 1.5742-0.49512l0.2345-0.008167h16.333z"
1809                                                  fill="currentColor" />
1810                                            <path d="m23.666 4.7908v11.042c1e-4 0.8928-0.341 1.7518-0.9535 2.4013-0.6124 0.6496-1.4499 1.0405-2.3411 1.0929l-0.2054 0.0058h-16.333c-0.89275 1e-4 -1.7518-0.341-2.4013-0.9535-0.64953-0.6124-1.0405-1.4499-1.0929-2.3412l-0.005833-0.2053v-11.042l11.019 7.3465 0.1353 0.077c0.1595 0.0779 0.3347 0.1184 0.5122 0.1184s0.3527-0.0405 0.5121-0.1184l0.1354-0.077 11.019-7.3465z"
1811                                                  stroke="currentColor" />
1812                                            <path d="m20.166 0.66675c1.26 0 2.3649 0.665 2.9809 1.6648l-11.148 7.4317-11.148-7.4317c0.29252-0.4751 0.69442-0.87336 1.1722-1.1616 0.47775-0.28819 1.0175-0.45795 1.5742-0.49512l0.2345-0.008167h16.333z"
1813                                                  stroke="currentColor" />
1814                                        </svg>
1815
1816                                    </a>
1817                                                            </div>
1818
1819                            <div class="col">
1820                                    <picture>
1821                                        <img data-original="https://www.cotswold-inns-hotels.co.uk/-/media/sites/cotswolds/bay-tree/gallery/bt-gallery/baytreegallery26.jpg"
1822                                             src="https://www.cotswold-inns-hotels.co.uk/-/media/sites/cotswolds/bay-tree/gallery/bt-gallery/baytreegallery26.jpg"
1823                                             alt="" />
1824                                    </picture>
1825                            </div>
1826                        </div>
1827                    </div>
1828                </div>
1829            </div>
1830        </div>
1831
1832        <button id="hamburger-menu-trap" class="vis-hdn" tabindex="-1">Modal trap, continue to close button</button>
1833    </section>
vendor: 114 bytes, lines 1833-1834
1833
1834    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1834<script type="module">
1835        import HamburgerMenuModal from "/assets/cotswoldsinns/js/modals/hamburger-modal.js";
1836        HamburgerMenuModal.init("hamburger-menu");
1837    </script>
1837
1838
1839
1840
1841
1842<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"8a9550d0625544aa9b173568e38c7fdc","r":1,"spa":2}' crossorigin="anonymous"></script>
1842
1843</body>
1844</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.