
<turbo-stream action="replace" target="screenings-container"><template>
  <turbo-frame id="screenings-container" data-controller="map-reloader">
  <div class="flex justify-end items-center">
    <div class="w-full px-2 py-2 bg-form-color text-cine-light-grey mb-1">
  <div class="flex items-center gap-2 sm:gap-4 w-full justify-between">
      <a class="btn btn-secondary" data-turbo-frame="screenings-container" data-turbo-action="advance" href="/events/sunny-dancer-relaxed-screenings-2026-07-27-2026-07-28">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" role="img" class="fill-current inline-block w-4 h-4 mr-1.5"><path d="M1 4h2v2H1V4zm4 0h14v2H5V4zM1 9h2v2H1V9zm4 0h14v2H5V9zm-4 5h2v2H1v-2zm4 0h14v2H5v-2z"></path></svg>

        List View
</a>    <label for="postcode_input" class="sr-only">Postcode or town</label>
    <form class="relative overflow-visible flex-1 min-w-0" data-controller="autocomplete autocomplete-submit location-clear" data-action="autocomplete.change-&gt;autocomplete-submit#submit" data-autocomplete-selected-class="bg-nav text-white" data-autocomplete-submit-on-enter-value="true" data-autocomplete-min-length-value="2" data-autocomplete-url-value="/search/locations" data-turbo-frame="_top" action="/locations/update" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XDtKD7IVRAhan1GdjO06o2j2dJ689YXpJErAU3sewS6g3Ddp2P2RfOdw1zUa_30VxrcXuYVVeetMoaB2qzPq1w" />
      <input type="search" name="searchfield" id="postcode_input" placeholder="Postcode or town" class="peer form-control w-full border border-gray-300 rounded pl-3 pr-9 py-2 m-0 focus:outline-none focus:ring-2 focus:ring-cine-green text-cine-dark-grey [&amp;::-webkit-search-cancel-button]:hidden" data-autocomplete-target="input" data-location-clear-target="field" />
      <button type="button"
        class="absolute right-2 top-1/2 -translate-y-1/2 p-1.5 text-cine-dark-grey hover:text-black peer-placeholder-shown:hidden"
        aria-label="Clear location"
        title="Clear location"
        data-action="location-clear#clear">
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" role="img" class="fill-current w-3 h-3"><path d="M10 8.586L2.929 1.515 1.515 2.929 8.586 10l-7.071 7.071 1.414 1.414L10 11.414l7.071 7.071 1.414-1.414L11.414 10l7.071-7.071-1.414-1.414L10 8.586z"></path></svg>

</button>

      <input type="hidden" name="result" id="result" data-autocomplete-target="hidden" data-location-clear-target="field" />
      <div data-autocomplete-target="results" class="bg-white text-black border border-gray-400 absolute top-full left-0 w-full z-10 max-h-60 overflow-y-auto"></div>
</form>  </div>
  <div class="text-right">
    <div class="mt-2"
     data-controller="geolocate"
     data-geolocate-denied-value="You did not allow location access. Enter a postcode or town instead."
     data-geolocate-unavailable-value="We could not get your location. Enter a postcode or town instead."
     data-geolocate-insecure-value="Location lookup needs a secure (https) connection, so this button is off on this development host. Enter a postcode or town instead.">
  <form data-geolocate-target="form" data-turbo-frame="_top" action="/locations/update" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ncvd3c-fTuBfIUZy6rKzlXfAkM_RepeHmXqdbAsCJoXJLKC7pXeblOLOwNp8oPQj2YHz6Ojaa4Xxkf1J2y8NfA" />
    <input type="hidden" name="source" id="source" value="browser" />
    <input type="hidden" name="lat" id="lat" data-geolocate-target="latitude" />
    <input type="hidden" name="lng" id="lng" data-geolocate-target="longitude" />
    <button type="button" class="inline-flex items-center gap-1.5 text-sm underline text-cine-light-grey hover:text-white disabled:opacity-50" data-geolocate-target="button" data-action="geolocate#locate">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" role="img" class="fill-current w-4 h-4 shrink-0"><path d="M320 48C333.3 48 344 58.7 344 72L344 97.3C448.5 108.4 531.6 191.5 542.7 296L568 296C581.3 296 592 306.7 592 320C592 333.3 581.3 344 568 344L542.7 344C531.6 448.5 448.5 531.6 344 542.7L344 568C344 581.3 333.3 592 320 592C306.7 592 296 581.3 296 568L296 542.7C191.5 531.6 108.4 448.5 97.3 344L72 344C58.7 344 48 333.3 48 320C48 306.7 58.7 296 72 296L97.3 296C108.4 191.5 191.5 108.4 296 97.3L296 72C296 58.7 306.7 48 320 48zM496 320C496 222.8 417.2 144 320 144C222.8 144 144 222.8 144 320C144 417.2 222.8 496 320 496C417.2 496 496 417.2 496 320zM384 320C384 284.7 355.3 256 320 256C284.7 256 256 284.7 256 320C256 355.3 284.7 384 320 384C355.3 384 384 355.3 384 320zM208 320C208 258.1 258.1 208 320 208C381.9 208 432 258.1 432 320C432 381.9 381.9 432 320 432C258.1 432 208 381.9 208 320z"></path></svg>

      Use my current location
    </button>
