<turbo-stream action="update" target="modal_placeholder"><template>

  
<div class = "video-modal" id = "video-modal" tabindex = "-1" data-controller = "video-modal">

  <button type = "button" class = "video-modal-close-button" data-action = "click->video-modal#cancel">
    &#10006 <!-- Bold (heavy) X Close Button Character -->
  </button>

  <div class = "video-modal-container" id = "video-modal-container">
    <div class = "embedded-video-container">
    
  <div class="embedded-video-loading-spinner"></div>
  
  <iframe class="embedded-video-iframe" src="https://www.youtube.com/embed/PmnbGZe-OpU?rel=0&amp;modestbranding=0" title="YouTube video player" frameborder="0" allowfullscreen="allowfullscreen" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" onload="this.previousElementSibling.style.display=&#39;none&#39;;"></iframe>
  
</div>

  </div>

</div>


</template></turbo-stream>
