{% extends 'pfm/base.html' %}
{% block content %}

<div class="row">
  <div class="col s12 m6">
    <a class="btn blue" href="#new">Add new account </a> <br> <br>
    <table class="striped"> 
      <tr><th>Name</th><th>Balance</th></tr> 
      {% for account in list %}
      <tr onclick='ModalForm({{account.pk}}); location.href="#modal"'> 
        <td>{{ account.acc_name }}</td>
        <td align="right"> {{ account.rest }} {{account.acc_currency}}</td>
        <!--td>{{account.rest_RUB}}</td--> 
        <!--/div--> 
      </tr>
      {% endfor %}
    </table>
    
    <div id="modal" class="dialog1 modal">
      <div class="modal-content" id="modal-content">
        <a href="#!" class=" right modal-action modal-close waves-effect waves-green btn-flat">Close</a>
        <form method="POST">{% csrf_token %} <input type=hidden name="id">
        <div id="form"></div>
        <!--button type="submit" name="action" value="edit" class="waves-effect waves-light btn-large blue" onclick='location.href="#!"'>Save</button>
        <button type="submit" name="action" value="delete" class="waves-effect waves-light btn-large blue" onclick='location.href="#!"'>Delete</button-->
        </form>  
      </div>
    </div>
    <div id="new" class="dialog1 modal">
      <div class="modal-content">
        <a href="#!;" class=" right modal-action modal-close waves-effect waves-green btn-flat">Close</a>
        <form method="POST"> {% csrf_token %}  {{ form.as_p }}
        <button type="submit" name="action" value="create" class="waves-effect waves-light btn-large blue">Save</button>
      </form></div>
      </div>
    </div>
    <div class="col s12 m6">
      <a class="btn blue" href="#new_tr">New transfer</a>
      <div id="new_tr" class="dialog1 modal">
        <div class="modal-content"> <a href="#!" class=" right modal-action modal-close waves-effect waves-green btn-flat">Close</a>
          <form method="POST">{% csrf_token %} {{ tr_form.as_p }}
            <button type="submit" name="action" value="transfer" class="waves-effect waves-light btn-large blue">Save</button>
          </form>
        </div>
</div><br><br>

{% for t in trs %}
{{ t }} <br>
{% endfor %}

</div>

{% endblock %}