{% extends "base.html" %}
{% block title %}Categories{% endblock %}
{% block content %}
<header class="page-head">
  <div><h1>Categories</h1>
  <p class="muted">Each category feeds a line on your tax forms. The built-in list follows Schedule E and Schedule B.</p></div>
</header>
<div class="grid-2">
{% for label, cats in groups %}{% if cats %}
<section class="card">
  <h2>{{ label }}</h2>
  <table class="table compact">
    <thead><tr><th>Category</th><th>Tax form</th><th class="num">Used</th><th></th></tr></thead>
    <tbody>
    {% for c in cats %}
      <tr>
        <td><strong>{{ c.name }}</strong>{% if c.requires_property %} <span class="pill">per property</span>{% endif %}
          <div class="muted small">{{ c.description }}</div></td>
        <td class="nowrap">{% if c.tax_form %}{{ c.tax_form }}{% if c.tax_line %} line {{ c.tax_line }}{% endif %}{% else %}<span class="muted">—</span>{% endif %}</td>
        <td class="num">{{ usage.get(c.id, 0) }}</td>
        <td class="right">{% if not c.is_system and not usage.get(c.id) %}
          <form method="post" onsubmit="return confirm('Delete category {{ c.name }}?')"><input type="hidden" name="action" value="delete"><input type="hidden" name="id" value="{{ c.id }}"><button class="btn btn-sm btn-ghost">Delete</button></form>
        {% endif %}</td>
      </tr>
    {% endfor %}
    </tbody>
  </table>
</section>
{% endif %}{% endfor %}
</div>
<section class="card narrow">
  <h2>Add a category</h2>
  <form method="post" class="form-grid">
    <input type="hidden" name="action" value="add">
    <label>Name <input name="name" required></label>
    <label>Kind
      <select name="kind">
        <option value="expense">Expense (deductible)</option>
        <option value="income">Income (taxable)</option>
        <option value="nontax">Not income / not deductible</option>
        <option value="transfer">Transfer between my accounts</option>
        <option value="capital">Capital improvement (depreciated)</option>
      </select>
    </label>
    <label class="span-2">Reports on
      <select name="tax_map">{% for v, l in tax_maps %}<option value="{{ v }}">{{ l }}</option>{% endfor %}</select>
    </label>
    <label class="span-2">Description <input name="description"></label>
    <div class="span-2"><button class="btn btn-primary">Add category</button></div>
  </form>
</section>
{% endblock %}