{% 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="col s12 m12">
<form method="POST" class="post-form ">{% csrf_token %}
{{form.management_form }}
<table class="bordered">
<tr>
<th>Дата</th>
<th>Тип</th>
<th>Сумма</th>
<th>Счет</th>
<th>Категория</th>
<th>Комментарий</th>
<th>Удалить</th>
</tr>
{% for f in form %}
<tr>
<td>{{ f.tr_date }}</td>
<td>{{ f.tr_type }}</td>
<td>{{ f.tr_amount }}</td>
<td>{{ f.tr_acc }}</td>
<td>{{ f.tr_cat }}</td>
<td>{{ f.tr_note }}</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" style="margin-top: 20px" class="save btn blue" style="float: left">Save</button> 

<ul class="menu_top paginator" style="float:right">
 {% if trs.has_previous %}     
 <li> <a href="?page=1"><<</a> </li> 
 <li> <a href="?page={{ trs.previous_page_number }}">{{ trs.previous_page_number }}</a> </li>   
 {% endif %}
 <li> <a style="color: #000000"  href="">{{ trs.number }}<a></li>   
 {% if trs.has_next %}   
 <li> <a href="?page={{ trs.next_page_number }}">   
  {{ trs.next_page_number }}</a> </li>
 {% endif %}
 {% comment %}  
 {% if trs.has_next %}  
 <li> <a href="?page={{ trs.next_page_number|add:1 }}">{{ trs.next_page_number|add:1 }}</a></li>
 {% endif %}
 {% endcomment %}
 {% if trs.has_next %}
 <li><a href="?page={{ trs.paginator.num_pages }}"> >> </a></li> 
 {% endif %}  
 {% comment %} <!--li> 
{% for i in  trs.paginator.page_range %} </li--> 
{% endcomment %} 
</ul>
</form>
</div>
{% endblock content %}