<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":"Live Greek Night at The Cellar Tavern","description":"📍 Agios Georgios, Rachoni Experience an authentic Greek night at Tavern Cellar, featuring live music and Angela on vocals! Enjoy delicious food and drinks, d...","url":"https://events.go-thassos.gr/events/731","image":"https://gtcdn.imgix.net/qtwd3xumx0pw4plvnvliajj1uq8z?mark\u0026w=1200\u0026h=630\u0026fit=crop\u0026auto=enhance\u0026fm=png\u0026s=cb10d38d79ffae91c61a43bbd2b8150f"};</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">24/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/qtwd3xumx0pw4plvnvliajj1uq8z?ar=1.91%3A1&fit=scale&mark&fm=avif&blur=500&px=5&auto=enhance&mark-alpha=0&s=32904c6fd49e0b8ecdb20ee5ac438ffe" srcset="https://gtcdn.imgix.net/qtwd3xumx0pw4plvnvliajj1uq8z?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=32904c6fd49e0b8ecdb20ee5ac438ffe 100w" data-srcset="https://gtcdn.imgix.net/qtwd3xumx0pw4plvnvliajj1uq8z?ar=1.91%3A1&fit=scale&mark&fm=avif&w=350&s=47eb179403c337dfe0f3ac78fc50d353 350w,
https://gtcdn.imgix.net/qtwd3xumx0pw4plvnvliajj1uq8z?ar=1.91%3A1&fit=scale&mark&fm=avif&w=500&s=e4cf74184da1fa8a883baf05e0c4c4b3 500w" sizes="100vw" data-src="https://gtcdn.imgix.net/qtwd3xumx0pw4plvnvliajj1uq8z?ar=1.91%3A1&fit=scale&mark&fm=avif&s=e4fad38da51f0cdba7d1ec9c96fc84aa" > 
            </div>

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

              <h3 class="fs-4">Live Greek Night at The Cellar Tavern</h3>

              <div class="mb-4"><div class="lexxy-content">
  <p>📍 <i><strong>Agios Georgios, Rachoni</strong></i><br><br>Experience an authentic Greek night at Tavern Cellar, featuring live music and Angela on vocals!</p><p>Enjoy delicious food and drinks, dance to well-loved Greek songs, and join the fun with traditional plate smashing. </p><p>A memorable evening filled with music, celebration, and genuine Greek hospitality.</p>
</div>
</div>


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


                  <div class="fs-3">
                    <span>Starts: <span>
                    <span>20:00</span></div>

                  <div class="fs-3">
                    <span>Ends: </span>
                    <span>00:00</span>
                  </div>
              </div>



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


                  <div>Reservations</div>

                  <div>
                    <i class="fa-solid fa-mobile-screen-button"></i>
                    <a href="tel:00306944737779" target="_blank" class="fs-5">+30 694 473 7779</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/he6kz1xo5ar7fm10wqfrh6ftfn1w?mark&fm=avif&blur=500&px=5&auto=enhance&mark-alpha=0&s=da2cf7a0807f4ab2692bf364e03038ea" srcset="https://gtcdn.imgix.net/he6kz1xo5ar7fm10wqfrh6ftfn1w?mark&amp;fm=avif&amp;blur=500&amp;px=5&amp;auto=enhance&amp;mark-alpha=0&amp;s=da2cf7a0807f4ab2692bf364e03038ea 100w" data-srcset="https://gtcdn.imgix.net/he6kz1xo5ar7fm10wqfrh6ftfn1w?mark&fm=avif&w=350&s=98392232d8bb975b8ee7c167247e7274 350w,
https://gtcdn.imgix.net/he6kz1xo5ar7fm10wqfrh6ftfn1w?mark&fm=avif&w=500&s=882849f2d855d9fbd978b84bd1e36e12 500w" sizes="100vw" data-src="https://gtcdn.imgix.net/he6kz1xo5ar7fm10wqfrh6ftfn1w?mark&fm=avif&s=6da0d67f9fa95c185897cbb8eb96098e" > 
                  </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-07-26&quot;,&quot;status&quot;:true,&quot;current&quot;:false},{&quot;date&quot;:&quot;2026-07-31&quot;,&quot;status&quot;:true,&quot;current&quot;:false},{&quot;date&quot;:&quot;2026-08-01&quot;,&quot;status&quot;:true,&quot;current&quot;:false},{&quot;date&quot;:&quot;2026-08-02&quot;,&quot;status&quot;:true,&quot;current&quot;:false},{&quot;date&quot;:&quot;2026-08-07&quot;,&quot;status&quot;:true,&quot;current&quot;:false},{&quot;date&quot;:&quot;2026-08-08&quot;,&quot;status&quot;:true,&quot;current&quot;:false},{&quot;date&quot;:&quot;2026-08-09&quot;,&quot;status&quot;:true,&quot;current&quot;:false},{&quot;date&quot;:&quot;2026-08-14&quot;,&quot;status&quot;:true,&quot;current&quot;:false},{&quot;date&quot;:&quot;2026-08-15&quot;,&quot;status&quot;:true,&quot;current&quot;:false},{&quot;date&quot;:&quot;2026-08-16&quot;,&quot;status&quot;:true,&quot;current&quot;:false},{&quot;date&quot;:&quot;2026-08-21&quot;,&quot;status&quot;:true,&quot;current&quot;:false},{&quot;date&quot;:&quot;2026-08-22&quot;,&quot;status&quot;:true,&quot;current&quot;:false},{&quot;date&quot;:&quot;2026-08-23&quot;,&quot;status&quot;:true,&quot;current&quot;:false},{&quot;date&quot;:&quot;2026-08-28&quot;,&quot;status&quot;:true,&quot;current&quot;:false},{&quot;date&quot;:&quot;2026-08-29&quot;,&quot;status&quot;:true,&quot;current&quot;:false},{&quot;date&quot;:&quot;2026-08-30&quot;,&quot;status&quot;:true,&quot;current&quot;:false},{&quot;date&quot;:&quot;2026-09-04&quot;,&quot;status&quot;:true,&quot;current&quot;:false},{&quot;date&quot;:&quot;2026-09-05&quot;,&quot;status&quot;:true,&quot;current&quot;:false},{&quot;date&quot;:&quot;2026-09-06&quot;,&quot;status&quot;:true,&quot;current&quot;:false},{&quot;date&quot;:&quot;2026-09-11&quot;,&quot;status&quot;:true,&quot;current&quot;:false},{&quot;date&quot;:&quot;2026-09-12&quot;,&quot;status&quot;:true,&quot;current&quot;:false},{&quot;date&quot;:&quot;2026-09-13&quot;,&quot;status&quot;:true,&quot;current&quot;:false},{&quot;date&quot;:&quot;2026-09-18&quot;,&quot;status&quot;:true,&quot;current&quot;:false},{&quot;date&quot;:&quot;2026-09-19&quot;,&quot;status&quot;:true,&quot;current&quot;:false},{&quot;date&quot;:&quot;2026-09-20&quot;,&quot;status&quot;:true,&quot;current&quot;:false},{&quot;date&quot;:&quot;2026-09-25&quot;,&quot;status&quot;:true,&quot;current&quot;:false},{&quot;date&quot;:&quot;2026-09-26&quot;,&quot;status&quot;:true,&quot;current&quot;:false},{&quot;date&quot;:&quot;2026-09-27&quot;,&quot;status&quot;:true,&quot;current&quot;:false}]"
              >
                <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>Agios Georgios, Thassos</span>
                  </h3>

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

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