<turbo-stream action="append" target="list-events"><template>
    <div id="map_event_18301" 
     class="event bg-white rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative "
     data-event-id="18301">
  <div class="relative group">
    <section class="text-gray-600 body-font overflow-hidden">
      <div class="container px-2 py-1 mx-auto">
        <div class="mx-auto">
          <div class="w-full mx-auto">
            <div class="">
              <div class="pb-2">
                
                <div class="clear-both mb-0 mt-3">
                  <div class="flex flex-wrap items-center gap-x-1 gap-y-1">
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=57">Activities</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=10">Adults</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=50">Advance Booking</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=7">Animals</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=40">Attractions</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=12">Baby/Toddlers</a>
      <a class="badge badge-sm bg-pink-500 text-white" href="/search?category_ids=16">Date Idea</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=3">Family</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=8">Food/Drink</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=4">Fun</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=55">Half Term</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=25">History &amp; Heritage</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=31">Indoor</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=13">Kids</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=30">Outdoor</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=29">Parks</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=11">Teens</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=39">Ticket Event</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=58">Walks</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=9">Children</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=3">Family</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=7">Toilets</a>
</div>

                </div>
              </div>
              <div class="flex flex-col gap-0">
                <a class="text-gray-900 text-base sm:text-lg font-bold mb-1 leading-tight text-center" href="/events/18301">
                  <h1>🏰 Mountfitchet Castle &amp; Norman Village - Stansted,  Mountfitchet </h1>
</a>                  <div class="flex gap-4 items-center m-0 sm:m-2 bg-white">
                      <img class="w-12 h-12 rounded-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDA0NDUsInB1ciI6ImJsb2JfaWQifX0=--5a8d6d372f03a93cef459523acde06e353ed6230/Screenshot_20260330_024957_Chrome.jpg" />
                    <div class="grid gap-1">
                      <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-sm sm:text-base">
                        <span class="inline-block w-4 mr-1 text-blue-500">
                          <img width="16" height="16" src="/assets/calendar-052fcaad027c0a362ae153587bbb96f00a1ea9d82f939bcf62a0c686313d8dc9.svg" />
                        </span>
                        <div>
                          Sunday 05 April 2026
                        </div>
                      </div>
                        <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-xs sm:text-base p-0">
                          <span class="inline-block w-4 mr-1 text-red-500">
                            <img width="10" height="10" src="/assets/gmaps-pin-96ff1ca85f05b22bbeae80f8a1673f852a3f2fd277cdd0af341d6d57fcd9d677.svg" />
                          </span>
                          <a target="_blank" rel="noopener" class="hover:underline p-0" href="https://www.google.com/maps/search/?api=1&amp;query=Mountfitchet+Castle%2C+Stansted+Mountfitchet%2C+Essex+CM24+8LY">
                            <span class="underline text-xs sm:text-base">Mountfitchet Castle, Stansted Mountfitchet, Essex CM24 8LY</span>
</a>                        </div>
                    </div>
                  </div>
                  <div class="clear-both">
                    <hr class="border-t border-gray-100">
                    <div class="px-1 py-1">
                      <p class="text-sm sm:text-base">
                          <span class="inline-block">
                            <strong>Time:</strong>
                            10:00
                          </span>
                          <span class="inline-block">
                            - 17:00
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-8" data-controller="seemore">
                        <div class="container leading-snug line-clamp-3 text-gray-600 text-sm sm:text-base" data-seemore-target="text" data-line-clamp-class="line-clamp-3">
                          <div class="event-description">
                            <div>🏰 <strong>Mountfitchet Castle is a unique time capsule. With its commanding position overlooking the Stort Valley, the Castle is situated on its original site which is steeped in history.<br><br></strong>🐰 <strong>FIND THE LOST BUNNY'S</strong><br>▪️28th March - 12th April 2026<br><br>🕥 <strong>OPENING TIMES <br>▪️</strong>Castle &amp; Museum: 10am - 5pm<br>▪️Last admission to th Museum: 4.15pm<br>▪️Last admission to the attraction: 3:45pm<strong><br></strong><br></div><div>🐓<strong> WHAT TO EXPECT</strong><br>Come and mingle with the animals that roam freely throughout the castle grounds and listen out for the echoes of long-forgotten voices…………..<br><br>✅️ <strong>WHAT DOES MY TICKET INCLUDE?</strong><br>Ticket price includes entrance to<br>Mountfitchet Castle, The House on the Hill Museum, The Dinosaur Encounters, and The Darkside of Medieval Life.<br><br>📍<strong>ADDRESS</strong> <br>Mountfitchet Castle, Stansted Mountfitchet, Essex CM24 8SP<br>(Sat Nav use: CM24 8LY)<br><br>🅿️ <strong>PARKING: </strong>Paid parking <br><br><strong>🎟 TICKET COST:</strong><br>▪️Adults: £18.00<br>▪️Children (3-13): £14.00<br>▪️Under 3: Free<br>▪️OAP (65+): £15.00<br>▪️Haunted Manor (extra): £1.50<br>▪️Animal Feed (extra): £3.00<br><br>ℹ️ <strong>ENQUIRIES</strong> <br><strong>☎️ Phone: </strong><a href="tel:01279%20813237">01279 813237</a></div>
                          </div>
                        </div>
                        <div class="flex justify-end">
                          <button class="btn btn-link min-h-6 h-6 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="event" data-model-id="18301">See more</button>
                        </div>
                    </div>
                      <div class="bg-white">
    <div id="media-carousel" class="relative w-full" data-controller="carousel" data-carousel-autoplay-value="true">
  <!-- Carousel wrapper -->
  <div class="relative h-56 w-full overflow-hidden rounded-none sm:rounded-lg md:h-96 mx-0">
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🏰 Mountfitchet Castle &amp; Norman Village - Stansted,  Mountfitchet  - Event Image 1 April 05, 2026 10:00 AM" title="🏰 Mountfitchet Castle &amp; Norman Village - Stansted,  Mountfitchet  at Mountfitchet Castle, Stansted Mountfitchet, Essex CM24 8LY | Activities, Adults, Advance Booking, Animals, Attractions, Baby/Toddlers, Date Idea, Family, Food/Drink, Fun, Half Term, History &amp; Heritage, Indoor, Kids, Outdoor, Parks, Teens, Ticket Event, Walks | Suitable for: Children, Family, Toilets" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDA0NDUsInB1ciI6ImJsb2JfaWQifX0=--5a8d6d372f03a93cef459523acde06e353ed6230/Screenshot_20260330_024957_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDA0NDUsInB1ciI6ImJsb2JfaWQifX0=--5a8d6d372f03a93cef459523acde06e353ed6230/Screenshot_20260330_024957_Chrome.jpg" />
          </div>
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🏰 Mountfitchet Castle &amp; Norman Village - Stansted,  Mountfitchet  - Event Image 2 April 05, 2026 10:00 AM" title="🏰 Mountfitchet Castle &amp; Norman Village - Stansted,  Mountfitchet  at Mountfitchet Castle, Stansted Mountfitchet, Essex CM24 8LY | Activities, Adults, Advance Booking, Animals, Attractions, Baby/Toddlers, Date Idea, Family, Food/Drink, Fun, Half Term, History &amp; Heritage, Indoor, Kids, Outdoor, Parks, Teens, Ticket Event, Walks | Suitable for: Children, Family, Toilets" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDA0NDYsInB1ciI6ImJsb2JfaWQifX0=--f33edb98b21a41a0db548496aae526c38ed4f586/Screenshot_20260330_023025_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDA0NDYsInB1ciI6ImJsb2JfaWQifX0=--f33edb98b21a41a0db548496aae526c38ed4f586/Screenshot_20260330_023025_Chrome.jpg" />
          </div>
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🏰 Mountfitchet Castle &amp; Norman Village - Stansted,  Mountfitchet  - Event Image 3 April 05, 2026 10:00 AM" title="🏰 Mountfitchet Castle &amp; Norman Village - Stansted,  Mountfitchet  at Mountfitchet Castle, Stansted Mountfitchet, Essex CM24 8LY | Activities, Adults, Advance Booking, Animals, Attractions, Baby/Toddlers, Date Idea, Family, Food/Drink, Fun, Half Term, History &amp; Heritage, Indoor, Kids, Outdoor, Parks, Teens, Ticket Event, Walks | Suitable for: Children, Family, Toilets" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDA0NDcsInB1ciI6ImJsb2JfaWQifX0=--428a880d50b8a004a2a40f88014b95f823760a49/Screenshot_20260330_024852_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDA0NDcsInB1ciI6ImJsb2JfaWQifX0=--428a880d50b8a004a2a40f88014b95f823760a49/Screenshot_20260330_024852_Chrome.jpg" />
          </div>
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🏰 Mountfitchet Castle &amp; Norman Village - Stansted,  Mountfitchet  - Event Image 4 April 05, 2026 10:00 AM" title="🏰 Mountfitchet Castle &amp; Norman Village - Stansted,  Mountfitchet  at Mountfitchet Castle, Stansted Mountfitchet, Essex CM24 8LY | Activities, Adults, Advance Booking, Animals, Attractions, Baby/Toddlers, Date Idea, Family, Food/Drink, Fun, Half Term, History &amp; Heritage, Indoor, Kids, Outdoor, Parks, Teens, Ticket Event, Walks | Suitable for: Children, Family, Toilets" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDA0NDgsInB1ciI6ImJsb2JfaWQifX0=--72a72bfa4a299c77c015a63c9f0022c44ed9ee27/Screenshot_20260330_024823_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDA0NDgsInB1ciI6ImJsb2JfaWQifX0=--72a72bfa4a299c77c015a63c9f0022c44ed9ee27/Screenshot_20260330_024823_Chrome.jpg" />
          </div>
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🏰 Mountfitchet Castle &amp; Norman Village - Stansted,  Mountfitchet  - Event Image 5 April 05, 2026 10:00 AM" title="🏰 Mountfitchet Castle &amp; Norman Village - Stansted,  Mountfitchet  at Mountfitchet Castle, Stansted Mountfitchet, Essex CM24 8LY | Activities, Adults, Advance Booking, Animals, Attractions, Baby/Toddlers, Date Idea, Family, Food/Drink, Fun, Half Term, History &amp; Heritage, Indoor, Kids, Outdoor, Parks, Teens, Ticket Event, Walks | Suitable for: Children, Family, Toilets" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDA0NDksInB1ciI6ImJsb2JfaWQifX0=--8f62a996b1282bd53bbafcde9dff20af550e8668/Screenshot_20260330_023040_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDA0NDksInB1ciI6ImJsb2JfaWQifX0=--8f62a996b1282bd53bbafcde9dff20af550e8668/Screenshot_20260330_023040_Chrome.jpg" />
          </div>
  </div>
    <!-- Slider controls -->
    <button type="button" class="absolute top-0 start-0 z-10 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#prev">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white group-hover:bg-gray-100 group-focus:ring-4 group-focus:ring-white group-focus:outline-none shadow-lg">
        <svg class="w-4 h-4 text-gray-800 rtl:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 6 10">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
        </svg>
        <span class="sr-only">Previous</span>
      </span>
    </button>
    <button type="button" class="absolute top-0 end-0 z-10 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#next">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white group-hover:bg-gray-100 group-focus:ring-4 group-focus:ring-white group-focus:outline-none shadow-lg">
        <svg class="w-4 h-4 text-gray-800 rtl:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 6 10">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
        </svg>
        <span class="sr-only">Next</span>
      </span>
    </button>
  <!-- Lightbox (only for images) -->
  <div id="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-carousel-target="lightbox" data-action="click->carousel#handleLightboxClick">
    <div class="relative max-w-5xl max-h-full">
      <img src="" alt="Lightbox Image" class="block max-w-full max-h-full object-contain" data-carousel-target="lightboxImage">
      <button data-action="click->carousel#closeLightbox" class="absolute -top-4 -right-4 bg-green-500 text-white rounded-full p-2 hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-opacity-50">
        <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
        </svg>
      </button>
    </div>
  </div>
