<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/15/large_CM_black_diamond.jpeg" />
  </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/15/large_CM_black_diamond.jpeg&#39;" src="https://www.25karats.com/p/custom-jewelry-gallery/image_1/15/small_CM_black_diamond.jpeg" />
  </div>

  <div class="col-12 p-5 pb-0 text-muted">
    <p>Our customer asked for a 5-stone black diamond ring with an antique look. We suggested a plain-shank design for the base with shared prongs. We cast the band in 14K gold, and our model maker reshaped the shank to give it a pinched edge look. After that, the shank was hand engraved for an antique look. </p>
  </div>

</div>


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