<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","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_events/meta/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">
  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.
</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">
  Food &amp; drink available to buy.
</div>
</p>
              </div>

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

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

                  <div>Stefania Samioti</div>

                  <div>
                    <i class="fa-solid fa-phone"></i>
                    <a href="tel:00306972587501" target="_blank" class="fs-5">+30 69725 87501</a>
                  </div>



              </div>

              <div class="event-image mb-3 mt-4">
                  <img class="w-100 mb-3 border lazyload d-nojs-none" alt="Event Poster" draggable="false" 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>
                  <h3>
                    <span class="visually-hidden">Location</span>
                    <i class="fa-solid fa-location-dot me-1"></i>
                      <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-cta btn-lg">
                      Get Directions
                    </a>
                  </div>
              </div>
          </div>

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