<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":"Cretan-Island Serenade with Aggelos Mathioulakis","description":"📍 Bella Vista Pool Bar \u0026 Restaurant, Skala Kallirachi Step into a magical evening steeped in traditional Cretan and island music—set against the refined ambi...","url":"https://events.go-thassos.gr/events/330","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">21/08/2025</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>Music</h2>

              <h3 class="fs-4">Cretan-Island Serenade with Aggelos Mathioulakis</h3>

              <div class="mb-4"><div class="lexxy-content">
  <div>📍 <strong>Bella Vista Pool Bar &amp; Restaurant, Skala Kallirachi<br><br></strong>Step into a magical evening steeped in traditional Cretan and island music—set against the refined ambiance of Bella Vista’s multi‑level poolside venue. Join Aggelos Mathioulakis, accompanied by Leuteris Kamáris on laouto and Kostas Zannis on guitar, for an enchanting serenade.<br><br></div><div>This elevated setting offers panoramic views—perfect for unwinding with live melodies under the stars. Whether you’re drawn to folk traditions or simply love rich, local musical atmospheres, come enjoy the harmonious blend of culture and ambiance at Bella Vista.</div>
</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>



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


                  <div>Reservations</div>

                  <div>
                    <i class="fa-solid fa-phone"></i>
                    <a href="tel:00306937332532" target="_blank" class="fs-5">+30 693 733 2532</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/qo0t90v2ubnncgrdxjbpzarxmfbh?mark&fm=avif&blur=500&px=5&auto=enhance&mark-alpha=0&s=f0eae86790b2e402bcaaeebd839f82db" srcset="https://gtcdn.imgix.net/qo0t90v2ubnncgrdxjbpzarxmfbh?mark&amp;fm=avif&amp;blur=500&amp;px=5&amp;auto=enhance&amp;mark-alpha=0&amp;s=f0eae86790b2e402bcaaeebd839f82db 100w" data-srcset="https://gtcdn.imgix.net/qo0t90v2ubnncgrdxjbpzarxmfbh?mark&fm=avif&w=350&s=52abb85c8f8da48e5b427d64b15ca27e 350w,
https://gtcdn.imgix.net/qo0t90v2ubnncgrdxjbpzarxmfbh?mark&fm=avif&w=500&s=5389c81da92acefa51d227087f49b120 500w" sizes="100vw" data-src="https://gtcdn.imgix.net/qo0t90v2ubnncgrdxjbpzarxmfbh?mark&fm=avif&s=5772fcce32f540cc94f6d8cc6d51bfa2" > 
              </div>


              <div>
                  <h3>
                    <span class="visually-hidden">Location</span>
                    <i class="fa-solid fa-location-dot me-1"></i>
                      <span>Skala Kallirachi, Thassos</span>
                  </h3>

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

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