<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":"DJ STIV στο Barcode Seaside","description":"📍Barcode Seaside, Ποτός Ετοιμαστείτε για μια δυναμική βραδιά με τον DJ STIV στο Barcode Seaside. Με δυνατά beats, έντονη party ατμόσφαιρα και ανεβασμένη club...","url":"https://events.go-thassos.gr/el/events/675","image":"https://gtcdn.imgix.net/63nn7x1v24caexh9igg3b0relkrv?mark\u0026w=1200\u0026h=630\u0026fit=crop\u0026auto=enhance\u0026fm=png\u0026s=789ada901d6a97c4d5c2025ad21669ee"};</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">26/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/63nn7x1v24caexh9igg3b0relkrv?ar=1.91%3A1&fit=scale&mark&fm=avif&blur=500&px=5&auto=enhance&mark-alpha=0&s=ead42ce4ef025d893e38e2c0a4692ac5" srcset="https://gtcdn.imgix.net/63nn7x1v24caexh9igg3b0relkrv?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=ead42ce4ef025d893e38e2c0a4692ac5 100w" data-srcset="https://gtcdn.imgix.net/63nn7x1v24caexh9igg3b0relkrv?ar=1.91%3A1&fit=scale&mark&fm=avif&w=350&s=8746454cb4e09beeb7181e9d220e5487 350w,
https://gtcdn.imgix.net/63nn7x1v24caexh9igg3b0relkrv?ar=1.91%3A1&fit=scale&mark&fm=avif&w=500&s=c238eee01943793f9378e1b9c6528af2 500w" sizes="100vw" data-src="https://gtcdn.imgix.net/63nn7x1v24caexh9igg3b0relkrv?ar=1.91%3A1&fit=scale&mark&fm=avif&s=2179ed538e06acd586aa0d0a7b91d3e8" > 
            </div>

          <div class="p-3">
              <h2>Πάρτι</h2>

              <h3 class="fs-4">DJ STIV στο Barcode Seaside</h3>

              <div class="mb-4"><div class="lexxy-content">
  <p>📍<i><strong>Barcode Seaside, Ποτός</strong></i><br><br>Ετοιμαστείτε για μια δυναμική βραδιά με τον<strong> DJ STIV </strong>στο Barcode Seaside.</p><p><br></p><p>Με δυνατά beats, έντονη party ατμόσφαιρα και ανεβασμένη club διάθεση, η εκδήλωση είναι ιδανική για όσους θέλουν να απολαύσουν μια ζωντανή βραδιά διασκέδασης δίπλα στη θάλασσα.</p>
</div>
</div>


              <div class="mb-3">
                <h3 class="d-none">Ώρες</h3>


                  <div class="fs-3">
                    <span>Έναρξη: <span>
                    <span>21:30</span></div>

              </div>



              <div class="mb-3">
                <h3 class="fs-3">Πληροφορίες</h3>


                  <div>Κρατήσεις</div>

                  <div>
                    <i class="fa-solid fa-phone"></i>
                    <a href="tel:00306978108883" target="_blank" class="fs-5">+30 697 810 8883</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/p31enjrsvpp9jmt3u93dt4xur6nt?mark&fm=avif&blur=500&px=5&auto=enhance&mark-alpha=0&s=35eaf41ce03c243d11a453519514d2e2" srcset="https://gtcdn.imgix.net/p31enjrsvpp9jmt3u93dt4xur6nt?mark&amp;fm=avif&amp;blur=500&amp;px=5&amp;auto=enhance&amp;mark-alpha=0&amp;s=35eaf41ce03c243d11a453519514d2e2 100w" data-srcset="https://gtcdn.imgix.net/p31enjrsvpp9jmt3u93dt4xur6nt?mark&fm=avif&w=350&s=5e08bd62b7a7b79e35f88ddccded4ead 350w,
https://gtcdn.imgix.net/p31enjrsvpp9jmt3u93dt4xur6nt?mark&fm=avif&w=500&s=6113446b1b6b35038a1f85ffc2f65ac9 500w" sizes="100vw" data-src="https://gtcdn.imgix.net/p31enjrsvpp9jmt3u93dt4xur6nt?mark&fm=avif&s=0ab2b47c490414d6d12393c672641258" > 
                  </div>
              </div>

              <div class="mb-3">
                <h3 class="fs-3">Επερχόμενες Ημερομηνίες</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 fw-bold">
                        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">
                        03/07/2026
                      </div>
                      <div class="col-6 col-md-4 fs-5">
                        04/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">
                        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">
                        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">
                        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">
                        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">
                        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">
                        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">
                        28/08/2026
                      </div>
                      <div class="col-6 col-md-4 fs-5">
                        29/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">
                      Δείτε περισσότερα
                    </span>

    </div>
  </div>

</div>
              </div>

              <div>
                  <h3>
                    <span class="visually-hidden">Τοποθεσία</span>
                    <i class="fa-solid fa-location-dot me-1"></i>
                      <span>Ποτός, Θάσος</span>
                  </h3>

                  <img
                    src="https://api.mapbox.com/styles/v1/gothassos2/cjkjqn0hu4os72ss2t2tqt5oy/static/pin-l+ffea00(24.6057,40.61012/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.61012</span></div>
                  <div class="d-none"><strong>Longitude:</strong> <span>24.6057</span></div>
                  <div class="d-grid gap-2">
                    <a href="https://www.google.com/maps/search/?api=1&amp;query=40.61012,24.6057" target="_blank" class="btn btn-primary btn-lg">
                      Λήψη οδηγιών
                    </a>
                  </div>
              </div>
          </div>

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