HTML does not render my form in bootstrap's modal

my form’s body is not rendering in my bootstrap modal even though I am loading it so I’m not sure what’s not working. The modal works but it’s empty except for the buttons since {{ user_form|crispy }} doesn’t seem to be working. I also already have crispy_forms in my settings.

This is the model:

class UserForm(forms.ModelForm):
    class Meta:
        model = User
        fields = ('username', 'email')

This is the html:

{% extends 'base.html' %}
    {% block content %}

    {% load crispy_forms_tags %}  

            <div class="modal fade" tabindex="-1" id="profileModal" role="dialog">
                <div class="modal-dialog" role="document">
                <div class="modal-content">
                        <div class="modal-header">
                        <h5 class="modal-title">Edit Profile</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        <div class="modal-body">
                            <form name= "user_form" method="post">
                                    {% csrf_token %}
                                    {{ user_form|crispy }}
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-danger">Save changes</button>
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>

This is the view (the second post request is the one that makes the post request to the form that’s not rendering):

def profile(request):
    if request.method=='POST' and 'favorite_id' in request.POST :
            favorite_id = request.POST.get("favorite_id")
            messages.success(request,(f'{favorite_id} deleted from wishlist.'))
    elif request.method == "POST":
        user_form = UserForm(request.POST, instance=request.user)
        if user_form.is_valid():
            messages.success(request,('Your profile was successfully updated!'))
            messages.error(request,('Unable to complete request'))
            return redirect ("/profile")  
        return render(request = request, template_name ="profile.html", context = {"user":request.user, 
            "user_form": user_form })
    return render(request, 'profile.html')