Jinja2 постройка таблицы html
не могу понять почему у меня html страница строиться так как я задал. Я хочу чтобы каждая строчка таблицы была в теге form, а у меня она создается над тегом tr и сразу закрывается, хотя по коду так не должно быть.
<div class="list-client">
<table>
<tr>
{% for i in clients %}
{% if forloop.first %}
{% for key, value in i.items %}
<th>{{ key }}</th>
{% endfor %}
{% endif %}
{% endfor %}
<th>Edit</th>
<th>Delete</th>
</tr>
{% for i in clients %}
<form id="form-client" action="{% url 'clients' %}">
<tr>
{% for key, value in i.items %}
<td>{{ value }}</td>
{% endfor %}
<td><button id="put" class="btn blue" value="put">Редактировать</button></td>
<td><button id="delete" class="btn red" value="delete">Удалить</button></td>
</tr>
</form>
{% endfor %}
</table>
</div>
Отображается она нормально
Но вот в коде происходит следующее
Не знаю почему так, если будет какой-нибудь совет буду благодарен.