{% set active_navbar_item = 'accounts' %}

{% extends "base.html" %}

{% block body %}

<table class="uk-table uk-table-divider uk-table-striped uk-table-hover uk-table-small">
  <thead>
  <tr>
    <th></th>
    <th>id</th>
    <th>Label</th>
    <th>Amount</th>
    <th>Account Type</th>
    <th>Last Update</th>
    <th>Security</th>
  </tr>
  </thead>

  <tbody>
    {% for account in accounts %}
    <tr>
      <td><a href="/accounts/{{ account.id }}"><span uk-icon="info"></span></a></td>
      <td style="font-family: monospace;">{{ account.id | micro_id}}</td>
      <td>{{ account.label }}</td>
      <td>{{ account.amount | thousand_separator }}</td>
      <td style="font-variant: small-caps;">{{ account.account_type | replace("_", " ") | lower}}</td>
      <td>{{ account.last_update | utc_date }}</td>
      <td style="font-variant: small-caps;">{{ account.security.symbol }}</td>
    </tr>
    {% endfor %}
  </tbody>

</table>

{% endblock %}