</div>

</div>

                      <div class="infos clear-both mt-4">
                        <div class="join w-full flex">
                          <a class="btn bg-blue-500 hover:bg-blue-600 text-white rounded-t-lg rounded-b-none flex items-center justify-center flex-1"
                           href="https://mountfitchetcastle.com/opening-times-prices/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/18301/increment_event_link_click_count"
                           data-action="click->click-tracker#trackClick">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5 inline-block mr-1">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244"></path>
</svg>

                            Event Link
                          </a>
                        </div>
                      </div>
                      <div id="save-share" class="join w-full mb-4">
                        <button class="btn w-1/2 bg-red-500 hover:bg-red-600 text-white rounded-b-lg rounded-t-none rounded-r-none"
                              data-controller="share"
                              data-share-title-value="🏰 Mountfitchet Castle &amp; Norman Village - Stansted,  Mountfitchet "
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/18301"
                              data-share-increment-url-value="/facebook_events/18301/increment_share_count"
                              data-action="click->share#share">
                          <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 4.5a3 3 0 11.825 2.066l-8.421 4.679a3.002 3.002 0 010 1.51l8.421 4.679a3 3 0 11-.729 1.31l-8.421-4.678a3 3 0 110-4.132l8.421-4.679a3 3 0 01-.096-.755z" clip-rule="evenodd"></path>
</svg>

                          Share
                        </button>
                        <button class="btn w-1/2 bg-pink-500 hover:bg-pink-600 text-white rounded-b-lg rounded-t-none rounded-l-none text-xs sm:text-sm"
                           data-controller="calendar-download"
                           data-calendar-download-url-value="/events/18301/download_calendar"
                           data-calendar-download-event-id-value="18301"
                           data-action="click->calendar-download#download"
                          title="Download calendar file (.ics) to add to your calendar"
                          data-controller="tooltip"
                          data-tooltip-text="Click to download calendar file">
                          <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path d="M11.645 20.91l-.007-.003-.022-.012a15.247 15.247 0 01-.383-.218 25.18 25.18 0 01-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0112 5.052 5.5 5.5 0 0116.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 01-4.244 3.17 15.247 15.247 0 01-.383.219l-.022.012-.007.004-.003.001a.752.752 0 01-.704 0l-.003-.001z"></path>
</svg>

                          Add to Calendar
                        </button>
                      </div>
                  </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
  <div class="container mx-auto">
    
<!-- Related Venues Section -->

  </div>
</div>

    <div id="map_event_18309" 
     class="event bg-white rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative "
     data-event-id="18309">
  <div class="relative group">
    <section class="text-gray-600 body-font overflow-hidden">
      <div class="container px-2 py-1 mx-auto">
        <div class="mx-auto">
          <div class="w-full mx-auto">
            <div class="">
              <div class="pb-2">
                
                <div class="clear-both mb-0 mt-3">
                  <div class="flex flex-wrap items-center gap-x-1 gap-y-1">
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=10">Adults</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=21">Car Boot</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=3">Family</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=8">Food/Drink</a>
      <a class="badge badge-sm bg-orange-500 text-white" href="/search?category_ids=2">Low Cost</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=30">Outdoor</a>
      <a class="badge badge-sm bg-green-500 text-white" href="/search?category_ids=49">Pay On Entry</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=54">Preloved</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=43">Weather Permitting</a>
    <a class="badge badge-sm !bg-custom-nhs-blue text-white" href="/search?suitability_ids=1">Accessible</a>
    <a class="badge badge-sm !bg-custom-nhs-blue text-white" href="/search?suitability_ids=11">Blue Badge Parking</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=3">Family</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=12">Free Parking</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=10">Parking Onsite</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=7">Toilets</a>
    <a class="badge badge-sm bg-amber-800 text-white" href="/search?suitability_ids=13">Dog Friendly</a>
</div>

                </div>
              </div>
              <div class="flex flex-col gap-0">
                <a class="text-gray-900 text-base sm:text-lg font-bold mb-1 leading-tight text-center" href="/events/18309">
                  <h1>🚘 Big Betty&#39;s Car Boot Sale 2026 - Aylesbury College</h1>
