
<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-project-content 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/amelie-relaxed-screenings-2026-03-09-2026-03-10">
        <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>    <div class="flex-grow"></div>
    <label for="postcode_input" class="block text-sm font-medium text-cine-light-grey mb-1">Postcode</label>
    <div class="relative overflow-visible flex-1"
          data-controller="autocomplete"
          data-autocomplete-selected-class="bg-project-background text-white"
          data-autocomplete-submit-on-enter="true"
          data-autocomplete-min-length-value="2"
          data-autocomplete-url-value="/search/postcodes">
      <input type="text" id="postcode_input"
        value=""
        placeholder="e.g. SW1A 1AA"
        class="form-control w-full border border-gray-300 rounded px-3 py-2 m-0 focus:outline-none focus:ring-2 focus:ring-cine-green text-cine-dark-grey min-w-28"
        data-autocomplete-target="input"
        autocomplete="postal-code"
        required="true"
      />
      <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>
    </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.704267,"longitude":-0.872296,"label":"Junction Goole","color":"#AEADAD","tooltip":"\u003cdiv class=\"p-2\"\u003e\n  \u003ch4 class=\"font-semibold text-sm mb-1\"\u003eJunction Goole\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 10th Mar\n            \u003cspan class=\"text-cine-red\"\u003eClosed\u003c/span\u003e\n      \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e"},{"latitude":52.415904,"longitude":-4.062816,"label":"Aberystwyth Arts Centre","color":"#AEADAD","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        12:00pm, Tue 10th Mar\n            \u003cspan class=\"text-cine-red\"\u003eClosed\u003c/span\u003e\n      \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e"},{"latitude":51.320452,"longitude":-0.559691,"label":"Nova Cinema","color":"#AEADAD","tooltip":"\u003cdiv class=\"p-2\"\u003e\n  \u003ch4 class=\"font-semibold text-sm mb-1\"\u003eNova 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         7:30pm, Tue 10th Mar\n            \u003cspan class=\"text-cine-red\"\u003eClosed\u003c/span\u003e\n      \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e"},{"latitude":50.95617,"longitude":-0.12925,"label":"Orion Cinema Burgess Hill","color":"#AEADAD","tooltip":"\u003cdiv class=\"p-2\"\u003e\n  \u003ch4 class=\"font-semibold text-sm mb-1\"\u003eOrion Cinema Burgess Hill\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 10th Mar\n            \u003cspan class=\"text-cine-red\"\u003eClosed\u003c/span\u003e\n      \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e"},{"latitude":54.575439,"longitude":-1.238622,"label":"Roxy Movies Middlesborough","color":"#AEADAD","tooltip":"\u003cdiv class=\"p-2\"\u003e\n  \u003ch4 class=\"font-semibold text-sm mb-1\"\u003eRoxy Movies Middlesborough\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:30pm, Mon 9th Mar\n            \u003cspan class=\"text-cine-red\"\u003eClosed\u003c/span\u003e\n      \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e"},{"latitude":51.62674,"longitude":0.815016,"label":"Rio Cinema Burnham-on-Crouch","color":"#AEADAD","tooltip":"\u003cdiv class=\"p-2\"\u003e\n  \u003ch4 class=\"font-semibold text-sm mb-1\"\u003eRio Cinema Burnham-on-Crouch\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, Mon 9th Mar\n            \u003cspan class=\"text-cine-red\"\u003eClosed\u003c/span\u003e\n      \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e"},{"latitude":52.41695,"longitude":-4.083159,"label":"Commodore Cinema","color":"#AEADAD","tooltip":"\u003cdiv class=\"p-2\"\u003e\n  \u003ch4 class=\"font-semibold text-sm mb-1\"\u003eCommodore 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         6:15pm, Mon 9th Mar\n            \u003cspan class=\"text-cine-red\"\u003eClosed\u003c/span\u003e\n      \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e"},{"latitude":51.800659,"longitude":-4.970812,"label":"Palace Cinema Haverfordwest","color":"#AEADAD","tooltip":"\u003cdiv class=\"p-2\"\u003e\n  \u003ch4 class=\"font-semibold text-sm mb-1\"\u003ePalace Cinema Haverfordwest\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:15pm, Mon 9th Mar\n            \u003cspan class=\"text-cine-red\"\u003eClosed\u003c/span\u003e\n      \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e"},{"latitude":51.867433,"longitude":0.163213,"label":"Roxy Movies Bishop's Stortford","color":"#AEADAD","tooltip":"\u003cdiv class=\"p-2\"\u003e\n  \u003ch4 class=\"font-semibold text-sm mb-1\"\u003eRoxy Movies Bishop\u0026#39;s Stortford\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, Mon 9th Mar\n            \u003cspan class=\"text-cine-red\"\u003eClosed\u003c/span\u003e\n      \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e"},{"latitude":52.830249,"longitude":0.846892,"label":"Fakenham Central Cinema","color":"#AEADAD","tooltip":"\u003cdiv class=\"p-2\"\u003e\n  \u003ch4 class=\"font-semibold text-sm mb-1\"\u003eFakenham Central 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         7:00pm, Mon 9th Mar\n            \u003cspan class=\"text-cine-red\"\u003eClosed\u003c/span\u003e\n      \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e"},{"latitude":52.970993,"longitude":-1.309724,"label":"Scala Cinema Ilkeston","color":"#AEADAD","tooltip":"\u003cdiv class=\"p-2\"\u003e\n  \u003ch4 class=\"font-semibold text-sm mb-1\"\u003eScala Cinema Ilkeston\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, Mon 9th Mar\n            \u003cspan class=\"text-cine-red\"\u003eClosed\u003c/span\u003e\n      \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e"},{"latitude":51.754674,"longitude":-1.259454,"label":"Oxford Cinema and Cafe","color":"#AEADAD","tooltip":"\u003cdiv class=\"p-2\"\u003e\n  \u003ch4 class=\"font-semibold text-sm mb-1\"\u003eOxford Cinema and Cafe\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:15pm, Mon 9th Mar\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, Tue 10th Mar\n            \u003cspan class=\"text-cine-red\"\u003eClosed\u003c/span\u003e\n      \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e"},{"latitude":51.584872,"longitude":-0.020439,"label":"The Forest Cinema ","color":"#AEADAD","tooltip":"\u003cdiv class=\"p-2\"\u003e\n  \u003ch4 class=\"font-semibold text-sm mb-1\"\u003eThe Forest 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         3:00pm, Tue 10th Mar\n            \u003cspan class=\"text-cine-red\"\u003eSold Out\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.704267,"lng":-0.872296},"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>