bootstrap popover not displaying django template

I've seen this question asked, but none of the answers helped my specific situation. I have a popover rendered in my django template. The idea is that when you click the popover, a link is displayed of the current url in order to share the page:

    <button 
          class='chaburah-detail-btn' 
          role="button" 
          type='button' 
          title="Share a link to this chaburah" 
          data-bs-toggle="popover" 
          data-bs-content='<div>
          <input type="text" value="http://localhost:8000/{{ request.path }}" readonly>
          <button href="http://localhost:8000/{{ request.path }}">Copy link</button>
          </div>'
          data-bs-container="body" 
          data-toggle="popover" 
          data-bs-html="true" 
          data-bs-sanitize="false"
          data-bs-placement="bottom">
          Share   
   </button>

As of now, the popover opens but displays an empty body content. Part of the issue is I'm not sure where to place javascript if needed, as in which template or where in the template. Is there something I'm missing within the actual button tag?