</a>                  <div class="flex gap-4 items-center m-0 sm:m-2 bg-white">
                      <img class="w-12 h-12 rounded-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzgxMjksInB1ciI6ImJsb2JfaWQifX0=--3a49e10f4b19a9b9f7bbf5c2383511dd7cb6ab79/Screenshot_20260227_101228_Chrome.jpg" />
                    <div class="grid gap-1">
                      <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-sm sm:text-base">
                        <span class="inline-block w-4 mr-1 text-blue-500">
                          <img width="16" height="16" src="/assets/calendar-052fcaad027c0a362ae153587bbb96f00a1ea9d82f939bcf62a0c686313d8dc9.svg" />
                        </span>
                        <div>
                          Sunday 05 April 2026
                        </div>
                      </div>
                        <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-xs sm:text-base p-0">
                          <span class="inline-block w-4 mr-1 text-red-500">
                            <img width="10" height="10" src="/assets/gmaps-pin-96ff1ca85f05b22bbeae80f8a1673f852a3f2fd277cdd0af341d6d57fcd9d677.svg" />
                          </span>
                          <a target="_blank" rel="noopener" class="hover:underline p-0" href="https://www.google.com/maps/search/?api=1&amp;query=Aylesbury+College%2C+Oxford+Road+HP21+8PD">
                            <span class="underline text-xs sm:text-base">Aylesbury College, Oxford Road HP21 8PD</span>
</a>                        </div>
                    </div>
                  </div>
                  <div class="clear-both">
                    <hr class="border-t border-gray-100">
                    <div class="px-1 py-1">
                      <p class="text-sm sm:text-base">
                          <span class="inline-block">
                            <strong>Time:</strong>
                            12:00
                          </span>
                          <span class="inline-block">
                            - 15:00
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-8" data-controller="seemore">
                        <div class="container leading-snug line-clamp-3 text-gray-600 text-sm sm:text-base" data-seemore-target="text" data-line-clamp-class="line-clamp-3">
                          <div class="event-description">
                            <div>🤑 <strong>Aylesbury College car boot sale is on every Sunday from 12pm. Weather dependant, check </strong><a href="https://www.facebook.com/share/1GSBbPzcsQ/"><strong>Facebook</strong></a><strong> to keep updated. Aylesbury Car Boot site offers hard standing (so no more trudging around muddy uneven fields).</strong><br><br>🛍 <strong>BUYERS:</strong><br>▪️Gates Open 12 noon <br>▪️£1 per Adult<br><br>🚘 <strong>SELLERS:</strong><br>▪️Set Up From 10am<br>▪️Cars £10 a Pitch, Vans from £15 a Pitch<br>▪️No need to book just turn up!<br><br>ℹ️ <strong>CONTACT DETAILS/ENQUIRIES </strong><br><strong>☎️ Phone: </strong>&nbsp;<a href="tel:07788710521">07788 710521</a></div>
                          </div>
                        </div>
                        <div class="flex justify-end">
                          <button class="btn btn-link min-h-6 h-6 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="event" data-model-id="18309">See more</button>
                        </div>
                    </div>
                      <div class="bg-white">
    <div id="media-carousel" class="relative w-full" data-controller="carousel" data-carousel-autoplay-value="true">
  <!-- Carousel wrapper -->
  <div class="relative h-56 w-full overflow-hidden rounded-none sm:rounded-lg md:h-96 mx-0">
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🚘 Big Betty&#39;s Car Boot Sale 2026 - Aylesbury College - Event Image 1 April 05, 2026 12:00 PM" title="🚘 Big Betty&#39;s Car Boot Sale 2026 - Aylesbury College at Aylesbury College, Oxford Road HP21 8PD | Adults, Car Boot, Family, Food/Drink, Low Cost, Outdoor, Pay On Entry, Preloved, Weather Permitting | Suitable for: Accessible, Blue Badge Parking, Family, Free Parking, Parking Onsite, Toilets, Dog Friendly" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzgxMjksInB1ciI6ImJsb2JfaWQifX0=--3a49e10f4b19a9b9f7bbf5c2383511dd7cb6ab79/Screenshot_20260227_101228_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzgxMjksInB1ciI6ImJsb2JfaWQifX0=--3a49e10f4b19a9b9f7bbf5c2383511dd7cb6ab79/Screenshot_20260227_101228_Chrome.jpg" />
          </div>
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🚘 Big Betty&#39;s Car Boot Sale 2026 - Aylesbury College - Event Image 2 April 05, 2026 12:00 PM" title="🚘 Big Betty&#39;s Car Boot Sale 2026 - Aylesbury College at Aylesbury College, Oxford Road HP21 8PD | Adults, Car Boot, Family, Food/Drink, Low Cost, Outdoor, Pay On Entry, Preloved, Weather Permitting | Suitable for: Accessible, Blue Badge Parking, Family, Free Parking, Parking Onsite, Toilets, Dog Friendly" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzgxMzAsInB1ciI6ImJsb2JfaWQifX0=--5e6a8e547a8bfdd2b571975e125d4f0634cbf034/Screenshot_20260227_101106_Chrome.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzgxMzAsInB1ciI6ImJsb2JfaWQifX0=--5e6a8e547a8bfdd2b571975e125d4f0634cbf034/Screenshot_20260227_101106_Chrome.jpg" />
          </div>
  </div>
    <!-- Slider controls -->
    <button type="button" class="absolute top-0 start-0 z-10 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#prev">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white group-hover:bg-gray-100 group-focus:ring-4 group-focus:ring-white group-focus:outline-none shadow-lg">
        <svg class="w-4 h-4 text-gray-800 rtl:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 6 10">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
        </svg>
        <span class="sr-only">Previous</span>
      </span>
    </button>
    <button type="button" class="absolute top-0 end-0 z-10 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#next">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white group-hover:bg-gray-100 group-focus:ring-4 group-focus:ring-white group-focus:outline-none shadow-lg">
        <svg class="w-4 h-4 text-gray-800 rtl:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 6 10">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
        </svg>
        <span class="sr-only">Next</span>
      </span>
    </button>
  <!-- Lightbox (only for images) -->
  <div id="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-carousel-target="lightbox" data-action="click->carousel#handleLightboxClick">
    <div class="relative max-w-5xl max-h-full">
      <img src="" alt="Lightbox Image" class="block max-w-full max-h-full object-contain" data-carousel-target="lightboxImage">
      <button data-action="click->carousel#closeLightbox" class="absolute -top-4 -right-4 bg-green-500 text-white rounded-full p-2 hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-opacity-50">
        <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
        </svg>
      </button>
    </div>
  </div>
</div>

</div>

                      <div class="infos clear-both mt-4">
                        <div class="join w-full flex">
                          <a class="btn bg-blue-500 hover:bg-blue-600 text-white rounded-t-lg rounded-b-none flex items-center justify-center flex-1"
                           href="https://www.bigbettys.co.uk/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/18309/increment_event_link_click_count"
                           data-action="click->click-tracker#trackClick">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5 inline-block mr-1">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244"></path>
</svg>

                            Event Link
                          </a>
                        </div>
                      </div>
                      <div id="save-share" class="join w-full mb-4">
                        <button class="btn w-1/2 bg-red-500 hover:bg-red-600 text-white rounded-b-lg rounded-t-none rounded-r-none"
                              data-controller="share"
                              data-share-title-value="🚘 Big Betty&#39;s Car Boot Sale 2026 - Aylesbury College"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/18309"
                              data-share-increment-url-value="/facebook_events/18309/increment_share_count"
                              data-action="click->share#share">
                          <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 4.5a3 3 0 11.825 2.066l-8.421 4.679a3.002 3.002 0 010 1.51l8.421 4.679a3 3 0 11-.729 1.31l-8.421-4.678a3 3 0 110-4.132l8.421-4.679a3 3 0 01-.096-.755z" clip-rule="evenodd"></path>
