<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":"9th Port Festival","description":"The largest music festival of the island returns and opens its gates with Eleni Vitali and Violeta Ikari!","url":"https://events.go-thassos.gr/events/102","image":"https://cdn.go-thassos.gr/assets/gothassos_events/meta/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">17/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>Music</h2>

              <h3 class="fs-4">9th Port Festival</h3>

              <div class="mb-4"><div class="lexxy-content">
  <div>The largest music festival of the island returns and opens its gates with Eleni Vitali and Violeta Ikari!</div>
</div>
</div>


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


                  <div class="fs-3">
                    <span>Starts: <span>
                    <span>21:30</span></div>

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


              <div class="mb-3">
                <h3 class="d-none">Price</h3>
                <p class="mb-3"><div class="lexxy-content">
  <div>Presale ticket discount: 15€<br>Ticket Price: 17€</div>
</div>
</p>
              </div>

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





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

                  <div class="text-truncate">
                    <i class="fa-solid fa-share-nodes"></i>
                    <a href="https://www.facebook.com/events/1518024592485367" target="_blank" class="fs-5">https://www.facebook.com/events/1518024592485367</a>
                  </div>
              </div>

              <div class="event-image mb-3 mt-4">
                  <img class="w-100 mb-3 border lazyload d-nojs-none" alt="Event Poster" draggable="false" src="https://gtcdn.imgix.net/svqt58abwi9qnv5uvm5huk8v8f16?mark&fm=avif&blur=500&px=5&auto=enhance&mark-alpha=0&s=af0ef1bf1a915d06e5afa7b5c5f97052" srcset="https://gtcdn.imgix.net/svqt58abwi9qnv5uvm5huk8v8f16?mark&amp;fm=avif&amp;blur=500&amp;px=5&amp;auto=enhance&amp;mark-alpha=0&amp;s=af0ef1bf1a915d06e5afa7b5c5f97052 100w" data-srcset="https://gtcdn.imgix.net/svqt58abwi9qnv5uvm5huk8v8f16?mark&fm=avif&w=350&s=5d32907e018573b358381890cb242818 350w,
https://gtcdn.imgix.net/svqt58abwi9qnv5uvm5huk8v8f16?mark&fm=avif&w=500&s=9ff72b9d056a765aa1cbd3f0f8713484 500w" sizes="100vw" data-src="https://gtcdn.imgix.net/svqt58abwi9qnv5uvm5huk8v8f16?mark&fm=avif&s=a09c90f9e575887230e09a4020e7064e" > 
                  <img class="w-100 mb-3 border lazyload d-nojs-none" alt="Event Poster" draggable="false" src="https://gtcdn.imgix.net/0xyuie003yyzh1uj602gznn6mnl6?mark&fm=avif&blur=500&px=5&auto=enhance&mark-alpha=0&s=a76e12a8c53444a304ab277bcc732fb2" srcset="https://gtcdn.imgix.net/0xyuie003yyzh1uj602gznn6mnl6?mark&amp;fm=avif&amp;blur=500&amp;px=5&amp;auto=enhance&amp;mark-alpha=0&amp;s=a76e12a8c53444a304ab277bcc732fb2 100w" data-srcset="https://gtcdn.imgix.net/0xyuie003yyzh1uj602gznn6mnl6?mark&fm=avif&w=350&s=1b80c2efd8707221cd97a4ba70cdc800 350w,
https://gtcdn.imgix.net/0xyuie003yyzh1uj602gznn6mnl6?mark&fm=avif&w=500&s=f9dbbbdc43d7326853d7a5feff125dc5 500w" sizes="100vw" data-src="https://gtcdn.imgix.net/0xyuie003yyzh1uj602gznn6mnl6?mark&fm=avif&s=bcf1f86e6c2e41e936aae4ba5c8ccdbe" > 
              </div>


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

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

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