Форма Django не отображается во всплывающем модальном окне Bootstrap 5

Проблема

Я пытаюсь перенести текущую форму на новую страницу в модальное окно, которое появляется на текущей странице, но я не могу заставить поля формы отображаться.

У меня есть мысли, что это может быть связано с моими урлами или вид, который работал ранее, не работает с модальным всплывающим окном.

Виды

class AssetView(TemplateView):
    template_name = 'coinprices/my-dashboard.html'

    def get(self, request, **kwargs):
        form_a = AssetForm(prefix='form_a')
        return render(request, self.template_name, {
            'form_a': form_a
        })

    def post(self, request):
        form_a = AssetForm(request.POST, prefix='form_a')
        if form_a.is_valid():
            post = form_a.save(commit=False)
            post.user = request.user
            post.save()
            return redirect('dashboard')

        args = {
            'form_a': form_a
        }
        return render(request, self.template_name, args)

HTML

    <!-- Button trigger modal -->
<button type="button" class="btn btn-outline-success btn-sm" data-bs-toggle="modal" data-bs-target="#exampleModal">
  Add Asset
</button>

<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <form method="post">
            {% csrf_token %}
            {{ form_a.as_p }}
            <button class="btn btn-outline-success btn-sm">Confirm</button>
        </form>
            <a href="/coinprices/my-dashboard">
            <button class="btn btn btn-outline-dark btn-sm">Dashboard</button>
            </a>
      </div>
    </div>
  </div>
</div>

urlpatterns = [
    path('my-dashboard/', get_asset_price, name='dashboard'),
    path('my-dashboard/', AssetView.as_view(template_name='coinprices/my-dashboard.html'), name='asset'),
]

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