<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":"Invitation to a Meeting – BIOSUSTAIN | Go Thassos","description":"📍 Mavé coffee and cuisine, Kallirachi Square As part of the Interreg NEXT Black Sea Basin – BIOSUSTAIN project, BIOSUSTAIN and the Cultural Association of Ka...","url":"https://events.go-thassos.gr/events/792","image":"https://gtcdn.imgix.net/kti6u3a1wou4ldgj9n3gdlri670q?mark\u0026w=1200\u0026h=630\u0026fit=crop\u0026auto=enhance\u0026fm=png\u0026s=4b7926bc2d8d71e7f4c36ddae5368fd5"};</script>

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


          <button type="button" class="btn-close" 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/kti6u3a1wou4ldgj9n3gdlri670q?ar=1.91%3A1&fit=scale&mark&fm=avif&blur=500&px=5&auto=enhance&mark-alpha=0&s=553e0b1dc4ef3364d008f498848cdbe6" srcset="https://gtcdn.imgix.net/kti6u3a1wou4ldgj9n3gdlri670q?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=553e0b1dc4ef3364d008f498848cdbe6 100w" data-srcset="https://gtcdn.imgix.net/kti6u3a1wou4ldgj9n3gdlri670q?ar=1.91%3A1&fit=scale&mark&fm=avif&w=350&s=4ada94e85677808b9fde2f1d620ab7a7 350w,
https://gtcdn.imgix.net/kti6u3a1wou4ldgj9n3gdlri670q?ar=1.91%3A1&fit=scale&mark&fm=avif&w=500&s=b3fb82d0d08dcf1f3942b8d3b4e588ce 500w" sizes="100vw" data-src="https://gtcdn.imgix.net/kti6u3a1wou4ldgj9n3gdlri670q?ar=1.91%3A1&fit=scale&mark&fm=avif&s=88ef5652c00401191f94655e882f93ca" > 
            </div>

          <div class="p-3">
              <h2>Culture &amp; Traditions</h2>

              <h3 class="fs-4">Invitation to a Meeting – BIOSUSTAIN</h3>

              <div class="mb-4"><div class="lexxy-content">
  <p>📍 <strong>Mavé coffee and cuisine, Kallirachi Square</strong></p><p>As part of the Interreg NEXT Black Sea Basin – BIOSUSTAIN project, BIOSUSTAIN and the Cultural Association of Kallirachi, Thassos “I Metamorfosi” invite you to an open meeting about Traditional Ecological Knowledge and the use of plants in cooking, traditional medicine and handicrafts.</p><p>Join us to share local recipes, medicinal uses, methods of collecting and processing plants, and knowledge passed down through generations.</p><p>Your participation will help document and highlight the traditional knowledge of Kallirachi.</p><p>We look forward to welcoming you!</p>
</div>
</div>


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


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

              </div>



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

                  <div>Metamorfosi</div>


                  <div>
                    <i class="fa-solid fa-mobile-screen-button"></i>
                    <a href="tel:00306947673952" target="_blank" class="fs-5">+30 694 767 3952</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/gfrzxde9uivs0jgvwy7ybwwjrk5x?mark&fm=avif&blur=500&px=5&auto=enhance&mark-alpha=0&s=3c9450ab9022a5340d234f6230bf309f" srcset="https://gtcdn.imgix.net/gfrzxde9uivs0jgvwy7ybwwjrk5x?mark&amp;fm=avif&amp;blur=500&amp;px=5&amp;auto=enhance&amp;mark-alpha=0&amp;s=3c9450ab9022a5340d234f6230bf309f 100w" data-srcset="https://gtcdn.imgix.net/gfrzxde9uivs0jgvwy7ybwwjrk5x?mark&fm=avif&w=350&s=b3a6efa6388f87da6e19193fe3ae33c6 350w,
https://gtcdn.imgix.net/gfrzxde9uivs0jgvwy7ybwwjrk5x?mark&fm=avif&w=500&s=d8c0c717cf7670fb55ab4efcc03390b4 500w" sizes="100vw" data-src="https://gtcdn.imgix.net/gfrzxde9uivs0jgvwy7ybwwjrk5x?mark&fm=avif&s=ad046a0bf5229a60a48e134271dd908c" > 
                  </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-18&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>Kallirachi, Thassos</span>
                  </h3>

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

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