<turbo-stream action="update" target="interior-container"><template><div class="flex flex-col gap-3" id="parameter-container-interior">
  <div class="hidden lg:block">
      <div class="flex flex-col justify-between items-center lg:items-start gap-2">
    <div class="flex text-3xl">
          <span class="text-xl">
            Interior
          </span>
    </div>
  </div>
  </div>

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

  <turbo-stream action="append" target="image-container"><template>
    <script data-turbo-temporary="true">
      (function() {
        const interiorType = 'modern';

        // Wait for carousel controller to reconnect after turbo stream updates
        setTimeout(function() {
          // Find the element with ONLY carousel controller (not carousel-sync)
          const carouselElement = document.querySelector('[data-controller="carousel"]');

          if (carouselElement) {
            // Map interior type to slide index
            let slideIndex = 0;
            if (interiorType === 'japandi') {
              slideIndex = 2;
            } else if (interiorType === 'modern') {
              slideIndex = 3;
            }

            // Dispatch custom event to move carousel
            const event = new CustomEvent('carousel:goto', { detail: { index: slideIndex }, bubbles: true });
            carouselElement.dispatchEvent(event);
          } else {
            console.error('Carousel element not found');
          }

          // Remove this script tag after execution
          document.currentScript?.remove();
        }, 100);
      })();
    </script>
</template></turbo-stream>
  <turbo-stream action="update" target="parameter-container-summary"><template><div class="flex flex-col gap-3" id="parameter-container-summary">
  <div class="hidden lg:block">
      <div class="flex flex-col justify-between items-center lg:items-start gap-2">
    <div class="flex text-3xl">
          <span class="text-xl">
            <span class="translation_missing" title="translation missing: en.views.customise_qub.price">Price</span>
          </span>
    </div>
  </div>
  </div>

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

  <turbo-stream action="replace" target="reservation_interior_type"><template>
    <input type="hidden" name="interior_type" id="reservation_interior_type" value="modern" autocomplete="off" />
</template></turbo-stream>