Передача значения во всплывающее окно Django

У меня есть некоторое описание и я хочу получить его во всплывающем окне. Затем я нажимаю на div с кнопкой type я должен получить значение во всплывающем окне

<div class="content-wrapper bg-white">
  <!-- container -->
  <div class="container-fluid">
    <div class="page-body inner-page">
      <div class="row">
        <div class="col-xs-12 col-sm-6">
          <div class="inner-page-header">
            <div class="col-xs-12 col-sm-4 col-lg-3" style="margin-bottom: 25px; mso-hide: all">
             {% if text.description  %}
               <div class="col-xs-12"  type="button"  data-toggle="modal" data-    target="#exampleModal" >
          {{ text.description }}
          </div>
           {% endif %}
         </div>
       </div>
     </div>
   </div>
  </div>
</div>
</div>

этот компонент кода, откуда я должен получить {{ text.description }}. Но мое модальное окно находится в base.html, и я не знаю, как должен пузыриться {{ text.description }}, который изменяется динамически (я хочу - затем я нажимаю на некоторые из них - в модальном окне получаю {{ text.description }} точно это.

<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
 <div class="modal-dialog modal-dialog-scrollable" role="document">
   <div class="modal-content">
     <div class="modal-header">
       <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
       <button type="button" class="close" data-dismiss="modal" aria-label="Close">
         <span aria-hidden="true">&times;</span>
       </button>
     </div>
     <div class="modal-body">
        {% if text.description  %}
           {{ text.description }}
        {% endif %}}
    </div>
     <div class="modal-footer">
       <button type="button" data-dismiss="modal" >Close</button>
     </div>
   </div>
 </div>
</div>

Пожалуйста, помогите мне

Вернуться на верх