{% extends "base.html" %}
{% from "_macros.html" import property_select, help %}
{% block title %}Accounts{% endblock %}
{% block content %}
<header class="page-head">
  <div><h1>Accounts</h1>
  <p class="muted">Every bank account, credit card, loan and brokerage account you want to track.</p></div>
</header>

{% if rows %}
<section class="card">
<table class="table">
  <thead><tr><th>Name</th><th>Type</th><th>Institution</th><th>Default property</th><th class="num">Transactions</th><th class="num">Balance</th><th></th></tr></thead>
  <tbody>
  {% for r in rows %}{% set a = r.a %}
    <tr class="{{ 'archived' if a.archived }}">
      <td><a href="{{ url_for('main.transactions', account=a.id) }}">{{ a.name }}</a>{% if a.last4 %} <span class="muted">…{{ a.last4 }}</span>{% endif %}
        {% if a.archived %}<span class="pill">archived</span>{% endif %}</td>
      <td>{{ ACCOUNT_TYPES[a.type] }}</td>
      <td>{{ a.institution }}</td>
      <td>{% for p in properties if p.id == a.default_property_id %}{{ p.name }}{% endfor %}</td>
      <td class="num">{{ r.count }}</td>
      {% set sign = -1 if a.type in LIABILITY_TYPES else 1 %}
      <td class="num">{{ (r.balance * sign)|money }}{% if sign < 0 %} <span class="muted small">owed</span>{% endif %}</td>
      <td class="right"><a class="btn btn-sm" href="{{ url_for('main.account_edit', acct_id=a.id) }}">Edit</a></td>
    </tr>
  {% endfor %}
  </tbody>
</table>
</section>
{% endif %}

<section class="card narrow">
  <h2>Add an account</h2>
  <form method="post" class="form-grid">
    <label>Name <input name="name" required placeholder="e.g. Rental Checking"></label>
    <label>Type
      <select name="type" id="acct-type">
        {% for k, v in ACCOUNT_TYPES.items() %}<option value="{{ k }}">{{ v }}</option>{% endfor %}
      </select>
    </label>
    <label>Bank / institution <input name="institution" placeholder="e.g. Chase"></label>
    <label>Last 4 digits <input name="last4" maxlength="4" inputmode="numeric"></label>
    <label>Opening balance {{ help("The balance just before the first transaction you'll import — usually the 'beginning balance' on the first statement you reconcile. For credit cards and loans, enter the amount owed as a positive number.") }}
      <input name="opening_balance" inputmode="decimal" placeholder="0.00"></label>
    <label>Opening balance date <input type="date" name="opening_date"></label>
    <label class="span-2">Default property {{ help("If this account is used only for one property, rental categories will be assigned to that property automatically.") }}
      {{ property_select('default_property_id', properties, None, '— None (shared account) —') }}</label>
    <div class="span-2"><button class="btn btn-primary">Add account</button></div>
  </form>
</section>
{% endblock %}