<turbo-stream action="replace" target="event_modal"><template><turbo-frame id="event_modal">
  <div class="modal fade" id="eventModal" tabindex="-1" aria-hidden="true" data-controller="modal">
    <script>EVENT_META = {"title":"Karagiozis Presents: “Alexander the Great and the Accursed Serpent” | Go Thassos","description":"📍Church Courtyard, Maries, Thassos The beloved tradition of Greek shadow theatre comes to life in “Alexander the Great and the Accursed Serpent.” Karagiozis ...","url":"https://events.go-thassos.gr/events/776","image":"https://gtcdn.imgix.net/nuv9w8ln6jkg947pa3gk1n4w2wxy?mark\u0026w=1200\u0026h=630\u0026fit=crop\u0026auto=enhance\u0026fm=png\u0026s=9bfa799b76432e5b3b18102c0e24fbce"};</script>

    <div class="modal-dialog modal-fullscreen-md-down">
      <div class="modal-content event past">
        <div class="modal-header event-date">
            <h1 class="modal-title fs-3">07/08/2026</h1>


          <button type="button" class="btn-close white" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>

        <div class="modal-body p-0">
            <div class="border-bottom mb-3" data-controller="image-retry">
              <div class="text-center py-5" data-image-retry-target="spinner">
                <div class="spinner-border text-secondary" role="status">
                  <span class="visually-hidden">Loading...</span>
                </div>
              </div>
              <img class="w-100 lazyload d-nojs-none" alt="Event Hero" draggable="false" data-image-retry-target="image" src="https://gtcdn.imgix.net/nuv9w8ln6jkg947pa3gk1n4w2wxy?ar=1.91%3A1&fit=scale&mark&fm=avif&blur=500&px=5&auto=enhance&mark-alpha=0&s=3d8badc32e6e5adf7163d7796eaf841b" srcset="https://gtcdn.imgix.net/nuv9w8ln6jkg947pa3gk1n4w2wxy?ar=1.91%3A1&amp;fit=scale&amp;mark&amp;fm=avif&amp;blur=500&amp;px=5&amp;auto=enhance&amp;mark-alpha=0&amp;s=3d8badc32e6e5adf7163d7796eaf841b 100w" data-srcset="https://gtcdn.imgix.net/nuv9w8ln6jkg947pa3gk1n4w2wxy?ar=1.91%3A1&fit=scale&mark&fm=avif&w=350&s=ed58fcd60589466550e5a17c66221278 350w,
https://gtcdn.imgix.net/nuv9w8ln6jkg947pa3gk1n4w2wxy?ar=1.91%3A1&fit=scale&mark&fm=avif&w=500&s=5613042f7f7b2005ae296b576701f491 500w" sizes="100vw" data-src="https://gtcdn.imgix.net/nuv9w8ln6jkg947pa3gk1n4w2wxy?ar=1.91%3A1&fit=scale&mark&fm=avif&s=edc8c9d9f26b370af6b4d8af22130852" > 
            </div>

          <div class="p-3">
              <h2>Theatrical Performance</h2>

              <h3 class="fs-4">Karagiozis Presents: “Alexander the Great and the Accursed Serpent”</h3>

              <div class="mb-4"><div class="lexxy-content">
  <p>📍<i><strong>Church Courtyard, Maries, Thassos</strong></i></p><p>The beloved tradition of Greek shadow theatre comes to life in “Alexander the Great and the Accursed Serpent.” Karagiozis and the familiar characters of the shadow screen invite audiences of all ages to enjoy an entertaining story filled with humour, adventure and tradition. </p><p>A delightful evening for the whole family, with plenty of laughter and free admission.</p>
