<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":"Kazavitiana | Go Thassos","description":"Kazavitiana is an institution that started in the early 1990s, when the residents of the village of Mikro Kazaviti founded the Cultural and Naturalist Associ...","url":"https://events.go-thassos.gr/events/72","image":"https://cdn.go-thassos.gr/assets/gothassos/pages/events/og-03393e02.png"};</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">27/07/2024</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="p-3">
              <h2>Festival</h2>

              <h3 class="fs-4">Kazavitiana</h3>

              <div class="mb-4"><div class="lexxy-content">
  <p>Kazavitiana is an institution that started in the early 1990s, when the residents of the village of Mikro Kazaviti founded the Cultural and Naturalist Association "To Mikro Kazaviti" with the aim of highlighting the local cultural heritage. Kazavitiana is a music and dance performance where the club's sections present a program of traditional dances and customs from various regions of Greece.</p>
</div>
</div>


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


                  <div class="fs-3">
                    <span>Starts: <span>
                    <span>21:00</span></div>

                  <div class="fs-3">
                    <span>Ends: </span>
                    <span>00:00</span>
                  </div>
              </div>

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

              <div class="mb-3">
                <h3 class="d-none">Price</h3>
                <p class="mb-3"><div class="lexxy-content">
  <p>Food &amp; drink available to buy.</p>
</div>
</p>
              </div>

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

                  <div>Cultural &amp; Naturalistic Association of Micro Kazaviti</div>

                <div id="contact-details">
    <div>Stefania Samioti</div>



        <div class="d-flex align-items-center mb-1">
          <a href="tel:00306972587501" 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 6972587501
          </a>
        </div>
          <div class="d-flex mb-3 chat-app-wrapper-sms">
            <a href="sms://+306972587501" 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/afm27kdgfrn1twyv8lm6w4avhsk2?mark&fm=avif&blur=500&px=5&auto=enhance&mark-alpha=0&s=7a166be422b6215dd17f89c57e3290d0" srcset="https://gtcdn.imgix.net/afm27kdgfrn1twyv8lm6w4avhsk2?mark&amp;fm=avif&amp;blur=500&amp;px=5&amp;auto=enhance&amp;mark-alpha=0&amp;s=7a166be422b6215dd17f89c57e3290d0 100w" data-srcset="https://gtcdn.imgix.net/afm27kdgfrn1twyv8lm6w4avhsk2?mark&fm=avif&w=350&s=6cdf796c158de2673a250806d04844a4 350w,
https://gtcdn.imgix.net/afm27kdgfrn1twyv8lm6w4avhsk2?mark&fm=avif&w=500&s=0401ade545472bf51ebf686d2c9a8d7d 500w" sizes="100vw" data-src="https://gtcdn.imgix.net/afm27kdgfrn1twyv8lm6w4avhsk2?mark&fm=avif&s=761f34b0f6e361e1cbeda1acee4a5ad1" > 
                  </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;2024-07-27&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>Kazaviti, Thassos</span>
                  </h3>

                  <img
                    src="https://api.mapbox.com/styles/v1/gothassos2/cjkjqn0hu4os72ss2t2tqt5oy/static/pin-l+ffea00(24.61835536367384,40.72240301918245/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.72240301918245</span></div>
                  <div class="d-none"><strong>Longitude:</strong> <span>24.61835536367384</span></div>
                  <div class="d-grid gap-2">
                    <a href="https://www.google.com/maps/search/?api=1&amp;query=40.72240301918245,24.61835536367384" target="_blank" class="btn btn-primary btn-lg">
                      Get Directions
                    </a>
                  </div>
              </div>
          </div>

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