</form>  <p class="mt-1 text-xs text-cine-light-grey" data-geolocate-target="error" hidden></p>
</div>

  </div>
</div>
  </div>

    <div class="col-span-12">
      <div class="relative">
        <div class="rounded-t mb-0 px-0 border-0 bg-white">
          <div class="block w-full overflow-x-auto">
            <div id="map-1" style="height: 400px; width: 100%;"><div style="height: 400px; text-align: center; color: #999; line-height: 400px; font-size: 14px; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;">Loading...</div></div>
<script>
  (function() {
    if (document.documentElement.hasAttribute("data-turbolinks-preview")) return;
    if (document.documentElement.hasAttribute("data-turbo-preview")) return;

    var createMap = function() { new Mapkick["Map"]("map-1", [{"latitude":53.179705,"longitude":-3.137392,"label":"Theatr Clwyd","color":"#AEADAD","tooltip":"\u003cdiv class=\"p-2\"\u003e\n  \u003ch4 class=\"font-semibold text-sm mb-1\"\u003eTheatr Clwyd\u003c/h4\u003e\n  \u003cdiv class=\"text-xs text-gray-600\"\u003e\n      \u003cdiv class=\"mb-1 flex items-center gap-2\"\u003e\n         1:00pm, Mon 27th Jul\n            \u003cspan class=\"text-cine-red\"\u003eClosed\u003c/span\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"mb-1 flex items-center gap-2\"\u003e\n         1:00pm, Mon 27th Jul\n            \u003cspan class=\"text-cine-red\"\u003eClosed\u003c/span\u003e\n      \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e"},{"latitude":51.995101,"longitude":-4.978835,"label":"Theatr Gwaun","color":"#AEADAD","tooltip":"\u003cdiv class=\"p-2\"\u003e\n  \u003ch4 class=\"font-semibold text-sm mb-1\"\u003eTheatr Gwaun\u003c/h4\u003e\n  \u003cdiv class=\"text-xs text-gray-600\"\u003e\n      \u003cdiv class=\"mb-1 flex items-center gap-2\"\u003e\n        11:00am, Mon 27th Jul\n            \u003cspan class=\"text-cine-red\"\u003eClosed\u003c/span\u003e\n      \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e"},{"latitude":51.778553,"longitude":-3.757599,"label":"The Welfare Ystradgynlais","color":"#AEADAD","tooltip":"\u003cdiv class=\"p-2\"\u003e\n  \u003ch4 class=\"font-semibold text-sm mb-1\"\u003eThe Welfare Ystradgynlais\u003c/h4\u003e\n  \u003cdiv class=\"text-xs text-gray-600\"\u003e\n      \u003cdiv class=\"mb-1 flex items-center gap-2\"\u003e\n        11:00am, Mon 27th Jul\n            \u003cspan class=\"text-cine-red\"\u003eClosed\u003c/span\u003e\n      \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e"},{"latitude":53.377056,"longitude":-1.465612,"label":"Showroom Cinema","color":"#AEADAD","tooltip":"\u003cdiv class=\"p-2\"\u003e\n  \u003ch4 class=\"font-semibold text-sm mb-1\"\u003eShowroom Cinema\u003c/h4\u003e\n  \u003cdiv class=\"text-xs text-gray-600\"\u003e\n      \u003cdiv class=\"mb-1 flex items-center gap-2\"\u003e\n         5:45pm, Mon 27th Jul\n            \u003cspan class=\"text-cine-red\"\u003eClosed\u003c/span\u003e\n      \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e"},{"latitude":54.40283,"longitude":-1.729057,"label":"Station Cinema","color":"#AEADAD","tooltip":"\u003cdiv class=\"p-2\"\u003e\n  \u003ch4 class=\"font-semibold text-sm mb-1\"\u003eStation Cinema\u003c/h4\u003e\n  \u003cdiv class=\"text-xs text-gray-600\"\u003e\n      \u003cdiv class=\"mb-1 flex items-center gap-2\"\u003e\n         4:00pm, Tue 28th Jul\n            \u003cspan class=\"text-cine-red\"\u003eClosed\u003c/span\u003e\n      \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e"},{"latitude":53.519619,"longitude":-1.131649,"label":"Savoy Cinema Doncaster","color":"#AEADAD","tooltip":"\u003cdiv class=\"p-2\"\u003e\n  \u003ch4 class=\"font-semibold text-sm mb-1\"\u003eSavoy Cinema Doncaster\u003c/h4\u003e\n  \u003cdiv class=\"text-xs text-gray-600\"\u003e\n      \u003cdiv class=\"mb-1 flex items-center gap-2\"\u003e\n         6:00pm, Tue 28th Jul\n            \u003cspan class=\"text-cine-red\"\u003eClosed\u003c/span\u003e\n      \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e"},{"latitude":54.376289,"longitude":-1.724275,"label":"Savoy Cinema Catterick","color":"#AEADAD","tooltip":"\u003cdiv class=\"p-2\"\u003e\n  \u003ch4 class=\"font-semibold text-sm mb-1\"\u003eSavoy Cinema Catterick\u003c/h4\u003e\n  \u003cdiv class=\"text-xs text-gray-600\"\u003e\n      \u003cdiv class=\"mb-1 flex items-center gap-2\"\u003e\n         6:00pm, Tue 28th Jul\n            \u003cspan class=\"text-cine-red\"\u003eClosed\u003c/span\u003e\n      \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e"},{"latitude":52.488037,"longitude":-0.704488,"label":"Savoy Cinemas Corby","color":"#AEADAD","tooltip":"\u003cdiv class=\"p-2\"\u003e\n  \u003ch4 class=\"font-semibold text-sm mb-1\"\u003eSavoy Cinemas Corby\u003c/h4\u003e\n  \u003cdiv class=\"text-xs text-gray-600\"\u003e\n      \u003cdiv class=\"mb-1 flex items-center gap-2\"\u003e\n         6:00pm, Tue 28th Jul\n            \u003cspan class=\"text-cine-red\"\u003eClosed\u003c/span\u003e\n      \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e"},{"latitude":52.185057,"longitude":0.998727,"label":"The Regal","color":"#AEADAD","tooltip":"\u003cdiv class=\"p-2\"\u003e\n  \u003ch4 class=\"font-semibold text-sm mb-1\"\u003eThe Regal\u003c/h4\u003e\n  \u003cdiv class=\"text-xs text-gray-600\"\u003e\n      \u003cdiv class=\"mb-1 flex items-center gap-2\"\u003e\n         7:30pm, Tue 28th Jul\n            \u003cspan class=\"text-cine-red\"\u003eClosed\u003c/span\u003e\n      \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e"}], {"hash":true,"tooltips":{"html":true,"hover":false},"controls":true,"center":{"lat":53.179705,"lng":-3.137392},"zoom":10,"accessToken":"pk.eyJ1IjoiY2luZW1hdGlrYXBwIiwiYSI6ImNscmliaWZ6ajA3dmcya3MxYzdjeHp0eDAifQ.7ie5juWcJoFMrfpvcjBYTA"}); };
    if ("Mapkick" in window) {
      createMap();
    } else {
      window.addEventListener("mapkick:load", createMap, true);
    }
  })();
</script>

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