{% extends "ledger/base.html" %}
{% load ledger_tags %}
{% block title %}Transactions{% endblock %}
{% block content %}
<div class="pagehead"><h1>Transactions</h1></div>
<form method="get" class="filters card">
  <input name="q" placeholder="Search description, merchant, tag" value="{{ filters.q }}">
  <select name="category"><option value="">All categories</option><option value="none" {% if filters.category == "none" %}selected{% endif %}>Uncategorized</option>
    {% for c in categories %}<option value="{{ c.id }}" {% if filters.category == c.id|stringformat:"s" %}selected{% endif %}>{{ c|indent }}</option>{% endfor %}</select>
  <select name="account"><option value="">All accounts</option>{% for a in accounts %}<option value="{{ a.id }}" {% if filters.account == a.id|stringformat:"s" %}selected{% endif %}>{{ a.name }}</option>{% endfor %}</select>
  <input type="month" name="month" value="{{ filters.month }}">
  <label class="inline"><input type="checkbox" name="transfers" value="hide" {% if filters.transfers == "hide" %}checked{% endif %}> hide transfers</label>
  <button class="btn small">Filter</button>
</form>
<form method="post" action="{% url 'bulk_categorize' %}" id="bulk">{% csrf_token %}<input type="hidden" name="next" value="{{ request.get_full_path }}">
<div class="bulkbar card">
  <span>With selected:</span>
  <select name="category" required><option value="">Category...</option>{% for c in categories %}<option value="{{ c.id }}">{{ c|indent }}</option>{% endfor %}</select>
  <label class="inline"><input type="checkbox" name="always" value="1"> always categorize these merchants like this</label>
  <button class="btn small">Apply</button>
</div>
<table class="table card">
  <thead><tr><th><input type="checkbox" onclick="document.querySelectorAll('#bulk .pick').forEach(c=>c.checked=this.checked)"></th><th>Date</th><th>Merchant</th><th>Account</th><th>Category</th><th class="num">Amount</th><th></th></tr></thead>
  <tbody>
  {% for t in page %}
    <tr class="{% if t.is_transfer %}transfer{% endif %}">
      <td><input class="pick" type="checkbox" name="ids" value="{{ t.id }}"></td>
      <td class="nowrap">{{ t.date|date:"d M Y" }}</td>
      <td><a href="{% url 'transaction_detail' t.id %}"><strong>{{ t.merchant.name|default:"-" }}</strong></a><div class="muted small">{{ t.raw_description|truncatechars:70 }}</div></td>
      <td class="muted">{{ t.account.name }}</td>
      <td class="nowrap">
        {% if t.is_transfer %}<span class="pill neutral">transfer</span>
        {% elif t.children.all %}<span class="pill neutral">split &times;{{ t.children.all|length }}</span>
        {% else %}
          <select class="inlinecat" form="cat{{ t.id }}" name="category" onchange="this.form.requestSubmit()">
            <option value="">-</option>
            {% for c in categories %}<option value="{{ c.id }}" {% if t.category_id == c.id %}selected{% endif %}>{{ c|indent }}</option>{% endfor %}
          </select>
          {% if t.needs_review %}<span class="pill ahead" title="confidence {{ t.confidence|floatformat:2 }}">review</span>{% endif %}
          <label class="inline small" title="Create a rule so this merchant is always categorized this way"><input type="checkbox" form="cat{{ t.id }}" name="always" value="1"> always</label>
        {% endif %}
      </td>
      <td class="num {% if t.amount > 0 %}pos{% endif %}">{{ t.amount|money }}</td>
      <td class="small"><button class="link" form="tr{{ t.id }}">{% if t.is_transfer %}not a transfer{% else %}transfer?{% endif %}</button></td>
    </tr>
  {% empty %}<tr><td colspan="7" class="muted">No transactions match.</td></tr>{% endfor %}
  </tbody>
</table>
</form>
{% for t in page %}
<form id="cat{{ t.id }}" method="post" action="{% url 'set_category' t.id %}">{% csrf_token %}<input type="hidden" name="next" value="{{ request.get_full_path }}"></form>
<form id="tr{{ t.id }}" method="post" action="{% url 'toggle_transfer' t.id %}">{% csrf_token %}<input type="hidden" name="next" value="{{ request.get_full_path }}"></form>
{% endfor %}
<div class="pager">
  {% if page.has_previous %}<a href="?{{ querystring }}&page={{ page.previous_page_number }}">&larr; Newer</a>{% endif %}
  <span class="muted">Page {{ page.number }} of {{ page.paginator.num_pages }} &middot; {{ page.paginator.count }} transactions</span>
  {% if page.has_next %}<a href="?{{ querystring }}&page={{ page.next_page_number }}">Older &rarr;</a>{% endif %}
</div>
{% endblock %}