<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 | Go Thassos","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/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">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 id="contact-details">
    <div>Reservations</div>



        <div class="d-flex align-items-center mb-1">
          <a href="tel:00306937332532" 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 6937332532
          </a>
        </div>
          <div class="d-flex mb-3 chat-app-wrapper-sms">
            <a href="sms://+306937332532" 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/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>

              <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;2025-08-21&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>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-primary btn-lg">
                      Get Directions
                    </a>
                  </div>
              </div>
          </div>

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