<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">Bezel Set Platinum Solitaire Engagement Ring</h2>

  <img class="cdj-detail-main img-fluid d-block mx-auto rounded" alt="Custom design Bezel Set Platinum Solitaire Engagement Ring" data-image-preview-target="main" src="https://s3.amazonaws.com/25k_assets/p/custom-jewelry-gallery/image_1/31/large_DSC_9331.jpg" />

    <div class="d-flex justify-content-center gap-2 mt-3">
        <img class="cdj-detail-thumb rounded border" alt="Alternate view of Bezel Set Platinum Solitaire Engagement Ring" role="button" tabindex="0" data-src="https://s3.amazonaws.com/25k_assets/p/custom-jewelry-gallery/image_1/31/large_DSC_9331.jpg" data-action="click-&gt;image-preview#show" src="https://s3.amazonaws.com/25k_assets/p/custom-jewelry-gallery/image_1/31/small_DSC_9331.jpg" />
        <img class="cdj-detail-thumb rounded border" alt="Alternate view of Bezel Set Platinum Solitaire Engagement Ring" role="button" tabindex="0" data-src="https://s3.amazonaws.com/25k_assets/p/custom-jewelry-gallery/image_2/31/large_DSC_9332.jpg" data-action="click-&gt;image-preview#show" src="https://s3.amazonaws.com/25k_assets/p/custom-jewelry-gallery/image_2/31/small_DSC_9332.jpg" />
        <img class="cdj-detail-thumb rounded border" alt="Alternate view of Bezel Set Platinum Solitaire Engagement Ring" role="button" tabindex="0" data-src="https://s3.amazonaws.com/25k_assets/p/custom-jewelry-gallery/cad_image_1/31/large_Nevy_120_Po_Jimmy-v1_render_1.jpg" data-action="click-&gt;image-preview#show" src="https://s3.amazonaws.com/25k_assets/p/custom-jewelry-gallery/cad_image_1/31/small_Nevy_120_Po_Jimmy-v1_render_1.jpg" />
    </div>

    <div class="text-muted pt-3 px-1 px-md-4 pb-2">
      <p>This elegant engagement ring was built for our customer's 2ct+ round diamond. We worked with our customer every step of the way while building this ring. He had several 'must's in his mind and we matched his criteria to realize his dream design. Our customer was a local. He was present when our setter was setting the diamond and when our polisher was working to finish it. Creating this ring and finishing it was as pleasurable an experience for us as for him. 
</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>