{% extends 'pfm/base.html' %}
{% block content %}
<style type="text/css">
td {padding: 0 10px 0 }
input[type=text] {border:none;}
select { border: 0px solid #f2f2f2;}
</style>
<div class="input-field col s12 m12">
<form method="POST" class="post-form ">{% csrf_token %}
{{ form.management_form }}
<table class="bordered">
<tr>
<th>Категория</th>
<th>type</th>
<th>budget</th>
<th>Бюджет</th>
<th>Удалить</th>  </tr>
{% for f in form %}
<tr>
<td>{{ f.cat_name }}</td>
<td>{{ f.cat_type }}</td>
<td>{{ f.budget_type }}</td>
<td>{{ f.budget_amount }}</td>
<td>{{ f.DELETE }}  <label for="id_form-{{ forloop.counter0 }}-DELETE"><i class="material-icons">delete</i></label></td>
<td>{{ f.id }}</td>
</tr>

{% endfor %}

</table>     
        <button type="submit" class="save btn blue" >Save</button>
        </form>
</div>

{% endblock content %}