<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":"Thassos Beer, Music, \u0026 Food Festival | Go Thassos","description":"Απολαύστε μια συναρπαστική εκδήλωση με ελληνικές μικροζυθοποιίες και μοναδικές γεύσεις street food, αλμυρές και γλυκές. Ζήστε δύο βραδιές ζωντανής μουσικής μ...","url":"https://events.go-thassos.gr/el/events/86","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">10/08/2024</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>Μουσική</h2>

              <h3 class="fs-4">Thassos Beer, Music, &amp; Food Festival</h3>

              <div class="mb-4"><div class="lexxy-content">
  Απολαύστε μια συναρπαστική εκδήλωση με ελληνικές μικροζυθοποιίες και μοναδικές γεύσεις street food, αλμυρές και γλυκές. Ζήστε δύο βραδιές ζωντανής μουσικής με DJ sets και συγκροτήματα, συμπεριλαμβανομένης μιας ξεχωριστής παράστασης από τον Στέλιο Ρόκκο.
</div>
</div>


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


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

              </div>


              <div class="mb-3">
                <h3 class="d-none">Τιμή</h3>
                <p class="mb-3"><div class="lexxy-content">
  Έκπτωση εισιτηρίων προπώλησης: 15€ (<a href="https://www.ticketservices.gr/event/stelios-rokkos-paei-thasos-beer-food-music-festival">αγοράστε εισιτήρια εδώ</a>)
</div>
</p>
              </div>

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






                  <div>
                    <i class="fa-solid fa-envelope"></i>
                    <a href="mailto:thasosbeerfest@gmail.com" target="_blank" class="fs-5">thasosbeerfest@gmail.com</a>
                  </div>

                  <div class="text-truncate">
                    <i class="fa-solid fa-share-nodes"></i>
                    <a href="https://www.facebook.com/events/433002629554308" target="_blank" class="fs-5">https://www.facebook.com/events/433002629554308</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">Φόρτωση...</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/47db8yadh4zsgukpji1srplwzqg2?mark&fm=avif&blur=500&px=5&auto=enhance&mark-alpha=0&s=67ef70f2630b446b26165592c9e45f41" srcset="https://gtcdn.imgix.net/47db8yadh4zsgukpji1srplwzqg2?mark&amp;fm=avif&amp;blur=500&amp;px=5&amp;auto=enhance&amp;mark-alpha=0&amp;s=67ef70f2630b446b26165592c9e45f41 100w" data-srcset="https://gtcdn.imgix.net/47db8yadh4zsgukpji1srplwzqg2?mark&fm=avif&w=350&s=426b0369f99b677712fb98f980e98176 350w,
https://gtcdn.imgix.net/47db8yadh4zsgukpji1srplwzqg2?mark&fm=avif&w=500&s=c7bea3468760a050093881ffaa175adf 500w" sizes="100vw" data-src="https://gtcdn.imgix.net/47db8yadh4zsgukpji1srplwzqg2?mark&fm=avif&s=463aa375284354cff37da1f9ecdc5202" > 
                  </div>
              </div>

              <div
                class="mb-3"
                data-controller="events--dates-calendar"
                data-events--dates-calendar-locale-value="el"
                data-events--dates-calendar-dates-value="[{&quot;date&quot;:&quot;2024-08-10&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">
                    Ημερομηνίες
                </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">Τοποθεσία</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.562366124195776,40.75101042614291/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>Γεωγραφικό πλάτος:</strong> <span>40.75101042614291</span></div>
                  <div class="d-none"><strong>Γεωγραφικό μήκος:</strong> <span>24.562366124195776</span></div>
                  <div class="d-grid gap-2">
                    <a href="https://www.google.com/maps/search/?api=1&amp;query=40.75101042614291,24.562366124195776" target="_blank" class="btn btn-primary btn-lg">
                      Λήψη οδηγιών
                    </a>
                  </div>
              </div>
          </div>

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