<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 Music at Ta Platania Tavern | Go Thassos","description":"📍 4th km from Skala Potamia to Kinira A beautiful summer evening awaits under the plane trees, in a warm and welcoming seaside setting. Enjoy live music, a r...","url":"https://events.go-thassos.gr/events/640","image":"https://gtcdn.imgix.net/m3r7upjlz91sa8lkfnu1v78tyljj?mark\u0026w=1200\u0026h=630\u0026fit=crop\u0026auto=enhance\u0026fm=png\u0026s=c859a8a280c72e2ef764daf223f37a48"};</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">27/06/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/m3r7upjlz91sa8lkfnu1v78tyljj?ar=1.91%3A1&fit=scale&mark&fm=avif&blur=500&px=5&auto=enhance&mark-alpha=0&s=9ff0adb64cc9d113c9b6a1bfa5b54f78" srcset="https://gtcdn.imgix.net/m3r7upjlz91sa8lkfnu1v78tyljj?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=9ff0adb64cc9d113c9b6a1bfa5b54f78 100w" data-srcset="https://gtcdn.imgix.net/m3r7upjlz91sa8lkfnu1v78tyljj?ar=1.91%3A1&fit=scale&mark&fm=avif&w=350&s=b1b908b68a4711a2e7700eb39c842f15 350w,
https://gtcdn.imgix.net/m3r7upjlz91sa8lkfnu1v78tyljj?ar=1.91%3A1&fit=scale&mark&fm=avif&w=500&s=212fe6fb3fa1f720abaf3cd3306fb419 500w" sizes="100vw" data-src="https://gtcdn.imgix.net/m3r7upjlz91sa8lkfnu1v78tyljj?ar=1.91%3A1&fit=scale&mark&fm=avif&s=fa5dfa1e153a4fc3e655da4bcac33fee" > 
            </div>

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

              <h3 class="fs-4">Live Music at Ta Platania Tavern</h3>

              <div class="mb-4"><div class="lexxy-content">
  <p><strong>📍 4th km from Skala Potamia to Kinira</strong></p><p>A beautiful summer evening awaits under the plane trees, in a warm and welcoming seaside setting.</p><p>Enjoy live music, a relaxed atmosphere, and the authentic feeling of a Greek taverna, in a place where nature meets flavor.</p><p>A perfect choice for friends, families, and anyone looking to enjoy a pleasant evening with music, good vibes, and a true summer atmosphere.</p>
</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:00306974973210" 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 6974973210
          </a>
        </div>
          <div class="d-flex mb-3 chat-app-wrapper-sms">
            <a href="sms://+306974973210" 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/0e40ti4njlh0x6vo3uvfi2ilo33g?mark&fm=avif&blur=500&px=5&auto=enhance&mark-alpha=0&s=c363c4a068573627105da01a632d3f5a" srcset="https://gtcdn.imgix.net/0e40ti4njlh0x6vo3uvfi2ilo33g?mark&amp;fm=avif&amp;blur=500&amp;px=5&amp;auto=enhance&amp;mark-alpha=0&amp;s=c363c4a068573627105da01a632d3f5a 100w" data-srcset="https://gtcdn.imgix.net/0e40ti4njlh0x6vo3uvfi2ilo33g?mark&fm=avif&w=350&s=f3516190b569153c087167da41eff509 350w,
https://gtcdn.imgix.net/0e40ti4njlh0x6vo3uvfi2ilo33g?mark&fm=avif&w=500&s=15b862a6bd33d207676026601230d089 500w" sizes="100vw" data-src="https://gtcdn.imgix.net/0e40ti4njlh0x6vo3uvfi2ilo33g?mark&fm=avif&s=c9b187503e0d7071f1110c3c1c4832b9" > 
                  </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-06-13&quot;,&quot;status&quot;:true,&quot;current&quot;:false},{&quot;date&quot;:&quot;2026-06-20&quot;,&quot;status&quot;:true,&quot;current&quot;:false},{&quot;date&quot;:&quot;2026-06-27&quot;,&quot;status&quot;:true,&quot;current&quot;:true},{&quot;date&quot;:&quot;2026-07-04&quot;,&quot;status&quot;:true,&quot;current&quot;:false},{&quot;date&quot;:&quot;2026-07-11&quot;,&quot;status&quot;:true,&quot;current&quot;:false},{&quot;date&quot;:&quot;2026-07-18&quot;,&quot;status&quot;:true,&quot;current&quot;:false},{&quot;date&quot;:&quot;2026-07-25&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-08&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-22&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-09-05&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}]"
                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>Near Skala Potamia, Thassos</span>
                  </h3>

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

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