</div>
</div>

              <h3 class="mb-4">
                <span>Language:</span>
                <span>Greek</span>
              </h3>


              <div class="mb-3">
                <h3 class="d-none">Times</h3>


                  <div class="fs-3">
                    <span>Starts: <span>
                    <span>20:30</span></div>

              </div>

              <div class="text-success fs-3 mb-3">
                FREE ENTRY
              </div>


              <div class="mb-3">
                <h3 class="fs-3">Information</h3>

                  <div>Cultural Association of Maries</div>

                <div id="contact-details">
    <div>Marina</div>



        <div class="d-flex align-items-center mb-1">
          <a href="tel:00306944611753" class="text-reset text-decoration-none w-100">
            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 384 512" class="svg-inline--fa mobile-screen-button me-1"><!--! Font Awesome Pro 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M16 64C16 28.7 44.7 0 80 0L304 0c35.3 0 64 28.7 64 64l0 384c0 35.3-28.7 64-64 64L80 512c-35.3 0-64-28.7-64-64L16 64zm64 0l0 304 224 0 0-304-224 0zM192 472c17.7 0 32-14.3 32-32s-14.3-32-32-32-32 14.3-32 32 14.3 32 32 32z"></path></svg>
            +30 6944611753
          </a>
        </div>
          <div class="d-flex mb-3 chat-app-wrapper-sms">
            <a href="sms://+306944611753" target="_blank" class="text-sms fake-sms-container-bg text-decoration-none ms-4 d-block">
              <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" class="svg-inline--fa comment-sms me-1"><!--! Font Awesome Pro 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M80 400.2c6.2-11.4 4.9-25.4-3.2-35.4-28.2-34.9-44.8-78.1-44.8-124.8 0-113 98.3-208 224-208s224 95 224 208-98.3 208-224 208c-32.3 0-62.8-6.3-90.4-17.6-7.9-3.3-16.9-3.2-24.8 .2L39.8 473.8 80 400.2zM0 240c0 54.4 19.3 104.6 51.9 144.9L3.1 474.3c-2 3.7-3.1 7.9-3.1 12.2 0 14.1 11.4 25.5 25.5 25.5 4 0 7.8-.6 11.5-2.1L153.4 460c31.4 12.9 66.1 20 102.6 20 141.4 0 256-107.5 256-240S397.4 0 256 0 0 107.5 0 240zm138.9-67.2c-21.9 0-39.7 17.8-39.7 39.7 0 15 8.5 28.8 22 35.5l25 12.5c2.6 1.3 4.3 4 4.3 6.9 0 4.3-3.5 7.7-7.7 7.7l-27.5 0c-8.8 0-16 7.2-16 16s7.2 16 16 16l27.5 0c21.9 0 39.7-17.8 39.7-39.7 0-15.1-8.5-28.8-22-35.5l-25-12.5c-2.6-1.3-4.3-4-4.3-6.9 0-4.3 3.5-7.7 7.7-7.7l21.1 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-21.1 0zm190.7 39.7c0 15 8.5 28.8 22 35.5l25 12.5c2.6 1.3 4.3 4 4.3 6.9 0 4.3-3.5 7.7-7.7 7.7l-27.5 0c-8.8 0-16 7.2-16 16s7.2 16 16 16l27.5 0c21.9 0 39.7-17.8 39.7-39.7 0-15.1-8.5-28.8-22-35.5l-25-12.5c-2.6-1.3-4.3-4-4.3-6.9 0-4.3 3.5-7.7 7.7-7.7l21.1 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-21.1 0c-21.9 0-39.7 17.8-39.7 39.7zm-98.3-32c-3.7-6.2-11.1-9.1-18-7.2s-11.7 8.2-11.7 15.4l0 102.4c0 8.8 7.2 16 16 16s16-7.2 16-16l0-44.6 8.7 14.5c2.9 4.8 8.1 7.8 13.7 7.8s10.8-3 13.7-7.8l8.7-14.5 0 44.6c0 8.8 7.2 16 16 16s16-7.2 16-16l0-102.4c0-7.2-4.8-13.5-11.7-15.4s-14.3 1-18 7.2l-24.7 41.1-24.7-41.1z"></path></svg>SMS
            </a>
          </div>


