Ошибка при добавлении предупреждения перед удалением записи модели django

Я хочу вывести на экран предупреждение модели об удалении записи модели, однако при переходе к таблице все ссылки ведут к удалению самой первой записи в таблице, что я делаю не так?

Вот мой код: #models:

class Company(models.Model):
    teamname = models.CharField(max_length=100,unique=True)
    address = models.CharField(max_length=300)
    office = models.CharField(max_length=100)

    def __str__(self):
        return self.teamname

    class Meta:
        ordering = ['teamname']

class Contact(models.Model):
        teamname = models.ForeignKey(Company,on_delete=CASCADE)
        firstname = models.CharField(blank=True,null=True,max_length=20)
        lastname = models.CharField(blank=True,null=True,max_length=20)
        position = models.CharField(max_length=30,choices=(
            ('Option1','Option1'),
            ('Option2','Option2'),
        ))
        cellphone = models.CharField(max_length=30,null=True,blank=True)
        email = models.EmailField(blank=True,null=True)
        birthday = models.DateField(blank=True,null=True)
    
        def __str__(self):
            return str('%s, %s' % (self.lastname, self.firstname))
    
        class Meta:
            ordering = ['id','position','lastname','firstname']

html/bootstrap code:

Проблема в том, что при попытке удалить любую запись в таблице, используя модал как предупреждение, код срабатывает на детали самой первой записи и происходит удаление, но всегда самой первой записи, помогите пожалуйста!

adrian, пожалуйста, убедитесь, что вы используете bootstrap5, потому что, как я вижу в вашем коде модала, вы используете модал bootstrap5

для bootstarp4

<div class="modal" tabindex="-1">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Modal title</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <p>Modal body text goes here.</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

а для бутстарпа версии 5 используйте это

<div class="modal" tabindex="-1">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Modal title</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <p>Modal body text goes here.</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

Я нашел другое сообщение, и это решается добавлением id для триггера модала и целевого модала:

<td style="text-align: center;"><i style="color: red;cursor: pointer;" data-bs-toggle="modal" data-bs-target="#deleteRecord**{{i.id}}**" class="bx bx-trash"></i></td>

<div class="modal fade" id="deleteRecord**{{i.id}}**" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" role="dialog" aria-labelledby="staticBackdropLabel" aria-hidden="true">...
Вернуться на верх