<turbo-stream action="update" target="remote_modal"><template>
  <turbo-frame id="remote_modal">
  <div class="modal fade" data-controller="modal"
       data-action="turbo:submit-end->modal#submitEnd keyup@window->modal#closeWithKeyboard click@window->modal#closeBackground">
    <div class="modal-dialog modal-lg">
      <div class="modal-content rounded-0 border shadow-sm position-relative" style="border-width: 10px !important; border-color: #C0C0C0 !important;">
        <button type="button" class="btn-close btn-sm position-absolute top-0 end-0 m-2" data-bs-dismiss="modal" aria-label="Close" style="z-index: 1050;"></button>
        <div class="modal-body remote_modal_body " id="remote_modal_body">
          
    <div class="row">
  <div class="col-xs-12 text-center">
    <img id="main-img" class="img-responsive" src="https://www.25karats.com/p/custom-jewelry-gallery/image_1/20/large_DSC_6241_16005_NMWB9285.jpg" />
  </div>

  <div class="col-xs-12 text-center" style="margin-top:5px;margin-bottom:5px;">
    <img class="custom_thumb" style="cursor:pointer" onclick="document.getElementById(&#39;main-img&#39;).src=&#39;https://www.25karats.com/p/custom-jewelry-gallery/image_1/20/large_DSC_6241_16005_NMWB9285.jpg&#39;" src="https://www.25karats.com/p/custom-jewelry-gallery/image_1/20/small_DSC_6241_16005_NMWB9285.jpg" />
  </div>

  <div class="col-12 p-5 pb-0 text-muted">
    <p>We have total flexibility in creating a new design for you. This style is one of our rings finished with a small change: Instead of setting the diamonds at the center, we opened the channel off-center. Different size diamonds were set half way instead of all around. We also finished the ring low dome shape instead of flat. Final ring was a new creation and a unique token to be worn for a lifetime. </p>
  </div>

</div>


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