</svg>

                          Share
                        </button>
                        <button class="btn w-1/2 bg-pink-500 hover:bg-pink-600 text-white rounded-b-lg rounded-t-none rounded-l-none text-xs sm:text-sm"
                           data-controller="calendar-download"
                           data-calendar-download-url-value="/events/18309/download_calendar"
                           data-calendar-download-event-id-value="18309"
                           data-action="click->calendar-download#download"
                          title="Download calendar file (.ics) to add to your calendar"
                          data-controller="tooltip"
                          data-tooltip-text="Click to download calendar file">
                          <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path d="M11.645 20.91l-.007-.003-.022-.012a15.247 15.247 0 01-.383-.218 25.18 25.18 0 01-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0112 5.052 5.5 5.5 0 0116.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 01-4.244 3.17 15.247 15.247 0 01-.383.219l-.022.012-.007.004-.003.001a.752.752 0 01-.704 0l-.003-.001z"></path>
</svg>

                          Add to Calendar
                        </button>
                      </div>
                  </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
  <div class="container mx-auto">
    
<!-- Related Venues Section -->

  </div>
</div>

    <div id="map_event_18315" 
     class="event bg-white rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative "
     data-event-id="18315">
  <div class="relative group">
    <section class="text-gray-600 body-font overflow-hidden">
      <div class="container px-2 py-1 mx-auto">
        <div class="mx-auto">
          <div class="w-full mx-auto">
            <div class="">
              <div class="pb-2">
                
                <div class="clear-both mb-0 mt-3">
                  <div class="flex flex-wrap items-center gap-x-1 gap-y-1">
      <a class="!bg-custom-red text-white badge badge-sm" href="/search?category_ids=36">Free Entry</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=3">Family</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=8">Food/Drink</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=4">Fun</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=18">Fun Fair</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=13">Kids</a>
      <a class="badge badge-sm bg-green-500 text-white" href="/search?category_ids=49">Pay On Entry</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=11">Teens</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=43">Weather Permitting</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=12">Baby/Toddlers</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=55">Half Term</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=30">Outdoor</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=3">Family</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=10">Parking Onsite</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=9">Children</a>
</div>

                </div>
              </div>
              <div class="flex flex-col gap-0">
                <a class="text-gray-900 text-base sm:text-lg font-bold mb-1 leading-tight text-center" href="/events/18315">
                  <h1>🎠 Family Fun Fair, April 2026 - Harpenden Common</h1>
</a>                  <div class="flex gap-4 items-center m-0 sm:m-2 bg-white">
                      <img class="w-12 h-12 rounded-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDA2NjMsInB1ciI6ImJsb2JfaWQifX0=--cb6b5924023fb0c61bda4ad0f5f33f54efbb8be5/FB_IMG_1775132675451.jpg" />
                    <div class="grid gap-1">
                      <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-sm sm:text-base">
                        <span class="inline-block w-4 mr-1 text-blue-500">
                          <img width="16" height="16" src="/assets/calendar-052fcaad027c0a362ae153587bbb96f00a1ea9d82f939bcf62a0c686313d8dc9.svg" />
                        </span>
                        <div>
                          Sunday 05 April 2026
                        </div>
                      </div>
                        <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-xs sm:text-base p-0">
                          <span class="inline-block w-4 mr-1 text-red-500">
                            <img width="10" height="10" src="/assets/gmaps-pin-96ff1ca85f05b22bbeae80f8a1673f852a3f2fd277cdd0af341d6d57fcd9d677.svg" />
                          </span>
                          <a target="_blank" rel="noopener" class="hover:underline p-0" href="https://www.google.com/maps/search/?api=1&amp;query=Harpenden+Common%2C+Harpenden%2C%0A+AL5+2JF">
                            <span class="underline text-xs sm:text-base">Harpenden Common, Harpenden, AL5 2JF</span>
</a>                        </div>
                    </div>
                  </div>
                  <div class="clear-both">
                    <hr class="border-t border-gray-100">
                    <div class="px-1 py-1">
                      <p class="text-sm sm:text-base">
                          <span class="inline-block">
                            <strong>Time:</strong>
                            13:00
                          </span>
                          <span class="inline-block">
                            - 20:30
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-8" data-controller="seemore">
                        <div class="container leading-snug line-clamp-3 text-gray-600 text-sm sm:text-base" data-seemore-target="text" data-line-clamp-class="line-clamp-3">
                          <div class="event-description">
                            <div>🎠 <strong>The Funfair is back this April 2026 at Harpenden Common (AL5 2JF). Weather dependant.<br><br>🗓 2026 OPENING <br>▪️</strong>Thursday 2nd April: 5pm - 8.30pm ish<br>▪️Friday 3rd April: 1pm - 8.30pm ish<br>▪️Saturday 3rd April: 1pm - 8.30pm ish<br>▪️Sunday 4th April: 1pm - 8:30 ish<br>▪️Monday 5th April: 1pm - 7pm ish<br><br>🤑 <strong>HAPPY HOUR</strong><br>Happy hour is reduced prices for the first hour of opening each day<br><br>🔥 <strong>Happy hour prices&nbsp; </strong>&nbsp; &nbsp; &nbsp; <br>▪️Large rides £2.50&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<br>▪️Children's rides £2&nbsp; &nbsp; &nbsp; <br>▪️Dodgems £3 per car&nbsp; &nbsp;<br>(other attractions may vary)<br><br>💷 <strong>Regular prices </strong><br>▪️Large rides £3<br>▪️Children's rides £2.50<br>▪️Dodgems £4 per car&nbsp;<br>(Other attractions may vary)</div>
                          </div>
                        </div>
                        <div class="flex justify-end">
                          <button class="btn btn-link min-h-6 h-6 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="event" data-model-id="18315">See more</button>
                        </div>
                    </div>
                      <div class="bg-white">
    <div id="media-carousel" class="relative w-full" data-controller="carousel" data-carousel-autoplay-value="true">
  <!-- Carousel wrapper -->
  <div class="relative h-56 w-full overflow-hidden rounded-none sm:rounded-lg md:h-96 mx-0">
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🎠 Family Fun Fair, April 2026 - Harpenden Common - Event Image 1 April 05, 2026 01:00 PM" title="🎠 Family Fun Fair, April 2026 - Harpenden Common at Harpenden Common, Harpenden,
 AL5 2JF | Family, Food/Drink, Free Entry, Fun, Fun Fair, Kids, Pay On Entry, Teens, Weather Permitting, Baby/Toddlers, Half Term, Outdoor | Suitable for: Family, Parking Onsite, Children" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDA2NjMsInB1ciI6ImJsb2JfaWQifX0=--cb6b5924023fb0c61bda4ad0f5f33f54efbb8be5/FB_IMG_1775132675451.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDA2NjMsInB1ciI6ImJsb2JfaWQifX0=--cb6b5924023fb0c61bda4ad0f5f33f54efbb8be5/FB_IMG_1775132675451.jpg" />
          </div>
  </div>
  <!-- Lightbox (only for images) -->
  <div id="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-carousel-target="lightbox" data-action="click->carousel#handleLightboxClick">
    <div class="relative max-w-5xl max-h-full">
      <img src="" alt="Lightbox Image" class="block max-w-full max-h-full object-contain" data-carousel-target="lightboxImage">
      <button data-action="click->carousel#closeLightbox" class="absolute -top-4 -right-4 bg-green-500 text-white rounded-full p-2 hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-opacity-50">
        <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
        </svg>
      </button>
    </div>
  </div>
</div>

</div>

                      <div class="infos clear-both mt-4">
                        <div class="join w-full flex">
                          <a class="btn bg-blue-500 hover:bg-blue-600 text-white rounded-t-lg rounded-b-none flex items-center justify-center flex-1"
                           href="https://www.facebook.com/share/p/18Qnha6CHp/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/18315/increment_event_link_click_count"
                           data-action="click->click-tracker#trackClick">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5 inline-block mr-1">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244"></path>
