Bootstrap５のモーダルウィンドウで削除確認ダイアログを作りたい

前提・実現したいこと

Bootstrap5のモーダルで削除確認ダイアログを作りたいと考えています。
DBに登録されているfoodというデータがリスト表示されていて削除ボタンを押すとモーダルが開き、モーダルの削除ボタンを押すとデータ削除のメソッドが動く様にしたいです。
データ削除のメソッドはDjangoのDeleteViewを使っていてpkを受け取ったらそのデータを削除するシンプルなものです。

発生している問題

モーダルを開くところまではできているのですが、モーダルの削除ボタンからデータ削除メソッドを呼び出す方法がわかりません。
どなたかご教授いただければ幸いです…

該当のソースコード

 <tbody>
            {% for food in foods %}            
                <tr>
                   <td>{{ food.name }}</td>
                   <!-- Button trigger modal -->
                   <td><a href="{% url 'delete' food.pk %}" button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#deleteModal" >削除</a></td>                    
                </tr>
            {% endfor %}
        </tbody>   
    </table>
</div>
<!-- Modal -->
<div class="modal fade" id="deleteModal" tabindex="-1" aria-labelledby="deleteModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="deleteModalLabel">削除確認</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
          <form action="" method="POST">
              {% csrf_token %}
              <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
              <button type="submit" class="btn btn-primary">削除</button>
          </form>
      </div>
    </div>
  </div>
</div>