
<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/wasteman-relaxed-screenings-2026-02-16-2026-02-17">
        <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":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         4:00pm, Tue 17th Feb\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         6:00pm, Mon 16th Feb\n            \u003cspan class=\"text-cine-red\"\u003eClosed\u003c/span\u003e\n      \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e"},{"latitude":52.475194,"longitude":-1.884438,"label":"Mockingbird Cinema","color":"#AEADAD","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         6:00pm, Tue 17th Feb\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 17th Feb\n            \u003cspan class=\"text-cine-red\"\u003eClosed\u003c/span\u003e\n      \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e"},{"latitude":51.524203,"longitude":-0.073614,"label":"Rich Mix","color":"#AEADAD","tooltip":"\u003cdiv class=\"p-2\"\u003e\n  \u003ch4 class=\"font-semibold text-sm mb-1\"\u003eRich Mix\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, Tue 17th Feb\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":52.415904,"lng":-4.062816},"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>