{% extends "base.html" %}
{% block title %}{{ _("Transactions") }} · Wealth Dashboard{% endblock %}
{% block heading %}{{ _("Transactions") }}{% endblock %}
{% block lede %}
<p class="lede">{{ _("Changing a category here also makes a rule from the merchant, and applies it to every transaction that matches. To correct a single row without a rule, use the Categorize page and clear “remember as”.") }}</p>
{% endblock %}
{% block content %}

<form class="card form inline" method="get">
  <div><label for="q">{{ _("Search") }}</label>
    <input id="q" name="q" value="{{ q }}" placeholder="{{ _('merchant or text') }}"></div>
  <div><label for="category">{{ _("Category") }}</label>
    <select id="category" name="category">
      <option value="">{{ _("any") }}</option>
      {% for slug, meta in categories.all_categories().items() %}
      <option value="{{ slug }}" {{ 'selected' if category == slug }}>{{ meta.label }}</option>
      {% endfor %}
    </select></div>
  <div><label for="account">{{ _("Account") }}</label>
    <select id="account" name="account">
      <option value="">{{ _("any") }}</option>
      {% for a in accounts %}
      <option value="{{ a.id }}" {{ 'selected' if account_id == a.id|string }}>{{ a.name }}</option>
      {% endfor %}
    </select></div>
  <div><label for="kind">{{ _("Kind") }}</label>
    <select id="kind" name="kind">
      <option value="">{{ _("any") }}</option>
      {% for k in kinds %}<option value="{{ k }}" {{ 'selected' if kind == k }}>{{ kind_label(k) }}</option>{% endfor %}
    </select></div>
  {% if tags %}
  <div><label for="tag">{{ _("Tag") }}</label>
    <select id="tag" name="tag">
      <option value="">{{ _("any") }}</option>
      {% for t in tags %}<option value="{{ t.tag }}" {{ 'selected' if tag == t.tag }}>{{ t.tag }} ({{ t.count }})</option>{% endfor %}
    </select></div>
  {% endif %}
  <button type="submit">{{ _("Filter") }}</button>
  {% if q or category or account_id or kind or tag %}
  <a class="btn btn-ghost" href="{{ url_for('transactions') }}">{{ _("Clear") }}</a>
  {% endif %}
</form>

<section class="card">
  <div class="card-header">
    <h2>{{ _n(matched, "{n} transaction", "{n} transactions") }}</h2>
    <span class="card-subtitle">
      {{ _f("net {amount}", amount=money(total, base_currency)) }}{% if matched > rows|length %} ·
      {{ _f("showing the {n} most recent", n=rows|length) }}{% endif %}
      · <a href="{{ url_for('transactions_csv', q=q or None, category=category or None, account=account_id or None, kind=kind or None, tag=tag or None) }}" title="{{ _('Every row these filters match, not just the ones shown, in a file a spreadsheet opens right.') }}">{{ _("Export as CSV") }}</a>
    </span>
  </div>
  <div class="table-wrap">
    <table class="grid">
      <thead><tr><th>{{ _("Date") }}</th><th>{{ _("Description") }}</th><th>{{ _("Account") }}</th>
                 <th>{{ _("Category") }}</th><th class="num">{{ _("Amount") }}</th></tr></thead>
      <tbody>
      {% for t in rows %}
        <tr>
          <td class="sub nowrap">{{ d(t.txn_date) }}</td>
          <td>{{ t.description[:80] }}
            {% if t.counterparty %}<span class="sub">{{ t.counterparty }}</span>{% endif %}
            <form method="post" action="{{ url_for('transaction_tags', txn_id=t.id) }}" class="tag-form">
              <input type="hidden" name="back" value="{{ request.full_path }}">
              {% for tg in (t.tags or '').split(',') if tg %}<a class="tag tag-muted" href="{{ url_for('transactions', tag=tg) }}">{{ tg }}</a>{% endfor %}
              <input name="tags" value="{{ t.tags or '' }}" placeholder="{{ _('tags, comma-separated') }}" class="tag-input" aria-label="{{ _('Tags') }}">
            </form></td>
          <td class="sub">{{ t.account_name }}</td>
          <td>
            <form method="post" action="{{ url_for('transaction_category', txn_id=t.id) }}">
              <input type="hidden" name="back" value="{{ request.full_path }}">
              <select name="category" onchange="this.form.submit()"
                      style="padding:4px 8px;font-size:12px;width:auto;">
                {% for slug, meta in categories.all_categories().items() %}
                <option value="{{ slug }}" {{ 'selected' if (t.category or 'other') == slug }}>{{ meta.label }}</option>
                {% endfor %}
              </select>
            </form>
          </td>
          <td class="num {{ 'pos' if t.amount > 0 else 'neg' }}">{{ money(t.amount, t.currency) }}</td>
        </tr>
      {% endfor %}
      </tbody>
    </table>
  </div>
  {% if not rows %}<p class="sub">{{ _("Nothing matches those filters.") }}</p>{% endif %}
</section>
{% endblock %}