<turbo-stream action="update" target="remote_modal"><template>
  <turbo-frame id="remote_modal" target="_top">
  <div id="InfoModal" tabindex="-1" aria-hidden="true" class="fixed top-0 left-0 right-0 z-50 hidden w-full p-4 overflow-x-hidden overflow-y-auto md:inset-0 h-[calc(100%-1rem)] max-h-full" data-controller="modal">
    
    <!-- Modal header CLOSE Button -->
    <button type="button" class="absolute top-10 end-0 z-30 text-gray-900 bg-transparent" data-action="click->modal#hideModal">
      <svg aria-hidden="true" class="w-56 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
      <span class="sr-only">Close modal</span>
    </button>
 
    
    <div class="relative w-full max-w-7xl max-h-full" data-controller="carousel">
      <!-- Modal content -->
      <div class="relative bg-white rounded-lg shadow dark:bg-gray-700">

          <div data-carousel-target="image" class="">
            <img class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" src="https://lemontreecasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjE3LCJwdXIiOiJibG9iX2lkIn19--c146fbbcbdddc23356adca05f38c67e8f88a7f07/a%20Azul%20Gesamtansicht.jpg?locale=de" />
          </div>
          <div data-carousel-target="image" class="hidden">
            <img class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" src="https://lemontreecasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjE4LCJwdXIiOiJibG9iX2lkIn19--3afae98039403e10aaa58082ee0ae7dc50e3625f/b%20Azul%20Schrank.jpg?locale=de" />
          </div>
          <div data-carousel-target="image" class="hidden">
            <img class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" src="https://lemontreecasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjE5LCJwdXIiOiJibG9iX2lkIn19--f7c42240346dd306bfccc968edb6f4990e629f34/c%20AzulVerde%20Balkon.jpg?locale=de" />
          </div>
          <div data-carousel-target="image" class="hidden">
            <img class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" src="https://lemontreecasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjIwLCJwdXIiOiJibG9iX2lkIn19--327f04c9675b546bc6a85319eafcaf6cf9ad997e/d%20Azul%20Schreibtisch.jpg?locale=de" />
          </div>
          <div data-carousel-target="image" class="hidden">
            <img class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" src="https://lemontreecasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjIxLCJwdXIiOiJibG9iX2lkIn19--8492a3fcfe9bbf40a15dac27a375edfffc590c8e/e%20Bank%20Wohnzimmer.jpg?locale=de" />
          </div>
          <div data-carousel-target="image" class="hidden">
            <img class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" src="https://lemontreecasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjIyLCJwdXIiOiJibG9iX2lkIn19--c47d1238205bf627074e9722bdf2d4ee25059dd7/f%20Esstisch%20Wohnzimmer.jpg?locale=de" />
          </div>
          <div data-carousel-target="image" class="hidden">
            <img class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" src="https://lemontreecasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjIzLCJwdXIiOiJibG9iX2lkIn19--461345a9eb4f92dadbd104332dc2997945497e13/g%20Essentisch.jpg?locale=de" />
          </div>
          <div data-carousel-target="image" class="hidden">
            <img class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" src="https://lemontreecasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjI0LCJwdXIiOiJibG9iX2lkIn19--fa666e208480a7fcd7cac0e0d7df50a1a4af1945/i%20Wohnzimmer.jpg?locale=de" />
          </div>
          <div data-carousel-target="image" class="hidden">
            <img class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" src="https://lemontreecasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjI1LCJwdXIiOiJibG9iX2lkIn19--d37c7defac066d24f057fe29376f959ab051ef1f/j%20Badezimmer.jpg?locale=de" />
          </div>
          <div data-carousel-target="image" class="hidden">
            <img class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" src="https://lemontreecasa.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjI2LCJwdXIiOiJibG9iX2lkIn19--29f30d2ecdeee0f5b578a906a5db6e0081be9822/k%20Kpche.jpg?locale=de" />
          </div>
      
        <!-- Slider controls -->
        <button type="button" class="absolute top-0 start-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-action="click->carousel#previous">
            <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
                <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
                </svg>
                <span class="sr-only">Previous</span>
            </span>
        </button>
        <button type="button" class="absolute top-0 end-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none"  data-action="click->carousel#next">
            <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
                <svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
                </svg>
                <span class="sr-only">Next</span>
            </span>
        </button>
        
      </div>
    </div>
  </div>
</turbo-frame>
</template></turbo-stream>