<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":"Bouzouki Night at Island ART Restaurant","description":"📍 Limenaria, Thassos Experience an authentic Greek evening at Island ART Restaurant with live bouzouki music, great food, and a beautiful island setting.  Gu...","url":"https://events.go-thassos.gr/events/683","image":"https://gtcdn.imgix.net/i6dqy0x9rc19a90eg8pcf26937gr?mark\u0026w=1200\u0026h=630\u0026fit=crop\u0026auto=enhance\u0026fm=png\u0026s=2a5e1f08270206e4b112ad7c57569ed6"};</script>

    <div class="modal-dialog modal-fullscreen-md-down">
      <div class="modal-content event upcoming">
        <div class="modal-header event-date">
            <h1 class="modal-title fs-3">04/07/2026</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="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/i6dqy0x9rc19a90eg8pcf26937gr?ar=1.91%3A1&fit=scale&mark&fm=avif&blur=500&px=5&auto=enhance&mark-alpha=0&s=cbacf686c5e1550af641e770c5235842" srcset="https://gtcdn.imgix.net/i6dqy0x9rc19a90eg8pcf26937gr?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=cbacf686c5e1550af641e770c5235842 100w" data-srcset="https://gtcdn.imgix.net/i6dqy0x9rc19a90eg8pcf26937gr?ar=1.91%3A1&fit=scale&mark&fm=avif&w=350&s=e1d14b2f5eb9296dd8d90b21b06a1cbc 350w,
https://gtcdn.imgix.net/i6dqy0x9rc19a90eg8pcf26937gr?ar=1.91%3A1&fit=scale&mark&fm=avif&w=500&s=3c96b0e9d38e611df9c8bf151a208870 500w" sizes="100vw" data-src="https://gtcdn.imgix.net/i6dqy0x9rc19a90eg8pcf26937gr?ar=1.91%3A1&fit=scale&mark&fm=avif&s=c86b967f74ade511b3543d1ce0a7d295" > 
            </div>

          <div class="p-3">
              <h2>Music</h2>

              <h3 class="fs-4">Bouzouki Night at Island ART Restaurant</h3>

              <div class="mb-4"><div class="lexxy-content">
  <p>📍 <strong>Limenaria, Thassos</strong></p><p><br></p><p>Experience an authentic Greek evening at Island ART Restaurant with live bouzouki music, great food, and a beautiful island setting. </p><p><br></p><p>Guests can enjoy traditional Greek sounds, a warm atmosphere, and relaxing moments by the sea.</p><p><br></p><p>It’s the perfect choice for anyone who wants to combine dinner, drinks, music, and Greek hospitality in one place. Come with friends, family, or your partner and enjoy an evening full of good food, good music, and great moments.</p>
</div>
</div>


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


                  <div class="fs-3">
                    <span>Starts: <span>
                    <span>19: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:00306993988493" target="_blank" class="fs-5">+30 699 398 8493</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/ex0i125iugb9ycdcgmn2qspsmeuv?mark&fm=avif&blur=500&px=5&auto=enhance&mark-alpha=0&s=50c39b09cd292793b8766425e6a23358" srcset="https://gtcdn.imgix.net/ex0i125iugb9ycdcgmn2qspsmeuv?mark&amp;fm=avif&amp;blur=500&amp;px=5&amp;auto=enhance&amp;mark-alpha=0&amp;s=50c39b09cd292793b8766425e6a23358 100w" data-srcset="https://gtcdn.imgix.net/ex0i125iugb9ycdcgmn2qspsmeuv?mark&fm=avif&w=350&s=0034fa2bd90e8206b4eb14fdf76a4ff0 350w,
