<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">Hand Engraved And Braided Platinum - Yellow Gold Ring</h2>

  <img class="cdj-detail-main img-fluid d-block mx-auto rounded" alt="Custom design Hand Engraved And Braided Platinum - Yellow Gold Ring" data-image-preview-target="main" src="https://s3.amazonaws.com/25k_assets/p/custom-jewelry-gallery/image_1/16/large_DSC_8496_17315_NMENR9570.jpg" />

    <div class="d-flex justify-content-center gap-2 mt-3">
        <img class="cdj-detail-thumb rounded border" alt="Alternate view of Hand Engraved And Braided Platinum - Yellow Gold Ring" role="button" tabindex="0" data-src="https://s3.amazonaws.com/25k_assets/p/custom-jewelry-gallery/image_1/16/large_DSC_8496_17315_NMENR9570.jpg" data-action="click-&gt;image-preview#show" src="https://s3.amazonaws.com/25k_assets/p/custom-jewelry-gallery/image_1/16/small_DSC_8496_17315_NMENR9570.jpg" />
        <img class="cdj-detail-thumb rounded border" alt="Alternate view of Hand Engraved And Braided Platinum - Yellow Gold Ring" role="button" tabindex="0" data-src="https://s3.amazonaws.com/25k_assets/p/custom-jewelry-gallery/image_2/16/large_DSC_8497_17315_NMENR9570.jpg" data-action="click-&gt;image-preview#show" src="https://s3.amazonaws.com/25k_assets/p/custom-jewelry-gallery/image_2/16/small_DSC_8497_17315_NMENR9570.jpg" />
        <img class="cdj-detail-thumb rounded border" alt="Alternate view of Hand Engraved And Braided Platinum - Yellow Gold Ring" role="button" tabindex="0" data-src="https://s3.amazonaws.com/25k_assets/p/custom-jewelry-gallery/cad_image_1/16/large_Nevy_106_Po__Wendy2_render_9.jpg" data-action="click-&gt;image-preview#show" src="https://s3.amazonaws.com/25k_assets/p/custom-jewelry-gallery/cad_image_1/16/small_Nevy_106_Po__Wendy2_render_9.jpg" />
    </div>

    <div class="text-muted pt-3 px-1 px-md-4 pb-2">
      <p>A picture of a lost ring inspired this masterpiece! A true beauty, the design was created at CAD software first. Although it looks like a one piece model, it was printed and cast in seven different pieces, in platinum and yellow gold. Our jeweler assembled the pieces on the bench. Handmade braid was added by laser machine. Design was hand engraved after customer's impressive green sapphire was set. When complete, the ring was a statement to expert jewelry making in every aspect. We would like to thank our lovely customer for inspiring and challenging us.  
</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>