{% extends "base.html" %}
{% from "_macros.html" import category_select, property_select, account_select, help %}
{% block title %}Rules{% endblock %}
{% block content %}
<header class="page-head">
  <div><h1>Auto-categorize rules</h1>
  <p class="muted">When an imported transaction's description contains the text, it is categorized automatically. The longest matching text wins.</p></div>
  <form method="post" class="actions"><input type="hidden" name="action" value="apply"><button class="btn">Run rules on uncategorized</button></form>
</header>

<section class="card">
  <h2>Add a rule</h2>
  <form method="post" class="rule-form">
    <input type="hidden" name="action" value="add">
    <label>Description contains <input name="match_text" required placeholder="e.g. WELLS FARGO HOME MTG"></label>
    <label>Category {{ category_select('category_id', groups, required=True) }}</label>
    <label>Property {{ property_select('property_id', properties) }}</label>
    <label>Only in account {{ account_select('account_id', accounts, blank='Any account') }}</label>
    <label>Only if amount is {{ help('Optional. Useful when the same payee is used for different things, e.g. two Zelle tenants paying different rents. Use a minus sign for payments.') }} <input name="amount" placeholder="any" inputmode="decimal"></label>
    <label>Rename payee to <input name="rename_payee" placeholder="(optional)"></label>
    <div><button class="btn btn-primary">Add rule</button></div>
  </form>
</section>

<section class="card">
  <h2>Your rules <span class="muted">({{ rules|length }})</span></h2>
  {% if rules %}
  <table class="table">
    <thead><tr><th>When description contains</th><th>Category</th><th>Property</th><th>Conditions</th><th></th></tr></thead>
    <tbody>
    {% for r in rules %}
      <tr>
        <td><code>{{ r.match_text }}</code>{% if r.rename_payee %}<div class="muted small">rename → {{ r.rename_payee }}</div>{% endif %}</td>
        <td>{{ r.category }}</td>
        <td>{{ r.property or '' }}</td>
        <td class="small muted">{% if r.account %}{{ r.account }}{% endif %}{% if r.amount_cents is not none %} amount = {{ r.amount_cents|money }}{% endif %}</td>
        <td class="right"><form method="post"><input type="hidden" name="action" value="delete"><input type="hidden" name="id" value="{{ r.id }}"><button class="btn btn-sm btn-ghost">Delete</button></form></td>
      </tr>
    {% endfor %}
    </tbody>
  </table>
  {% else %}
  <p class="muted">No rules yet. The easiest way to make one is the “Always categorize…” checkbox when you categorize a transaction.</p>
  {% endif %}
</section>
{% endblock %}