Reverse for 'my_views_name' with no arguments not found. django - jquery , connect server side with client side js

я хочу сделать кнопку для обновления url , я вызвал данные из базы данных используя jquery-ajax , (очень срочно пожалуйста) вот мой views.py

def list_maingroup(request):
    lists = MainGroup.objects.all().order_by('-pk')
    data = []
    for i in lists:
        item = {
           'id':i.id,
           'admin':i.admin.username,
           'main_type':i.main_type,
           'date':i.date
        }
        data.append(item)
    return JsonResponse({'data':data})

def update_maingroup(request,id):
    obj = get_object_or_404(MainGroup,id=id)
    form = MainGroupForm(instance=obj)
    if request.is_ajax() and request.method == 'POST' and request.user.is_superuser:
        if form.is_valid():
            form = MainGroupForm(request.POST,instance=object)
            form.save()
            return JsonResponse({'success':'success'})
        else:
            return JsonResponse({'success':False,'error_msg':form.errors,'error_code':'invalid'})

    context = {'form':form,'obj':obj}
    return render(request,'update_maingroup.html',context)

my urls.py

path('maingroup/update/<int:id>',update_maingroup,name='update_maingroup'), 
path('list-main-group',list_maingroup,name='list-maingroup'),

моя форма + моя модель

class MainGroup(models.Model):
    admin = models.ForeignKey(User,on_delete=models.CASCADE)
    main_type = models.CharField(max_length=40,unique=True)
    date = models.DateTimeField(auto_now_add=True)

class MainGroupForm(forms.ModelForm):
    class Meta:
        model = MainGroup
        fields = ['main_type']

но он выдает эту ошибку:

Повтор для 'update_maingroup' без аргументов не найден. Попытка 1 шаблона(ов): ['maingroup/update/(?P[0-9]+)$']

.

мои шаблоны

$.ajax({
    type:'GET',
    url:'/list-main-group',

    success:function(data){

      data = data.data
      spinnerBox.classList.add('non-visible')
      var k = '<tbody>'
      for(i = 0;i < data.length; i++){
        const date = new Date(data[i]["date"]).toLocaleString();
        const id = parseInt(data[i]['id'])
        // const url = '{% url "products:update_maingroup" %}'
        // const my_url = url + "/"+id
        
          k+= '<tr>';
          k+= '<td>' + data[i]['id'] + '</td>';
          k+= '<td>' + data[i]["admin"] + '</td>';
          k+= '<td>' + data[i]["main_type"] + '</td>';
          k+= '<td>' + date + '</td>';
          k+= '<td align="center">'+
            
            '<button class="btn btn-info bg-info"  id="update" data-url='+{% url "products:update_maingroup" id %}+ '><i class="far fa-edit"></i></button>'+
            ' <button class="btn btn-danger btn-del bg-danger" data-did='+parseInt(data[i]["id"])+"><i class='far fa-trash'></i></button>"+

              '</td>';               
          k+= '</tr>'
      }
      k+='</tbody>'
        
      tableBody.innerHTML = k   
          
      $('#maingroupid').dataTable({     
        "order": [[ 0, "desc" ]]
      });
    },
    // error:function(error){
    //   console.log(error)
    // }
   
  });

      <div class="card-body table-responsive" >
        <div id="spinner-box" class="spinner-border text-primary text-center" role="status">
        </div>
        <table id="maingroupid" class="table table-bordered table-striped text-center">
        <thead>              
          <tr>
            <th>#</th>
            <th>{% trans "admin" %}</th>
            <th>{% trans "name" %}</th>
            <th>{% trans "date" %}</th>
            <th>{% trans "options" %}</th>

          </tr>
          </thead>
          <tbody id="tableData">

          </tbody>
          </tfoot>
        </table>

      </div>

Я пробовал много способов, но ни один из них не работает! Я знаю, я должен получить id с сервера, но я не знаю, где его взять?! Я очень признателен за вашу помощь, пожалуйста...

        // const url = '{% url "products:update_maingroup" %}'

{# const url = '{% url "products:update_maingroup" %}' #}