Шаблон html кнопка отправки формы в django не работает

Question

Я использовал django форму шаблона по умолчанию, чтобы использовать форму отправки. Эта форма работает абсолютно нормально. Но когда я меняю шаблон на формат настройки, кнопка отправки не работает. Я хочу использовать настраиваемую форму, чтобы я мог ее стилизовать.

employee_add_form. html:

{% extends 'base.html' %}
{% block content %}
{% load static %}
<link rel="stylesheet" href="{% static 'employee/css/master.css' %}">

{% load bootstrap4 %}
<div class="">
  <form class="form" action="{% url 'employee:employee-list' %}" method="post" id="employee_add_form">
    {% csrf_token %}
    <!-- {% bootstrap_css %}-->
    {% bootstrap_javascript jquery='full' %}
    {{ form.media }}

    <div class="container">
      <label for=""><b>Personal Info</b></label>
      <div class="border">
        <div class="form-row">
          <div class="col">
            <label for="">First Name</label>
            {{ form.first_name}}
          </div>
          <div class="col">
            <label for="">Last Name</label>
            {{ form.last_name}}
          </div>
          <div class="col">
            <label for="">Photo ID</label>
            {{ form.photo_id }}
          </div>
        </div>

        <div class="form-row inline">
          <div class="col-4">
            <label for="">Gender</label>
            {{ form.gender }}
          </div>
          <div class="col-4">
            <label for="">Blood Group</label>
            {{ form.blood_group }}
          </div>
          <div class="col-4">
            <label for="">Religion</label>
            {{ form.religion }}
          </div>
        </div>

        <div class="form-row">
          <div class="col">
            <label for="">Date of Birth</label>
            {{ form.birth_date }}
          </div>
        </div>
      </div>
    </div>

    <div class="container">
      <label for=""><b>Contact Info</b></label>
      <div class="border">

        <div class="form-row">
          <div class="col">
            <label for="">Email</label>
            {{ form.email }}
          </div>
          <div class="col">
            <label for="">Phone Number</label>
            {{ form.phone_number }}
          </div>
          <div class="col">
            <label for="">Address</label>
            {{ form.address }}
          </div>
        </div>

      </div>
    </div>

    <div class="container">
      <label for=""><b>Work Info</b></label>
      <div class="border">

        <div class="form-row">
          <div class="col">
            <label for="">Employee ID</label>
            {{ form.e_id }}
          </div>
          <div class="col">
            <label for="">Designation</label>
            {{ form.designation }}
          </div>
          <div class="col">
            <label for="">Department</label>
            {{ form.department }}
          </div>
        </div>

        <div class="form-row">
          <div class="col">
            <label for="">Joining Date</label>
            {{ form.join_date }}
          </div>
        </div>
      </div>
    </div>

    <div class="container">
      <button type="submit" class="btn btn-primary">Submit</button>
    </div>

  </form>
</div>
{% endblock %}

views.py:

class EmployeeAddView(CreateView):
    """
    Created new employee
    """
    template_name = 'employee/employee_add_form.html'
    form_class = EmployeeAddModelForm
    queryset = Employee.objects.all()

    def form_valid(self, form):
        print(form.cleaned_data)
        return super().form_valid(form)

Я не могу чтобы найти любую проблему в этом коде