{% extends "base.html" %}
{% from "_macros.html" import category_select, property_select, account_select %}
{% block title %}Add transaction{% endblock %}
{% block content %}
<header class="page-head"><div><h1>Add a transaction</h1>
<p class="muted">For things that aren't in a download — a check that hasn't cleared, a cash payment, or a year-end adjustment.</p></div></header>
<section class="card narrow">
  <form method="post" class="form-grid">
    <input type="hidden" name="back" value="{{ back }}">
    <label>Account {{ account_select('account_id', accounts, account_id, required=True) }}</label>
    <label>Date <input type="date" name="date" value="{{ today }}" required></label>
    <label>Payee / description <input name="payee" required></label>
    <label>Check # <input name="check_number" inputmode="numeric"></label>
    <div class="amount-edit span-2">
      <label>Amount <input name="amount" inputmode="decimal" required placeholder="0.00"></label>
      <div class="radio-row">
        <label class="check"><input type="radio" name="direction" value="out" checked> Money out (payment, charge)</label>
        <label class="check"><input type="radio" name="direction" value="in"> Money in (deposit, refund)</label>
      </div>
    </div>
    <label>Category {{ category_select('category_id', groups) }}</label>
    <label>Property {{ property_select('property_id', properties) }}</label>
    <label class="span-2">Memo <input name="memo"></label>
    <div class="span-2 row-actions"><button class="btn btn-primary">Add</button>
      <a class="btn" href="{{ back or url_for('main.transactions') }}">Cancel</a></div>
  </form>
</section>
{% endblock %}