</svg>

                            Event Link
                          </a>
                        </div>
                      </div>
                      <div id="save-share" class="join w-full mb-4">
                        <button class="btn w-1/2 bg-red-500 hover:bg-red-600 text-white rounded-b-lg rounded-t-none rounded-r-none"
                              data-controller="share"
                              data-share-title-value="🎠 Family Fun Fair, April 2026 - Harpenden Common"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/18315"
                              data-share-increment-url-value="/facebook_events/18315/increment_share_count"
                              data-action="click->share#share">
                          <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 4.5a3 3 0 11.825 2.066l-8.421 4.679a3.002 3.002 0 010 1.51l8.421 4.679a3 3 0 11-.729 1.31l-8.421-4.678a3 3 0 110-4.132l8.421-4.679a3 3 0 01-.096-.755z" clip-rule="evenodd"></path>
</svg>

                          Share
                        </button>
                        <button class="btn w-1/2 bg-pink-500 hover:bg-pink-600 text-white rounded-b-lg rounded-t-none rounded-l-none text-xs sm:text-sm"
                           data-controller="calendar-download"
                           data-calendar-download-url-value="/events/18315/download_calendar"
                           data-calendar-download-event-id-value="18315"
                           data-action="click->calendar-download#download"
                          title="Download calendar file (.ics) to add to your calendar"
                          data-controller="tooltip"
                          data-tooltip-text="Click to download calendar file">
                          <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path d="M11.645 20.91l-.007-.003-.022-.012a15.247 15.247 0 01-.383-.218 25.18 25.18 0 01-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0112 5.052 5.5 5.5 0 0116.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 01-4.244 3.17 15.247 15.247 0 01-.383.219l-.022.012-.007.004-.003.001a.752.752 0 01-.704 0l-.003-.001z"></path>
</svg>

                          Add to Calendar
                        </button>
                      </div>
                  </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
  <div class="container mx-auto">
    
<!-- Related Venues Section -->

  </div>
</div>

    <div id="map_event_18336" 
     class="event bg-white rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative border-4 border-red-500 mt-8"
     data-event-id="18336">
  <div class="relative group">
      <div class="absolute flex justify-center left-0 right-0 -top-6">
        <div class="inline-block top-0 text-center rounded-xl mx-auto flex border-4 border-red-500 uppercase text-md font-bold overflow-hidden">
          <div class="bg-red-500 rounded-l-sm px-2 pr-1 py-1">
            <span class="text-white">Whats</span>
          </div>
          <div class="bg-white rounded-r-lg px-2 pl-1 py-1">
            <span class="text-red-500">Hot</span>
          </div>
        </div>
      </div>
    <section class="text-gray-600 body-font overflow-hidden">
      <div class="container px-2 py-1 mx-auto">
        <div class="mx-auto">
          <div class="w-full mx-auto">
            <div class="">
              <div class="pb-2">
                
                <div class="clear-both mb-0 mt-3">
                  <div class="flex flex-wrap items-center gap-x-1 gap-y-1">
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=57">Activities</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=10">Adults</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=50">Advance Booking</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=12">Baby/Toddlers</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=44">Creative</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=3">Family</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=8">Food/Drink</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=4">Fun</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=13">Kids</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=30">Outdoor</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=28">Play Area</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=39">Ticket Event</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=58">Walks</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=43">Weather Permitting</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=9">Children</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=3">Family</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=12">Free Parking</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=10">Parking Onsite</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=7">Toilets</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=8">Baby Changing</a>
</div>

                </div>
              </div>
              <div class="flex flex-col gap-0">
                <a class="text-gray-900 text-base sm:text-lg font-bold mb-1 leading-tight text-center" href="/events/18336">
                  <h1>🌷Pick Your Own Tulips &amp; Eggcellent Easter Trail 2026 - Moggerhanger </h1>
</a>                  <div class="flex gap-4 items-center m-0 sm:m-2 bg-white">
                      <img class="w-12 h-12 rounded-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDAyNTcsInB1ciI6ImJsb2JfaWQifX0=--87e588c6db1c7f590f60def1c9541d3a81daaaa1/FB_IMG_1774783783785.jpg" />
                    <div class="grid gap-1">
                      <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-sm sm:text-base">
                        <span class="inline-block w-4 mr-1 text-blue-500">
                          <img width="16" height="16" src="/assets/calendar-052fcaad027c0a362ae153587bbb96f00a1ea9d82f939bcf62a0c686313d8dc9.svg" />
                        </span>
                        <div>
                          Sunday 05 April 2026
                        </div>
                      </div>
                        <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-xs sm:text-base p-0">
                          <span class="inline-block w-4 mr-1 text-red-500">
                            <img width="10" height="10" src="/assets/gmaps-pin-96ff1ca85f05b22bbeae80f8a1673f852a3f2fd277cdd0af341d6d57fcd9d677.svg" />
                          </span>
                          <a target="_blank" rel="noopener" class="hover:underline p-0" href="https://www.google.com/maps/search/?api=1&amp;query=The+Secret+Farm%2C+Blunham+Road%2C+Moggerhanger%2C+MK44+3RA">
                            <span class="underline text-xs sm:text-base">The Secret Farm, Blunham Road, Moggerhanger, MK44 3RA</span>