https://gtcdn.imgix.net/ex0i125iugb9ycdcgmn2qspsmeuv?mark&fm=avif&w=500&s=0733b2c6571a4a8f5b14723f8e3ef1ab 500w" sizes="100vw" data-src="https://gtcdn.imgix.net/ex0i125iugb9ycdcgmn2qspsmeuv?mark&fm=avif&s=ce43ea579033f7c2d840ba2f68d40393" > 
                  </div>
              </div>

              <div class="mb-3">
                <h3 class="fs-3">All Upcoming Dates</h3>
                <div
  data-controller="show-more"
  data-show-more-reveal-class="c-show_more-reveal"
  data-show-more-max_height-value="200"
  data-show-more-enabled-value= "true"
  data-show-more-sync-value= ""
  class="c-show_more-container  c-show_more-reveal"
>

  <div class="c-show_more-content" style="max-height: 200px;">
    
                  <div class="row gx-2 gy-2 me-4">
                      <div class="col-6 col-md-4 fs-5">
                        26/06/2026
                      </div>
                      <div class="col-6 col-md-4 fs-5">
                        27/06/2026
                      </div>
                      <div class="col-6 col-md-4 fs-5">
                        28/06/2026
                      </div>
                      <div class="col-6 col-md-4 fs-5">
                        03/07/2026
                      </div>
                      <div class="col-6 col-md-4 fs-5 fw-bold">
                        04/07/2026
                      </div>
                      <div class="col-6 col-md-4 fs-5">
                        05/07/2026
                      </div>
                      <div class="col-6 col-md-4 fs-5">
                        10/07/2026
                      </div>
                      <div class="col-6 col-md-4 fs-5">
                        11/07/2026
                      </div>
                      <div class="col-6 col-md-4 fs-5">
                        12/07/2026
                      </div>
                      <div class="col-6 col-md-4 fs-5">
                        17/07/2026
                      </div>
                      <div class="col-6 col-md-4 fs-5">
                        18/07/2026
                      </div>
                      <div class="col-6 col-md-4 fs-5">
                        19/07/2026
                      </div>
                      <div class="col-6 col-md-4 fs-5">
                        24/07/2026
                      </div>
                      <div class="col-6 col-md-4 fs-5">
                        25/07/2026
                      </div>
                      <div class="col-6 col-md-4 fs-5">
                        26/07/2026
                      </div>
                      <div class="col-6 col-md-4 fs-5">
                        31/07/2026
                      </div>
                      <div class="col-6 col-md-4 fs-5">
                        01/08/2026
                      </div>
                      <div class="col-6 col-md-4 fs-5">
                        02/08/2026
                      </div>
                      <div class="col-6 col-md-4 fs-5">
                        07/08/2026
                      </div>
                      <div class="col-6 col-md-4 fs-5">
                        08/08/2026
                      </div>
                      <div class="col-6 col-md-4 fs-5">
                        09/08/2026
                      </div>
                      <div class="col-6 col-md-4 fs-5">
                        14/08/2026
                      </div>
                      <div class="col-6 col-md-4 fs-5">
                        15/08/2026
                      </div>
                      <div class="col-6 col-md-4 fs-5">
                        16/08/2026
                      </div>
                      <div class="col-6 col-md-4 fs-5">
                        21/08/2026
                      </div>
                      <div class="col-6 col-md-4 fs-5">
                        22/08/2026
                      </div>
                      <div class="col-6 col-md-4 fs-5">
                        23/08/2026
                      </div>
                      <div class="col-6 col-md-4 fs-5">
                        28/08/2026
                      </div>
                      <div class="col-6 col-md-4 fs-5">
                        29/08/2026
                      </div>
                      <div class="col-6 col-md-4 fs-5">
                        30/08/2026
                      </div>
                  </div>

  </div>

  <div class="c-show_more-button_container" data-action="click->show-more#reveal" style="--conceal_color:var(--bs-white);">
    <div class="c-show_more-button">
                          <span class="btn btn-primary rounded-pill fs-4 mx-auto d-block w-fit">
                      Show More
                    </span>

    </div>
  </div>

</div>
              </div>

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

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

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