Django: add fields of the related model (ForeignKey) in the form

Question

I have main model Entertainment and related model EntertainmentCollage. Now i'm doing edditing page for my models in which I will need to transfer for editing both models. I understand how to transfer one form to the form but with a related model I have difficulty.

   class Entertainment(models.Model):
        main_photo = models.ImageField(upload_to = 'where/')
        place = models.CharField(max_length=200)
        description = models.CharField(max_length=200)
        event_date = models.DateTimeField(auto_now_add=False,  blank=True, null = True) 

class EntertainmentCollage(models.Model):
    img = models.ImageField(upload_to = 'entertainment/portfolio', blank = True)
    album = models.ForeignKey(Entertainment, blank = True, null = True)

forms.py

class WhereCreateForm(ModelForm):
    class Meta:
        model = Entertainment
        fields = ['main_photo','place','description', 'event_date' ]

views.py

def edit_where(request, pk):
    place = Entertainment.objects.get(id=pk)

    form = WhereCreateForm(instance=place)

    if request.user.is_authenticated():
        if request.method == "POST":
            form = WhereCreateForm(request.POST, request.FILES, instance=place)

            if form.is_valid():
                form.save()                           
            return redirect('entertainment:where_list') 
    else:
        form = WhereCreateForm()
    return render(request, "entertainment/where_edit.html", {'form': form})

html

<form method = "post">
                    {% csrf_token %}
                        <p>{{ form.description }}</p>
                        <p>{{ form.place }}</p>
                        <p>{{ form.event_date }}</p>

                </div>
                <div class="col-md-9">
                    <section class="admin-section">
                        <div class="row">
                            <div class="col-md-4 admin__block" is-cover="false">
                                <div class="cover__wrapper edit__wrapper">
                                    <a class="delete-button">Delete</a>
                                    <a class="make-cover-button">Cover</a>
                                    <img src="img/place-placeholder-1.jpg" alt="">
                                </div>
                            </div>

                        </div>
                        <a href="#" class="button">Add photo</a>
                    </section>
                    <section>
                        <h4>Description</h4>
                        {{ form.description }}
                        <a href="#" class="button">Save</a>
                        <a href="#" class="button">Cancel</a>
                    </section>
                    </form>

Answer 1

As @art06 said in his comment you can use inline formsets .

You can do something like this:

from django.forms import inlineformset_factory

def edit_where(request, pk):
    place = Entertainment.objects.get(id=pk)
    FormSet2 = inlineformset_factory(Entertainment, EntertainmentCollage) 
    form = WhereCreateForm(instance=place)
    form2 = FormSet2() 

    if request.user.is_authenticated():
        if request.method == "POST":
            form = WhereCreateForm(request.POST, request.FILES, instance=place)
            form2 = FormSet2(request.POST or None, instance=place) 

            if form.is_valid():      
                if form2.is_valid():
                    form.save()  
                    form2.save()                    
            return redirect('entertainment:where_list') 
    else:
        form = WhereCreateForm()
        form2 = FormSet2() 
    return render(request, "entertainment/where_edit.html", {'form': form, 'form2': form2})

To add new form into template you can use:

{{ form2.management_form }}    
{% for frm in form2 %}
    {{ frm.as_table }}
{% endfor %}