<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”","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 upcoming">
        <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>Marina</div>

                  <div>
                    <i class="fa-solid fa-mobile-screen-button"></i>
                    <a href="tel:00306944611753" target="_blank" class="fs-5">+30 694 461 1753</a>
                  </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">
                    All Upcoming 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>
                    <i class="fa-solid fa-location-dot me-1"></i>
                      <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>