{% extends "base.html" %}
{% block title %}What changed in {{ year }}?{% endblock %}
{% macro input(f) -%}
<label>{{ f.label }}
  {% if f.kind == 'select' %}
  <select name="{{ f.name }}">{% for v, l in f.options %}<option value="{{ v }}" {{ 'selected' if f.value|string == v|string }}>{{ l }}</option>{% endfor %}</select>
  {% elif f.kind == 'money' %}
  <span class="money-input"><span>$</span><input name="{{ f.name }}" inputmode="decimal" value="{{ '{:,}'.format(f.value) if f.value is number and f.value else (f.value or '') }}" placeholder="0"></span>
  {% elif f.kind == 'date' %}
  <input type="date" name="{{ f.name }}" value="{{ f.value or '' }}">
  {% else %}
  <input name="{{ f.name }}" value="{{ f.value or '' }}">
  {% endif %}
</label>
{% if f.help %}<p class="tf-help">{{ f.help }}</p>{% endif %}
{%- endmacro %}
{% block content %}
<header class="page-head"><div><p class="crumbs"><a href="{{ url_for('tax.overview', year=year) }}">Tax return {{ year }}</a> /</p>
  <h1>What changed in {{ year }}?</h1>
  <p class="muted">{% if rolled %}Your {{ year }} return was started from your {{ rolled.year }} return. {% endif %}Tick what
    applies — Bookkeeper updates your return and makes a to-do list. You can come back and change answers any time.</p></div></header>

{% if rolled and rolled.carried %}
<section class="card narrow">
  <h2>Carried forward from {{ rolled.year }}</h2>
  <table class="table compact"><tbody>
    {% for c in rolled.carried %}<tr><td>{{ c.label }}<div class="muted small">{{ c.source }}</div></td>
      <td class="num">${{ '{:,}'.format(c.amount) }}</td></tr>{% endfor %}
  </tbody></table>
  <p class="small muted">You can change any of these on the matching interview page.</p>
</section>
{% endif %}

<form method="post" id="tax-form" data-filing-status="{{ data.filing_status }}" class="wc-form">
{% for card in cards if card['items'] %}
<section class="card narrow wc-card" id="wc-{{ card.key }}">
  <h2>{{ card.title }}</h2>
  {% if card.why %}<p class="small muted wc-why">Why we ask: {{ card.why }}</p>{% endif %}
  {% for it in card['items'] %}
    {% if it.kind == 'check' %}
    <div class="wc-item">
      <label class="check"><input type="checkbox" name="{{ it.name }}" value="1" {{ 'checked' if it.checked }}> <span>{{ it.label }}</span></label>
      {% if it.help %}<p class="tf-help">{{ it.help }}</p>{% endif %}
      {% if it.follow %}
      <div class="wc-follow tf-grid" data-show-when="{{ it.name }}={{ it.follow_when or '1' }}">
        {% for f in it.follow %}<div class="tf">{{ input(f) }}</div>{% endfor %}
      </div>
      {% endif %}
    </div>
    {% elif it.kind == 'field' %}
    <div class="wc-item tf">{{ input(it.field) }}</div>
    {% else %}
    <p class="wc-info small">{{ it.text }}</p>
    {% endif %}
  {% endfor %}
</section>
{% endfor %}
<div class="narrow wc-actions"><button class="btn btn-primary">Save my answers</button>
  <a class="btn" href="{{ url_for('tax.overview', year=year) }}">Back to the {{ year }} return</a></div>
</form>

{% if rolled and rolled.documents %}
<section class="card narrow wc-docs">
  <h2>Documents to gather for {{ year }}</h2>
  <p class="small muted">From what your {{ rolled.year }} return used. Most arrive by early February.</p>
  <ul class="wc-doc-list">
    {% for d in rolled.documents %}<li><label class="check"><input type="checkbox"> <span>{{ d.what }} <span class="muted small">— {{ d.why }}</span></span></label></li>{% endfor %}
  </ul>
  <p class="no-print"><button class="btn btn-sm" type="button" onclick="window.print()">Print this list</button></p>
</section>
{% endif %}
{% endblock %}