
<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/i-see-buildings-fall-like-lightning-relaxed-screenings-2026-11-23-2026-11-24">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" aria-hidden="true" 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="5yQdgcZ-vvAoQ-2AuvMu1y8IMMzRO_36w-PfAK8I7rppf_NWWUWj-cTBECuVJ4zzpu4B9eyHLVb5UU3lN9oPtw" />
      <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" aria-hidden="true" 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="xIdG8V0B0EpFkUWfaf4y1aX22aDwYAnSOE0aV7yxc8BK3KgmwjrNQ6kTuDRGKpDxLBDomc3c2X4C_4iyJGOSzQ" />
    <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-inherit hover:no-underline disabled:opacity-50" data-geolocate-target="button" data-action="geolocate#locate">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" aria-hidden="true" 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-dark-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":52.415904,"longitude":-4.062816,"label":"Aberystwyth Arts Centre","color":"#F26339","tooltip":"\u003cdiv class=\"p-2\"\u003e\n  \u003ch4 class=\"font-semibold text-sm mb-1\"\u003eAberystwyth Arts Centre\u003c/h4\u003e\n  \u003cdiv class=\"text-xs text-gray-600\"\u003e\n      \u003cdiv class=\"mb-1 flex items-center gap-2\"\u003e\n        \u003ca data-turbo=\"false\" class=\"underline\" href=\"/book/b2620b69-9f76-485d-836a-0300bfd8c771\"\u003e 3:00pm, Tue 24th Nov\u003c/a\u003e\n          \u003ca data-turbo=\"false\" class=\"text-nowrap text-highlight p-1 rounded-md border-project-highlight bg-nav border\" href=\"/book/b2620b69-9f76-485d-836a-0300bfd8c771\"\u003eBook\u003c/a\u003e\n      \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e"},{"latitude":51.587996,"longitude":-0.163898,"label":"Phoenix Cinema","color":"#F26339","tooltip":"\u003cdiv class=\"p-2\"\u003e\n  \u003ch4 class=\"font-semibold text-sm mb-1\"\u003ePhoenix 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        \u003ca data-turbo=\"false\" class=\"underline\" href=\"/book/b74b21ce-66cf-4ef9-a358-e936ddfcd8e7\"\u003e 5:00pm, Tue 24th Nov\u003c/a\u003e\n          \u003ca data-turbo=\"false\" class=\"text-nowrap text-highlight p-1 rounded-md border-project-highlight bg-nav border\" href=\"/book/b74b21ce-66cf-4ef9-a358-e936ddfcd8e7\"\u003eBook\u003c/a\u003e\n      \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e"},{"latitude":51.579434,"longitude":0.185693,"label":"Lumiere (Romford) ","color":"#F26339","tooltip":"\u003cdiv class=\"p-2\"\u003e\n  \u003ch4 class=\"font-semibold text-sm mb-1\"\u003eLumiere (Romford) \u003c/h4\u003e\n  \u003cdiv class=\"text-xs text-gray-600\"\u003e\n      \u003cdiv class=\"mb-1 flex items-center gap-2\"\u003e\n        \u003ca data-turbo=\"false\" class=\"underline\" href=\"/book/3fb83fd4-80f8-4632-b32c-2b668b4f6131\"\u003e 5:30pm, Mon 23rd Nov\u003c/a\u003e\n          \u003ca data-turbo=\"false\" class=\"text-nowrap text-highlight p-1 rounded-md border-project-highlight bg-nav border\" href=\"/book/3fb83fd4-80f8-4632-b32c-2b668b4f6131\"\u003eBook\u003c/a\u003e\n      \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e"},{"latitude":54.376289,"longitude":-1.724275,"label":"Savoy Cinema Catterick","color":"#F26339","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        \u003ca data-turbo=\"false\" class=\"underline\" href=\"/book/0d420db9-a0b3-425f-a8bf-8802aa19b735\"\u003e 6:00pm, Tue 24th Nov\u003c/a\u003e\n          \u003ca data-turbo=\"false\" class=\"text-nowrap text-highlight p-1 rounded-md border-project-highlight bg-nav border\" href=\"/book/0d420db9-a0b3-425f-a8bf-8802aa19b735\"\u003eBook\u003c/a\u003e\n      \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e"},{"latitude":53.519619,"longitude":-1.131649,"label":"Savoy Cinema Doncaster","color":"#F26339","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        \u003ca data-turbo=\"false\" class=\"underline\" href=\"/book/7fcd9d19-925e-46ba-86c2-7d945ed1590b\"\u003e 6:00pm, Tue 24th Nov\u003c/a\u003e\n          \u003ca data-turbo=\"false\" class=\"text-nowrap text-highlight p-1 rounded-md border-project-highlight bg-nav border\" href=\"/book/7fcd9d19-925e-46ba-86c2-7d945ed1590b\"\u003eBook\u003c/a\u003e\n      \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e"},{"latitude":52.488037,"longitude":-0.704488,"label":"Savoy Cinemas Corby","color":"#F26339","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        \u003ca data-turbo=\"false\" class=\"underline\" href=\"/book/6dade56d-d301-4abd-a273-21cbb994ccae\"\u003e 6:00pm, Tue 24th Nov\u003c/a\u003e\n          \u003ca data-turbo=\"false\" class=\"text-nowrap text-highlight p-1 rounded-md border-project-highlight bg-nav border\" href=\"/book/6dade56d-d301-4abd-a273-21cbb994ccae\"\u003eBook\u003c/a\u003e\n      \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e"},{"latitude":53.301085,"longitude":-1.123405,"label":"Savoy Cinema Worksop","color":"#F26339","tooltip":"\u003cdiv class=\"p-2\"\u003e\n  \u003ch4 class=\"font-semibold text-sm mb-1\"\u003eSavoy Cinema Worksop\u003c/h4\u003e\n  \u003cdiv class=\"text-xs text-gray-600\"\u003e\n      \u003cdiv class=\"mb-1 flex items-center gap-2\"\u003e\n        \u003ca data-turbo=\"false\" class=\"underline\" href=\"/book/7c897b04-e510-4aaf-ab08-2f8932437b99\"\u003e 6:00pm, Tue 24th Nov\u003c/a\u003e\n          \u003ca data-turbo=\"false\" class=\"text-nowrap text-highlight p-1 rounded-md border-project-highlight bg-nav border\" href=\"/book/7c897b04-e510-4aaf-ab08-2f8932437b99\"\u003eBook\u003c/a\u003e\n      \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e"},{"latitude":51.995101,"longitude":-4.978835,"label":"Theatr Gwaun","color":"#F26339","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        \u003ca data-turbo=\"false\" class=\"underline\" href=\"/book/348a76ef-8c7e-4790-a1d3-a3f4f3b98ed3\"\u003e11:00am, Tue 24th Nov\u003c/a\u003e\n          \u003ca data-turbo=\"false\" class=\"text-nowrap text-highlight p-1 rounded-md border-project-highlight bg-nav border\" href=\"/book/348a76ef-8c7e-4790-a1d3-a3f4f3b98ed3\"\u003eBook\u003c/a\u003e\n      \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e"},{"latitude":52.976143,"longitude":-0.025529,"label":"Savoy Cinema Boston","color":"#F26339","tooltip":"\u003cdiv class=\"p-2\"\u003e\n  \u003ch4 class=\"font-semibold text-sm mb-1\"\u003eSavoy Cinema Boston\u003c/h4\u003e\n  \u003cdiv class=\"text-xs text-gray-600\"\u003e\n      \u003cdiv class=\"mb-1 flex items-center gap-2\"\u003e\n        \u003ca data-turbo=\"false\" class=\"underline\" href=\"/book/f98aa741-88f3-4c0e-9da0-56418b7c0049\"\u003e 6:00pm, Tue 24th Nov\u003c/a\u003e\n          \u003ca data-turbo=\"false\" class=\"text-nowrap text-highlight p-1 rounded-md border-project-highlight bg-nav border\" href=\"/book/f98aa741-88f3-4c0e-9da0-56418b7c0049\"\u003eBook\u003c/a\u003e\n      \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e"},{"latitude":52.475194,"longitude":-1.884438,"label":"Mockingbird Cinema","color":"#F26339","tooltip":"\u003cdiv class=\"p-2\"\u003e\n  \u003ch4 class=\"font-semibold text-sm mb-1\"\u003eMockingbird 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        \u003ca data-turbo=\"false\" class=\"underline\" href=\"/book/b7cddf93-a548-489d-9076-880711744ca8\"\u003e 3:30pm, Tue 24th Nov\u003c/a\u003e\n          \u003ca data-turbo=\"false\" class=\"text-nowrap text-highlight p-1 rounded-md border-project-highlight bg-nav border\" href=\"/book/b7cddf93-a548-489d-9076-880711744ca8\"\u003eBook\u003c/a\u003e\n      \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e"}], {"hash":true,"tooltips":{"html":true,"hover":false},"controls":true,"center":{"lat":52.415904,"lng":-4.062816},"zoom":10,"accessToken":"pk.eyJ1IjoiY2luZW1hdGlrYXBwIiwiYSI6ImNtdmsyMGYwdjA4OTAyd3Fxd3hyMnV6OXAifQ.3oeI9VfivG_0o_PD5p4oAw"}); };
    if ("Mapkick" in window) {
      createMap();
    } else {
      window.addEventListener("mapkick:load", createMap, true);
    }
  })();
</script>

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