{% extends "base.html" %}
{% from "_macros.html" import category_select, property_select %}
{% block title %}Transactions{% endblock %}
{% block content %}
<header class="page-head">
  <div><h1>Transactions</h1>
  <p class="muted">{{ total_count }} matching · total {{ total_amount|money }}</p></div>
  <div class="actions">
    {% if nav_uncategorized %}<a class="btn btn-primary" href="{{ url_for('main.transaction_next') }}">Categorize one at a time ({{ nav_uncategorized }})</a>{% endif %}
    <a class="btn" href="{{ url_for('main.transaction_new', back=request.full_path) }}">+ Add transaction</a>
    <a class="btn" href="{{ url_for('main.transactions_csv', **request.args) }}">Export CSV</a>
  </div>
</header>

<form method="get" class="filters card">
  <label>Account
    <select name="account"><option value="">All accounts</option>
      {% for a in accounts %}<option value="{{ a.id }}" {{ 'selected' if f.account == a.id|string }}>{{ a.name }}</option>{% endfor %}
    </select></label>
  <label>Category
    <select name="category">
      <option value="">All</option>
      <option value="uncat" {{ 'selected' if f.category == 'uncat' }}>⚠ Uncategorized</option>
      <option value="noprop" {{ 'selected' if f.category == 'noprop' }}>⚠ Rental item missing property</option>
      <option value="split" {{ 'selected' if f.category == 'split' }}>Split transactions</option>
      <option value="refunds" {{ 'selected' if f.category == 'refunds' }}>Expense refunds</option>
      {% for label, cats in groups %}<optgroup label="{{ label }}">
        {% for c in cats %}<option value="{{ c.id }}" {{ 'selected' if f.category == c.id|string }}>{{ c.name }}</option>{% endfor %}
      </optgroup>{% endfor %}
    </select></label>
  <label>Property
    <select name="property"><option value="">All</option><option value="none" {{ 'selected' if f.property == 'none' }}>No property</option>
      {% for p in properties %}<option value="{{ p.id }}" {{ 'selected' if f.property == p.id|string }}>{{ p.name }}</option>{% endfor %}
    </select></label>
  <label>From <input type="date" name="start" value="{{ f.start }}"></label>
  <label>To <input type="date" name="end" value="{{ f.end }}"></label>
  <label>Status
    <select name="status"><option value="">Any</option>
      {% for s in ['uncleared', 'cleared', 'reconciled'] %}<option value="{{ s }}" {{ 'selected' if f.status == s }}>{{ s|title }}</option>{% endfor %}
    </select></label>
  <label class="grow">Search <input type="search" name="q" value="{{ f.q }}" placeholder="payee, memo, check # or amount"></label>
  <div class="filter-buttons"><button class="btn btn-primary">Filter</button> <a class="btn btn-ghost" href="{{ url_for('main.transactions') }}">Reset</a></div>
</form>

<form method="post" action="{{ url_for('main.transactions_bulk') }}" id="bulk-form">
  <input type="hidden" name="back" value="{{ request.full_path }}">
  <div class="bulk-bar card" id="bulk-bar">
    <strong><span id="bulk-count">0</span> selected</strong>
    {{ category_select('category_id', groups, blank='Set category…') }}
    {{ property_select('property_id', properties, blank='Property (optional)…') }}
    <button class="btn btn-primary" name="action" value="categorize">Apply</button>
    <button class="btn btn-ghost" name="action" value="delete" onclick="return confirm('Delete the selected transactions? Reconciled ones are kept.')">Delete</button>
  </div>

  <section class="card flush">
  <table class="table txn-table">
    <thead><tr>
      <th class="cb"><input type="checkbox" id="select-all" aria-label="Select all"></th>
      <th>Date</th><th>Account</th><th>Payee / memo</th><th>Category</th><th class="num">Amount</th><th class="st" title="Status">✓</th>
    </tr></thead>
    <tbody>
    {% for t in rows %}
      <tr class="{{ 'uncat' if not t.split_count }}">
        <td class="cb">{% if not t.trade_id %}<input type="checkbox" name="ids" value="{{ t.id }}" class="row-cb">{% endif %}</td>
        <td class="nowrap">{{ t.date|usdate }}</td>
        <td class="small">{{ t.account_name }}</td>
        <td><a href="{{ url_for('main.transaction_edit', txn_id=t.id, back=request.full_path) }}" class="payee">{{ t.payee or '(no description)' }}</a>
          {% if t.check_number %}<span class="muted small">#{{ t.check_number }}</span>{% endif %}
          {% if t.memo %}<div class="muted small">{{ t.memo }}</div>{% endif %}</td>
        <td>{% if t.split_count %}
              {% if t.split_count > 1 %}<span class="pill">split</span> {% endif %}<span class="small">{{ t.category_label }}</span>
              {% if t.missing_prop %}<div class="warn small">needs a property</div>{% endif %}
            {% else %}<a class="uncat-link" href="{{ url_for('main.transaction_edit', txn_id=t.id, back=request.full_path) }}">Uncategorized</a>{% endif %}</td>
        <td class="num {{ 'neg' if t.amount_cents < 0 else 'pos' }}">{{ t.amount_cents|money }}</td>
        <td class="st">{% if t.status == 'reconciled' %}<span class="status-r" title="Reconciled">R</span>{% elif t.status == 'cleared' %}<span class="status-c" title="Cleared">c</span>{% endif %}</td>
      </tr>
    {% else %}
      <tr><td colspan="7" class="empty">No transactions match. {% if not f.account and not f.category %}<a href="{{ url_for('main.import_page') }}">Import a statement</a> to get started.{% endif %}</td></tr>
    {% endfor %}
    </tbody>
  </table>
  </section>
</form>

{% if pages > 1 %}
<nav class="pager">
  {% set args = request.args.to_dict() %}
  {% if page > 1 %}{% set _ = args.update({'page': page - 1}) %}<a class="btn btn-sm" href="{{ url_for('main.transactions', **args) }}">← Newer</a>{% endif %}
  <span class="muted">Page {{ page }} of {{ pages }}</span>
  {% if page < pages %}{% set _ = args.update({'page': page + 1}) %}<a class="btn btn-sm" href="{{ url_for('main.transactions', **args) }}">Older →</a>{% endif %}
</nav>
{% endif %}
{% endblock %}