<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":"Ochi Day","description":"Ochi Day, celebrated on October 28, commemorates Greece's rejection of an ultimatum by Italy in 1940, demanding the Axis powers be allowed to occupy Greek te...","url":"https://events.go-thassos.gr/events/122","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">28/10/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>Parade</h2>

              <h3 class="fs-4">Ochi Day</h3>

              <div class="mb-4"><div class="lexxy-content">
  Ochi Day, celebrated on October 28, commemorates Greece's rejection of an ultimatum by Italy in 1940, demanding the Axis powers be allowed to occupy Greek territory. This refusal led Greece into World War II, symbolizing Greek resistance and courage. Celebrations include military parades, school events, and wreath-laying ceremonies to honor those who fought in the conflict.
</div>
</div>


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


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

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

              <div class="text-success fs-3 mb-3">
                FREE ENTRY
              </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/4hcpft1fcbhbcosmqrjbjm7jdp02?mark&fm=avif&blur=500&px=5&auto=enhance&mark-alpha=0&s=476f7c4332cf427807fbd9cff3a87e63" srcset="https://gtcdn.imgix.net/4hcpft1fcbhbcosmqrjbjm7jdp02?mark&amp;fm=avif&amp;blur=500&amp;px=5&amp;auto=enhance&amp;mark-alpha=0&amp;s=476f7c4332cf427807fbd9cff3a87e63 100w" data-srcset="https://gtcdn.imgix.net/4hcpft1fcbhbcosmqrjbjm7jdp02?mark&fm=avif&w=350&s=b0aeba8d754679613d6713144dc7f85d 350w,
https://gtcdn.imgix.net/4hcpft1fcbhbcosmqrjbjm7jdp02?mark&fm=avif&w=500&s=37e66ffad96910e164040bc90d7c00db 500w" sizes="100vw" data-src="https://gtcdn.imgix.net/4hcpft1fcbhbcosmqrjbjm7jdp02?mark&fm=avif&s=770d52f8bb74dcb8d9bbe93be63e2de0" > 
              </div>


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

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

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