<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/eyJfcmFpbHMiOnsiZGF0YSI6MTcxLCJwdXIiOiJibG9iX2lkIn19--897ff9ec92ba5ade984c04544d3104079badebdc/a...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/eyJfcmFpbHMiOnsiZGF0YSI6MTcyLCJwdXIiOiJibG9iX2lkIn19--c91a45bb5b69c9ed1d47248b565c374bf90549b3/b...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/eyJfcmFpbHMiOnsiZGF0YSI6MTczLCJwdXIiOiJibG9iX2lkIn19--f014a5d89a7795b3d29d5f5e08b251830de16e8f/Badezimmer.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/eyJfcmFpbHMiOnsiZGF0YSI6MTc0LCJwdXIiOiJibG9iX2lkIn19--f542fea494f7de40f3ba18096e80ae5a796a1f7e/c...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/eyJfcmFpbHMiOnsiZGF0YSI6MTc1LCJwdXIiOiJibG9iX2lkIn19--a78f82585640a09f1067c7736c91acbeabb60149/d...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/eyJfcmFpbHMiOnsiZGF0YSI6MTc2LCJwdXIiOiJibG9iX2lkIn19--7e891d15ab2d3c732cc61aa39d170f0a2c60c2a7/e.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/eyJfcmFpbHMiOnsiZGF0YSI6MTc3LCJwdXIiOiJibG9iX2lkIn19--30e2cc2c8bfc00615d6d74a7754e9db2802b6f11/f.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/eyJfcmFpbHMiOnsiZGF0YSI6MTc4LCJwdXIiOiJibG9iX2lkIn19--17a472c5410b754c6562f9517f9f5832d6ef7738/h.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/eyJfcmFpbHMiOnsiZGF0YSI6MTc5LCJwdXIiOiJibG9iX2lkIn19--21ce7ca8155e9348e76672e147a92c4713d1f738/i.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/eyJfcmFpbHMiOnsiZGF0YSI6MTgwLCJwdXIiOiJibG9iX2lkIn19--7c4fc0c1e21ff7d173d42aa0973d4193c3f26e65/K%C3%BCche.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>