{% extends "base.html" %}
{% from "tax/_fields.html" import steps %}
{% block title %}{{ s.title }} · {{ year }}{% endblock %}
{% block content %}
<header class="page-head"><div><p class="crumbs"><a href="{{ url_for('tax.overview', year=year) }}">Tax return {{ year }}</a> /</p>
  <h1>{{ s.title }}</h1>{% if s.blurb %}<p class="muted">{{ s.blurb }}</p>{% endif %}</div>
  <div class="actions"><a class="btn btn-primary" href="{{ url_for('tax.list_item', year=year, slug=s.slug, item='new') }}">+ Add</a></div></header>
<div class="tax-layout">
{{ steps(sections, year, s.get('parent', s.slug)) }}
<div>
  <section class="card">
    {% for it in items %}
      <div class="list-row"><a href="{{ url_for('tax.list_item', year=year, slug=s.slug, item=loop.index0) }}">{{ s.item_title(it) }}</a>
      {% if s.slug == 'w2' %}<span class="muted small">wages ${{ '{:,}'.format(it.wages or 0) }} · withheld ${{ '{:,}'.format(it.fed_wh or 0) }}</span>{% endif %}
      {% if s.slug == 'dependents' %}<span class="muted small">born {{ it.dob|usdate }}</span>{% endif %}
      </div>
    {% else %}<p class="muted">None entered yet.</p>{% endfor %}
  </section>
  <div class="row-actions">{% if next_slug %}<a class="btn" href="{{ url_for('tax.section', year=year, slug=next_slug) }}">Next section →</a>{% endif %}</div>
</div>
</div>
{% endblock %}