{% extends "base.html" %}
{% block title %}Index{% endblock title %}
{% block body %}
<div><h2 class="text-lg">Accounts</h2></div>
<div>
  {% for account in accounts %}
    <a class="p-2 hover:bg-stone-200" href="/accounts/id/{{account.account_id}}">{{account.account_name}}</a>
  {% endfor %}
</div>
<div><h2 class="text-lg">Last transactions</h2></div>
<div>
  <table>
    <thead>
      <tr>
        <th>Description</th>
        <th>Date</th>
        <th>Amount</th>
        <th>Category</th>
      </tr>
    </thead>
    <tbody>
      {% for tx in transactions %}
      <tr>
        <td>{{tx.description}}</td>
        <td>{{tx.transaction_timestamp}}</td>
        <td>{{tx.amount/100}}</td>
        <td>{{tx.category}}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endblock body %}