django-dynamic-formset | A jQuery plugin that allows you dynamically add new forms to a rendered django formset | Frontend Framework library

I am trying to combine all mentioned in the title with always something missing. I've gone through all possible posts that I could find and still am not sure what to do.

So I basically have two models, which are master-detail. When I use plain django stuff - everything is OK, but in detail model I have more than 10000 elements, and classic select field is impossible to use. So I switched to select2 through django-select2 module. I somehow managed to put everything together, but then had to add django-dynamic-formset to be able to dynamically add new rows if I need more than three that django renders by default. Again, I managed to make everything work, had some issues while I put everything together, but now I have two issues.

If I leave this peace of code in jquery.formset.js:

I am trying to make a form which includes the functionality of Add/Delete Row. And I am following this tutorial.

The problem that I am facing is that I am unable to show the Add or remove button as well as the input fields in the form.

Screenshot:

Here's the template:

I am using Django formttools to create a multistep wizard. In one of the forms I have a question option where users need to add as many question as may be need. I have achieved the dynamic formsets through Django Dynamic Formset but although I have the {% csrf_token %} in my template I still get CSRF issues. Here is my template:

When I'm trying to remove a row, the formset send me the following error [{}, {}, {}, {'id': ['This field is required']}]. If I change the following parameter can_delete=True inside the modelformset_factory, I can delete object but rows stays display even after I pressed the remove button. I tried to add {% if form.instance.pk %}{{ form.DELETE }}{% endif %} in the template, it didn't change anything.

I am using django 2.2 and django-dynamic-formset, the country_fr/en come from modeltranslation.

Views