</div>



              </div>

              <div class="event-image mb-3 mt-4">
                  <div data-controller="image-retry">
                    <div class="text-center py-5" data-image-retry-target="spinner">
                      <div class="spinner-border text-secondary" role="status">
                        <span class="visually-hidden">Loading...</span>
                      </div>
                    </div>
                    <img class="w-100 mb-3 border lazyload d-nojs-none" alt="Event Poster" draggable="false" data-image-retry-target="image" src="https://gtcdn.imgix.net/six90iirda6leplgr09n67py9zjt?mark&fm=avif&blur=500&px=5&auto=enhance&mark-alpha=0&s=d47ad9ae270346a6a96aa722a2c57765" srcset="https://gtcdn.imgix.net/six90iirda6leplgr09n67py9zjt?mark&amp;fm=avif&amp;blur=500&amp;px=5&amp;auto=enhance&amp;mark-alpha=0&amp;s=d47ad9ae270346a6a96aa722a2c57765 100w" data-srcset="https://gtcdn.imgix.net/six90iirda6leplgr09n67py9zjt?mark&fm=avif&w=350&s=7843f9530a8dc2540dbdb01b4ec1fb6c 350w,
https://gtcdn.imgix.net/six90iirda6leplgr09n67py9zjt?mark&fm=avif&w=500&s=de1e81f602483d7a4811f86174ccc830 500w" sizes="100vw" data-src="https://gtcdn.imgix.net/six90iirda6leplgr09n67py9zjt?mark&fm=avif&s=cf701d1296ae8b003064d1e662017ddf" > 
                  </div>
              </div>

              <div
                class="mb-3"
                data-controller="events--dates-calendar"
                data-events--dates-calendar-locale-value="en"
                data-events--dates-calendar-dates-value="[{&quot;date&quot;:&quot;2026-08-07&quot;,&quot;status&quot;:true,&quot;current&quot;:true}]"
                data-events--dates-calendar-css-value="https://cdn.go-thassos.gr/assets/stylesheets/gothassos/easepick_event_listing-7883df46.css"
              >
                <h3 class="fs-3 d-none">
                    Dates
                </h3>

                <input type="text" class="d-none" tabindex="-1" aria-hidden="true" data-events--dates-calendar-target="calendar">

              </div>

              <div>
                  <h3>
                    <span class="visually-hidden">Location</span>
                    <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 384 512" class="svg-inline--fa location-dot me-2"><!--! Font Awesome Pro 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M0 188.6C0 84.4 86 0 192 0S384 84.4 384 188.6c0 119.3-120.2 262.3-170.4 316.8-11.8 12.8-31.5 12.8-43.3 0-50.2-54.5-170.4-197.5-170.4-316.8zM192 256a64 64 0 1 0 0-128 64 64 0 1 0 0 128z"></path></svg>
                      <span>Maries, Thassos</span>
                  </h3>

                  <img
                    src="https://api.mapbox.com/styles/v1/gothassos2/cjkjqn0hu4os72ss2t2tqt5oy/static/pin-l+ffea00(24.620623886388042,40.69088708129351/24.650472,40.687235,10,0/580x544@2x?access_token=pk.eyJ1IjoiZ290aGFzc29zMiIsImEiOiJjanZ3ODZyMWoxcms4NGJtczU2emUxZGlxIn0.ibn3HWEGofsDHB4pTGB1Pg"
                    alt="Map Here"
                    class="ratio ratio-1x1 w-100 mb-3"
                    draggable="false"
                  >
                  <div class="d-none"><strong>Latitude:</strong> <span>40.69088708129351</span></div>
                  <div class="d-none"><strong>Longitude:</strong> <span>24.620623886388042</span></div>
                  <div class="d-grid gap-2">
                    <a href="https://www.google.com/maps/search/?api=1&amp;query=40.69088708129351,24.620623886388042" target="_blank" class="btn btn-primary btn-lg">
                      Get Directions
                    </a>
                  </div>
              </div>
          </div>

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