<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 modal-dialog-scrollable modal-fullscreen-sm-down">
      <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="cdj-detail" data-controller="image-preview">
  <h2 class="cdj-heading h4 text-center mt-2 mb-3 px-4">Diamond Engagement Ring To Match Customer&#39;s Wedding Band</h2>

  <img class="cdj-detail-main img-fluid d-block mx-auto rounded" alt="Custom design Diamond Engagement Ring To Match Customer&#39;s Wedding Band" data-image-preview-target="main" src="https://s3.amazonaws.com/25k_assets/p/custom-jewelry-gallery/image_1/13/large_CM1_1_A.jpg" />

    <div class="d-flex justify-content-center gap-2 mt-3">
        <img class="cdj-detail-thumb rounded border" alt="Alternate view of Diamond Engagement Ring To Match Customer&#39;s Wedding Band" role="button" tabindex="0" data-src="https://s3.amazonaws.com/25k_assets/p/custom-jewelry-gallery/image_1/13/large_CM1_1_A.jpg" data-action="click-&gt;image-preview#show" src="https://s3.amazonaws.com/25k_assets/p/custom-jewelry-gallery/image_1/13/small_CM1_1_A.jpg" />
        <img class="cdj-detail-thumb rounded border" alt="Alternate view of Diamond Engagement Ring To Match Customer&#39;s Wedding Band" role="button" tabindex="0" data-src="https://s3.amazonaws.com/25k_assets/p/custom-jewelry-gallery/image_2/13/large_CM1_A.jpg" data-action="click-&gt;image-preview#show" src="https://s3.amazonaws.com/25k_assets/p/custom-jewelry-gallery/image_2/13/small_CM1_A.jpg" />
        <img class="cdj-detail-thumb rounded border" alt="Alternate view of Diamond Engagement Ring To Match Customer&#39;s Wedding Band" role="button" tabindex="0" data-src="https://s3.amazonaws.com/25k_assets/p/custom-jewelry-gallery/cad_image_1/13/large_CM1_B.jpg" data-action="click-&gt;image-preview#show" src="https://s3.amazonaws.com/25k_assets/p/custom-jewelry-gallery/cad_image_1/13/small_CM1_B.jpg" />
    </div>

    <div class="text-muted pt-3 px-1 px-md-4 pb-2">
      <p>You have a very lovely, sentimental wedding band, but you can't find any engagement ring to match it right.. This is a more common problem than you think, and we have the perfect solution: Creating a custom engagement ring to match your band! 
<br />This gorgeous diamond engagement ring is designed to match our customer's band finished with channel set round stones with milgrain, and a unique pattern on the shank. We used the same aspects, and added a lovely antique design right under the crown. Result was an excellent 1.16ct tw ring to complement her band!</p>
    </div>
</div>

<style>
.cdj-detail-main {
  max-height: 400px;
}
.cdj-detail-thumb {
  width: 64px;
  height: 64px;
  object-fit: cover;
  cursor: pointer;
}
.cdj-detail-thumb:hover,
.cdj-detail-thumb:focus-visible {
  border-color: var(--bs-dark) !important;
}
</style>


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