</a>                        </div>
                    </div>
                  </div>
                  <div class="clear-both">
                    <hr class="border-t border-gray-100">
                    <div class="px-1 py-1">
                      <p class="text-sm sm:text-base">
                          <span class="inline-block">
                            <strong>Time:</strong>
                            11:00
                          </span>
                          <span class="inline-block">
                            - 16:00
                          </span>
                          <span class="inline-block ml-4">
                            <strong>Price:</strong> £5.00
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-8" data-controller="seemore">
                        <div class="container leading-snug line-clamp-3 text-gray-600 text-sm sm:text-base" data-seemore-target="text" data-line-clamp-class="line-clamp-3">
                          <div class="event-description">
                            <div>🌷 <strong>Step into a sea of colour this weekend and enjoy our beautiful Pick Your Own Tulip Experience at The Secret Farm, Moggerhanger.</strong><br><br>💐 <strong>EVENT DETAILS</strong><br>Wander through the fields, choose your favourite blooms, and create your own perfect bunch to take home<br><br>🐰 <strong>EASTER TRAIL: £3PP</strong><br>Alongside it, discover our Eggcellent Easter Trail – just £3pp. Follow the trail, solve the clues, and enjoy a delicious Easter prize at the end (you will need to book a tulip entry ticket to the farm).<br><br><strong>Make a full day of it with fun for the whole family:</strong><br>🎨 Face painting (extra charge)<br>🚜 Go-karts, mini tractors &amp; balance bikes (included)<br>🏖️ Sand pit &amp; play areas (included)<br>🚂 Barrel train rides (£3pp)<br>🏰 Bouncy castles (£3pp<br><br>🍟<strong>FOOD &amp; DRINK</strong><br>Tasty treats from our Dutch kitchen – frites, pancakes &amp; strawberries and our farm kitchen serving your favourites.<br><br><strong>🎟 ENTRY TICKET COST:</strong><br>▪️Age 3 and above: £5.00<br>▪️Under 3: Free<br>▪️Book your tickets via the event link.<br><br>ℹ️ <strong>CONTACT DETAILS </strong><br><strong>📧 Email: </strong><a href="mailto:hello@thesecret.farm">hello@thesecret.farm</a></div>
                          </div>
                        </div>
                        <div class="flex justify-end">
                          <button class="btn btn-link min-h-6 h-6 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="event" data-model-id="18336">See more</button>
                        </div>
                    </div>
                      <div class="bg-white">
    <div id="media-carousel" class="relative w-full" data-controller="carousel" data-carousel-autoplay-value="true">
  <!-- Carousel wrapper -->
  <div class="relative h-56 w-full overflow-hidden rounded-none sm:rounded-lg md:h-96 mx-0">
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🌷Pick Your Own Tulips &amp; Eggcellent Easter Trail 2026 - Moggerhanger  - Event Image 1 April 05, 2026 11:00 AM" title="🌷Pick Your Own Tulips &amp; Eggcellent Easter Trail 2026 - Moggerhanger  at The Secret Farm, Blunham Road, Moggerhanger, MK44 3RA | Activities, Adults, Advance Booking, Baby/Toddlers, Creative, Family, Food/Drink, Fun, Kids, Outdoor, Play Area, Ticket Event, Walks, Weather Permitting | Suitable for: Children, Family, Free Parking, Parking Onsite, Toilets, Baby Changing" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDAyNTcsInB1ciI6ImJsb2JfaWQifX0=--87e588c6db1c7f590f60def1c9541d3a81daaaa1/FB_IMG_1774783783785.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDAyNTcsInB1ciI6ImJsb2JfaWQifX0=--87e588c6db1c7f590f60def1c9541d3a81daaaa1/FB_IMG_1774783783785.jpg" />
          </div>
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🌷Pick Your Own Tulips &amp; Eggcellent Easter Trail 2026 - Moggerhanger  - Event Image 2 April 05, 2026 11:00 AM" title="🌷Pick Your Own Tulips &amp; Eggcellent Easter Trail 2026 - Moggerhanger  at The Secret Farm, Blunham Road, Moggerhanger, MK44 3RA | Activities, Adults, Advance Booking, Baby/Toddlers, Creative, Family, Food/Drink, Fun, Kids, Outdoor, Play Area, Ticket Event, Walks, Weather Permitting | Suitable for: Children, Family, Free Parking, Parking Onsite, Toilets, Baby Changing" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDAyNTgsInB1ciI6ImJsb2JfaWQifX0=--bd5cdfca51b1b3346a7386106eccd8b3c9a42d9a/FB_IMG_1774783800713.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDAyNTgsInB1ciI6ImJsb2JfaWQifX0=--bd5cdfca51b1b3346a7386106eccd8b3c9a42d9a/FB_IMG_1774783800713.jpg" />
          </div>
  </div>
    <!-- Slider controls -->
    <button type="button" class="absolute top-0 start-0 z-10 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#prev">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white group-hover:bg-gray-100 group-focus:ring-4 group-focus:ring-white group-focus:outline-none shadow-lg">
        <svg class="w-4 h-4 text-gray-800 rtl:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 6 10">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
        </svg>
        <span class="sr-only">Previous</span>
      </span>
    </button>
    <button type="button" class="absolute top-0 end-0 z-10 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#next">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white group-hover:bg-gray-100 group-focus:ring-4 group-focus:ring-white group-focus:outline-none shadow-lg">
        <svg class="w-4 h-4 text-gray-800 rtl:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 6 10">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
        </svg>
        <span class="sr-only">Next</span>
      </span>
    </button>
  <!-- Lightbox (only for images) -->
  <div id="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-carousel-target="lightbox" data-action="click->carousel#handleLightboxClick">
    <div class="relative max-w-5xl max-h-full">
      <img src="" alt="Lightbox Image" class="block max-w-full max-h-full object-contain" data-carousel-target="lightboxImage">
      <button data-action="click->carousel#closeLightbox" class="absolute -top-4 -right-4 bg-green-500 text-white rounded-full p-2 hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-opacity-50">
        <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
        </svg>
      </button>
    </div>
  </div>
</div>

</div>

                      <div class="infos clear-both mt-4">
                        <div class="join w-full flex">
                          <a class="btn bg-blue-500 hover:bg-blue-600 text-white rounded-t-lg rounded-b-none flex items-center justify-center flex-1"
                           href="https://thesecret.farm/product/tulip-experiance-2026/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/18336/increment_event_link_click_count"
                           data-action="click->click-tracker#trackClick">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5 inline-block mr-1">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244"></path>
</svg>

                            Event Link
                          </a>
                        </div>
                      </div>
                      <div id="save-share" class="join w-full mb-4">
                        <button class="btn w-1/2 bg-red-500 hover:bg-red-600 text-white rounded-b-lg rounded-t-none rounded-r-none"
                              data-controller="share"
                              data-share-title-value="🌷Pick Your Own Tulips &amp; Eggcellent Easter Trail 2026 - Moggerhanger "
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/18336"
                              data-share-increment-url-value="/facebook_events/18336/increment_share_count"
                              data-action="click->share#share">
                          <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 4.5a3 3 0 11.825 2.066l-8.421 4.679a3.002 3.002 0 010 1.51l8.421 4.679a3 3 0 11-.729 1.31l-8.421-4.678a3 3 0 110-4.132l8.421-4.679a3 3 0 01-.096-.755z" clip-rule="evenodd"></path>
</svg>

                          Share
                        </button>
                        <button class="btn w-1/2 bg-pink-500 hover:bg-pink-600 text-white rounded-b-lg rounded-t-none rounded-l-none text-xs sm:text-sm"
                           data-controller="calendar-download"
                           data-calendar-download-url-value="/events/18336/download_calendar"
                           data-calendar-download-event-id-value="18336"
                           data-action="click->calendar-download#download"
                          title="Download calendar file (.ics) to add to your calendar"
                          data-controller="tooltip"
                          data-tooltip-text="Click to download calendar file">
                          <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path d="M11.645 20.91l-.007-.003-.022-.012a15.247 15.247 0 01-.383-.218 25.18 25.18 0 01-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0112 5.052 5.5 5.5 0 0116.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 01-4.244 3.17 15.247 15.247 0 01-.383.219l-.022.012-.007.004-.003.001a.752.752 0 01-.704 0l-.003-.001z"></path>
</svg>

                          Add to Calendar
                        </button>
                      </div>
                  </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
  <div class="container mx-auto">
    
<!-- Related Venues Section -->

  </div>
</div>

    <div id="map_event_18354" 
     class="event bg-white rounded-xl shadow-lg mx-auto max-w-2xl mb-2 relative "
     data-event-id="18354">
  <div class="relative group">
    <section class="text-gray-600 body-font overflow-hidden">
      <div class="container px-2 py-1 mx-auto">
        <div class="mx-auto">
          <div class="w-full mx-auto">
            <div class="">
              <div class="pb-2">
                
                <div class="clear-both mb-0 mt-3">
                  <div class="flex flex-wrap items-center gap-x-1 gap-y-1">
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=10">Adults</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=50">Advance Booking</a>
      <a class="badge badge-sm bg-pink-500 text-white" href="/search?category_ids=16">Date Idea</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=8">Food/Drink</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=31">Indoor</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=34">Nightlife</a>
      <a class="badge badge-sm !bg-custom-light-yellow" href="/search?category_ids=59">Pubs / Restaurants</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=3">Family</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=7">Toilets</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=12">Free Parking</a>
    <a class="badge badge-sm badge-accent" href="/search?suitability_ids=10">Parking Onsite</a>
</div>

                </div>
              </div>
              <div class="flex flex-col gap-0">
                <a class="text-gray-900 text-base sm:text-lg font-bold mb-1 leading-tight text-center" href="/events/18354">
                  <h1>🍛 All You Can Eat Indian Buffet - Tajmahal, Sandy</h1>
</a>                  <div class="flex gap-4 items-center m-0 sm:m-2 bg-white">
                      <img class="w-12 h-12 rounded-full object-cover" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDA3NjAsInB1ciI6ImJsb2JfaWQifX0=--8fa0cd39fe404ba3868a0d93d8d0067a4b7c8de9/Screenshot_20260404_185410_Facebook.jpg" />
                    <div class="grid gap-1">
                      <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-sm sm:text-base">
                        <span class="inline-block w-4 mr-1 text-blue-500">
                          <img width="16" height="16" src="/assets/calendar-052fcaad027c0a362ae153587bbb96f00a1ea9d82f939bcf62a0c686313d8dc9.svg" />
                        </span>
                        <div>
                          Sunday 05 April 2026
                        </div>
                      </div>
                        <div class="grid grid-cols-[20px_1fr] gap-2 items-center text-gray-600 text-xs sm:text-base p-0">
                          <span class="inline-block w-4 mr-1 text-red-500">
                            <img width="10" height="10" src="/assets/gmaps-pin-96ff1ca85f05b22bbeae80f8a1673f852a3f2fd277cdd0af341d6d57fcd9d677.svg" />
                          </span>
                          <a target="_blank" rel="noopener" class="hover:underline p-0" href="https://www.google.com/maps/search/?api=1&amp;query=Taj+Mahal%2C+144+LONDON+ROAD%2C+SANDY+SG19+1DN">
                            <span class="underline text-xs sm:text-base">Taj Mahal, 144 London Road, Sandy SG19 1DN</span>
</a>                        </div>
                    </div>
                  </div>
                  <div class="clear-both">
                    <hr class="border-t border-gray-100">
                    <div class="px-1 py-1">
                      <p class="text-sm sm:text-base">
                          <span class="inline-block">
                            <strong>Time:</strong>
                            12:00
                          </span>
                          <span class="inline-block">
                            - 22:00
                          </span>
                      </p>
                    </div>
                    <div class="mt-0 pb-8" data-controller="seemore">
                        <div class="container leading-snug line-clamp-3 text-gray-600 text-sm sm:text-base" data-seemore-target="text" data-line-clamp-class="line-clamp-3">
                          <div class="event-description">
                            <div>🍛 <strong>Sunday Buffet Special at Tajmahal Restaurant in Sandy! Join us this Sunday for an amazing All You Can Eat Buffet.</strong><br><br>💳 <strong>COST</strong><br>▪️Adults: £19.95<br>▪️Kids: £12.00 (under 12 years)<br><br>🕛 <strong>OPEN</strong><br>▪️12:00 PM – 3:00PM<br>▪️4:30PM - 10:00PM<br><br>Enjoy a wide variety of delicious Indian dishes – perfect for family &amp; friends! <br>Don’t miss out – come hungry!<br><br>ℹ️ <strong>BOOKING INFORMATION&nbsp;</strong></div><div><strong>☎️ Phone: </strong><a href="tel:01767%20449%20667"><strong>01767 449 667</strong></a><strong><br>🌐 Website: Click the event link</strong></div>
                          </div>
                        </div>
                        <div class="flex justify-end">
                          <button class="btn btn-link min-h-6 h-6 p-0 text-blue-500 hover:underline" data-seemore-target="button" data-action="click->seemore#toggle" data-model-type="event" data-model-id="18354">See more</button>
                        </div>
                    </div>
                      <div class="bg-white">
    <div id="media-carousel" class="relative w-full" data-controller="carousel" data-carousel-autoplay-value="true">
  <!-- Carousel wrapper -->
  <div class="relative h-56 w-full overflow-hidden rounded-none sm:rounded-lg md:h-96 mx-0">
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🍛 All You Can Eat Indian Buffet - Tajmahal, Sandy - Event Image 1 April 05, 2026 12:00 PM" title="🍛 All You Can Eat Indian Buffet - Tajmahal, Sandy at Taj Mahal, 144 LONDON ROAD, SANDY SG19 1DN | Adults, Advance Booking, Date Idea, Food/Drink, Indoor, Nightlife, Pubs / Restaurants | Suitable for: Family, Toilets, Free Parking, Parking Onsite" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDA3NjAsInB1ciI6ImJsb2JfaWQifX0=--8fa0cd39fe404ba3868a0d93d8d0067a4b7c8de9/Screenshot_20260404_185410_Facebook.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDA3NjAsInB1ciI6ImJsb2JfaWQifX0=--8fa0cd39fe404ba3868a0d93d8d0067a4b7c8de9/Screenshot_20260404_185410_Facebook.jpg" />
          </div>
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🍛 All You Can Eat Indian Buffet - Tajmahal, Sandy - Event Image 2 April 05, 2026 12:00 PM" title="🍛 All You Can Eat Indian Buffet - Tajmahal, Sandy at Taj Mahal, 144 LONDON ROAD, SANDY SG19 1DN | Adults, Advance Booking, Date Idea, Food/Drink, Indoor, Nightlife, Pubs / Restaurants | Suitable for: Family, Toilets, Free Parking, Parking Onsite" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDA3NjIsInB1ciI6ImJsb2JfaWQifX0=--491aab3130e235951aa34a84d0cd85c439e199dd/FB_IMG_1775326362326.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDA3NjIsInB1ciI6ImJsb2JfaWQifX0=--491aab3130e235951aa34a84d0cd85c439e199dd/FB_IMG_1775326362326.jpg" />
          </div>
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🍛 All You Can Eat Indian Buffet - Tajmahal, Sandy - Event Image 3 April 05, 2026 12:00 PM" title="🍛 All You Can Eat Indian Buffet - Tajmahal, Sandy at Taj Mahal, 144 LONDON ROAD, SANDY SG19 1DN | Adults, Advance Booking, Date Idea, Food/Drink, Indoor, Nightlife, Pubs / Restaurants | Suitable for: Family, Toilets, Free Parking, Parking Onsite" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDA3NjUsInB1ciI6ImJsb2JfaWQifX0=--d0fef6a77bf18bded8133b76d5768f46eb5a7465/FB_IMG_1775326475028.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDA3NjUsInB1ciI6ImJsb2JfaWQifX0=--d0fef6a77bf18bded8133b76d5768f46eb5a7465/FB_IMG_1775326475028.jpg" />
          </div>
          <div class="hidden duration-700 ease-in-out" data-carousel-target="item">
            <img class="absolute block w-full h-full max-w-full max-h-full object-contain -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2 cursor-pointer" alt="🍛 All You Can Eat Indian Buffet - Tajmahal, Sandy - Event Image 4 April 05, 2026 12:00 PM" title="🍛 All You Can Eat Indian Buffet - Tajmahal, Sandy at Taj Mahal, 144 LONDON ROAD, SANDY SG19 1DN | Adults, Advance Booking, Date Idea, Food/Drink, Indoor, Nightlife, Pubs / Restaurants | Suitable for: Family, Toilets, Free Parking, Parking Onsite" loading="lazy" data-action="click-&gt;carousel#openLightbox" data-carousel-target="image" data-carousel-url-value="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDA3NjYsInB1ciI6ImJsb2JfaWQifX0=--74e86192efdfaacd348a1d4e4fe618a20d2d44ed/FB_IMG_1775326503812.jpg" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDA3NjYsInB1ciI6ImJsb2JfaWQifX0=--74e86192efdfaacd348a1d4e4fe618a20d2d44ed/FB_IMG_1775326503812.jpg" />
          </div>
  </div>
    <!-- Slider controls -->
    <button type="button" class="absolute top-0 start-0 z-10 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#prev">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white group-hover:bg-gray-100 group-focus:ring-4 group-focus:ring-white group-focus:outline-none shadow-lg">
        <svg class="w-4 h-4 text-gray-800 rtl:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 6 10">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
        </svg>
        <span class="sr-only">Previous</span>
      </span>
    </button>
    <button type="button" class="absolute top-0 end-0 z-10 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#next">
      <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white group-hover:bg-gray-100 group-focus:ring-4 group-focus:ring-white group-focus:outline-none shadow-lg">
        <svg class="w-4 h-4 text-gray-800 rtl:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 6 10">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
        </svg>
        <span class="sr-only">Next</span>
      </span>
    </button>
  <!-- Lightbox (only for images) -->
  <div id="lightbox" class="hidden opacity-0 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50" data-carousel-target="lightbox" data-action="click->carousel#handleLightboxClick">
    <div class="relative max-w-5xl max-h-full">
      <img src="" alt="Lightbox Image" class="block max-w-full max-h-full object-contain" data-carousel-target="lightboxImage">
      <button data-action="click->carousel#closeLightbox" class="absolute -top-4 -right-4 bg-green-500 text-white rounded-full p-2 hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-opacity-50">
        <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
        </svg>
      </button>
    </div>
  </div>
</div>

</div>

                      <div class="infos clear-both mt-4">
                        <div class="join w-full flex">
                          <a class="btn bg-blue-500 hover:bg-blue-600 text-white rounded-t-lg rounded-b-none flex items-center justify-center flex-1"
                           href="https://www.tajmahal-sandy.com/"
                           target="_blank"
                           data-controller="click-tracker"
                           data-click-tracker-url-value="/events/18354/increment_event_link_click_count"
                           data-action="click->click-tracker#trackClick">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5 inline-block mr-1">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244"></path>
</svg>

                            Event Link
                          </a>
                        </div>
                      </div>
                      <div id="save-share" class="join w-full mb-4">
                        <button class="btn w-1/2 bg-red-500 hover:bg-red-600 text-white rounded-b-lg rounded-t-none rounded-r-none"
                              data-controller="share"
                              data-share-title-value="🍛 All You Can Eat Indian Buffet - Tajmahal, Sandy"
                              data-share-text-value=""
                              data-share-url-value="https://whatsupbeds.com/events/18354"
                              data-share-increment-url-value="/facebook_events/18354/increment_share_count"
                              data-action="click->share#share">
                          <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path fill-rule="evenodd" d="M15.75 4.5a3 3 0 11.825 2.066l-8.421 4.679a3.002 3.002 0 010 1.51l8.421 4.679a3 3 0 11-.729 1.31l-8.421-4.678a3 3 0 110-4.132l8.421-4.679a3 3 0 01-.096-.755z" clip-rule="evenodd"></path>
</svg>

                          Share
                        </button>
                        <button class="btn w-1/2 bg-pink-500 hover:bg-pink-600 text-white rounded-b-lg rounded-t-none rounded-l-none text-xs sm:text-sm"
                           data-controller="calendar-download"
                           data-calendar-download-url-value="/events/18354/download_calendar"
                           data-calendar-download-event-id-value="18354"
                           data-action="click->calendar-download#download"
                          title="Download calendar file (.ics) to add to your calendar"
                          data-controller="tooltip"
                          data-tooltip-text="Click to download calendar file">
                          <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 mr-2">
  <path d="M11.645 20.91l-.007-.003-.022-.012a15.247 15.247 0 01-.383-.218 25.18 25.18 0 01-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0112 5.052 5.5 5.5 0 0116.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 01-4.244 3.17 15.247 15.247 0 01-.383.219l-.022.012-.007.004-.003.001a.752.752 0 01-.704 0l-.003-.001z"></path>
</svg>

                          Add to Calendar
                        </button>
                      </div>
                  </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
  <div class="container mx-auto">
    
<!-- Related Venues Section -->

  </div>
</div>

</template></turbo-stream>
  <turbo-stream action="replace" target="cursor"><template>
    <div id="cursor">
        <div class="rounded-2xl shadow-sm w-full">
    <div class="px-1 py-1 sm:px-1 lg:px-1">
      <div class="w-full">
        <h2 class="text-xl font-bold text-gray-900 mb-2 px-2">
          Venues
        </h2>
        <div class="relative w-full">
          <div data-controller="horizontal-scroll" class="overflow-x-auto overflow-y-hidden pb-4 hide-scrollbar w-full" style="scroll-behavior: smooth; -webkit-overflow-scrolling: touch;">
            <div class="flex gap-4 flex-nowrap snap-x snap-mandatory w-full">
                <div class="snap-start w-1/2 md:w-1/3 lg:w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/venues/1631">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
          <img class="w-full h-full object-cover" alt="🏛 Pancea Museum - A FREE Museum in Bedford" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjUwMjAsInB1ciI6ImJsb2JfaWQifX0=--5bdfc513d76bfb4e4ed27cc538b15c71d3d24eed/FB_IMG_1751502933183.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-amber-100 text-amber-800">
          Venue
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🏛 Pancea Museum - A FREE Museum in Bedford</h3>
        <p class="text-xs text-gray-600 mb-1 line-clamp-1 underline">Panacea Museum, 9 Newnham Road, Bedford, MK40 3NX</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-1/2 md:w-1/3 lg:w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/venues/1632">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
          <img class="w-full h-full object-cover" alt="🐊 Johnsons Of Old Hurst Zoo, a cheap day out for all the family..." src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjU0MzMsInB1ciI6ImJsb2JfaWQifX0=--2d8f8f1342e56a596eba16022ab4617249e94006/Screenshot_20250709_211242_Samsung%20Internet.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-amber-100 text-amber-800">
          Venue
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🐊 Johnsons Of Old Hurst Zoo, a cheap day out for all the family...</h3>
        <p class="text-xs text-gray-600 mb-1 line-clamp-1 underline">Johnsons Of Old Hurst, Church St, Old Hurst, Huntingdon PE28 3AF</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-1/2 md:w-1/3 lg:w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/venues/1634">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
          <img class="w-full h-full object-cover" alt="🌳 Stockwood Discovery Centre, Luton (FREE)" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjUwMzYsInB1ciI6ImJsb2JfaWQifX0=--f8690f230e446222084c06325bd9012d4a068759/FB_IMG_1751498483358.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-amber-100 text-amber-800">
          Venue
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🌳 Stockwood Discovery Centre, Luton (FREE)</h3>
        <p class="text-xs text-gray-600 mb-1 line-clamp-1 underline">Stockwood Discovery Centre, London Road, Luton, LU1 4LX</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-1/2 md:w-1/3 lg:w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/venues/1637">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
          <img class="w-full h-full object-cover" alt="🌳 FREE MAZE AT ROXTON GARDEN CENTRE (CURRENTLY CLOSED DUE TO MAINTENANCE)" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjUwMTksInB1ciI6ImJsb2JfaWQifX0=--5d562251aeebbec615facc3575ed5f30571f07fa/FB_IMG_1751499801898.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-amber-100 text-amber-800">
          Venue
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🌳 FREE MAZE AT ROXTON GARDEN CENTRE (CURRENTLY CLOSED DUE TO MAINTENANCE)</h3>
        <p class="text-xs text-gray-600 mb-1 line-clamp-1 underline">Roxton Garden Centre, Bedford Rd, Roxton, Bedford MK44 3DY</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-1/2 md:w-1/3 lg:w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/venues/1639">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
          <img class="w-full h-full object-cover" alt="🚶‍♂️Dunstable Downs" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjUzMTQsInB1ciI6ImJsb2JfaWQifX0=--13a0e0f348e138bfd314b413d0894cf5d1dea059/FB_IMG_1751974507346.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-amber-100 text-amber-800">
          Venue
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🚶‍♂️Dunstable Downs</h3>
        <p class="text-xs text-gray-600 mb-1 line-clamp-1 underline">Dunstable Downs, Whipsnade Road, Dunstable, Bedfordshire, LU6 2GY</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-1/2 md:w-1/3 lg:w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/venues/1641">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
          <img class="w-full h-full object-cover" alt="🌳 The Forest Centre, Marston Moretaine " src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjU0ODYsInB1ciI6ImJsb2JfaWQifX0=--bc5fa79dab6068fc9308cf8e0539a4c1826af0c9/FB_IMG_1752139955663.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-amber-100 text-amber-800">
          Venue
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">🌳 The Forest Centre, Marston Moretaine </h3>
        <p class="text-xs text-gray-600 mb-1 line-clamp-1 underline">The Forest Centre, Station Rd, Marston Moretaine, Bedford MK43 0PR</p>
    </div>
  </div>
</a>
                </div>
                <div class="snap-start w-1/2 md:w-1/3 lg:w-48 flex-none">
                  <a class="flex-none group shrink-0 h-full" href="/venues/1640">
  <div class="w-full h-full flex flex-col bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1">
      <div class="h-24 w-full flex-shrink-0">
          <img class="w-full h-full object-cover" alt="☕️ Bromham Mill Coffee Shop" src="https://whatsupbeds.com/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjUzMzQsInB1ciI6ImJsb2JfaWQifX0=--af69f4e1af71ea65a8932dcaa4906ec31f2c4953/FB_IMG_1752058905787.jpg" />
      </div>
    <div class="p-4 flex-1 flex flex-col">
      <div class="mb-1">
        <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-amber-100 text-amber-800">
          Venue
        </span>
      </div>
      <h3 class="font-semibold text-gray-900 mb-1 line-clamp-2 text-sm group-hover:text-blue-600 transition-colors duration-300">☕️ Bromham Mill Coffee Shop</h3>
        <p class="text-xs text-gray-600 mb-1 line-clamp-1 underline">Bromham Mill Coffee Shop, 5 Bridge End, Bromham, Bedford MK43 8LP</p>
    </div>
  </div>
</a>
                </div>
            </div>
          </div>
          <div class="absolute right-0 top-0 bottom-0 bg-gradient-to-l from-gray-50 to-transparent w-12 pointer-events-none"></div>
        </div>
      </div>
    </div>
  </div>

    </div>
</template></turbo-stream>