{% extends "base.html" %}
{% block title %}Reconcile{% endblock %}
{% block content %}
<header class="page-head"><div><h1>Reconcile</h1>
<p class="muted">Match your books to each monthly statement. When they agree to the penny, nothing is missing or doubled — and the month is locked.</p></div></header>

{% if not rows %}<section class="card"><p>Add an account first.</p></section>{% endif %}

{% for r in rows %}{% set a = r.account %}
<section class="card rec-card {{ 'highlight' if selected == a.id }}" id="acct-{{ a.id }}">
  <div class="rec-grid">
    <div>
      <h2>{{ a.name }}</h2>
      <p class="muted small">{{ ACCOUNT_TYPES[a.type] }} ·
        {% if r.last %}reconciled through <strong>{{ r.last.statement_date|usdate }}</strong>{% else %}never reconciled{% endif %}
        · {{ r.unreconciled }} unreconciled transaction{{ 's' if r.unreconciled != 1 }}</p>
      {% if r.history %}
      <details class="history"><summary class="small">History</summary>
        <table class="table compact">
          <thead><tr><th>Statement date</th><th class="num">Ending balance</th><th>Finished</th></tr></thead>
          <tbody>{% for h in r.history %}
            <tr><td>{{ h.statement_date|usdate }}</td><td class="num">{{ (h.ending_balance_cents * r.sign)|money }}</td><td class="small muted">{{ h.completed_at }}</td></tr>
          {% endfor %}</tbody>
        </table>
        <form method="post" action="{{ url_for('main.reconcile_undo', acct_id=a.id) }}" onsubmit="return confirm('Undo the {{ r.last.statement_date }} reconciliation? Its transactions will be unlocked.')">
          <button class="btn btn-sm btn-ghost">Undo last reconciliation</button></form>
      </details>
      {% endif %}
    </div>

    {% if r.in_progress %}
      <div class="rec-start">
        <p>In progress: statement ending {{ r.in_progress.statement_date|usdate }}</p>
        <a class="btn btn-primary" href="{{ url_for('main.reconcile_work', rec_id=r.in_progress.id) }}">Continue reconciling</a>
      </div>
    {% else %}
      <form method="post" action="{{ url_for('main.reconcile_start') }}" class="rec-start">
        <input type="hidden" name="account_id" value="{{ a.id }}">
        <label>Statement ending date <input type="date" name="statement_date" value="{{ r.next_date }}" required></label>
        <label>Statement ending balance{% if r.sign < 0 %} (amount owed){% endif %}
          <input name="ending_balance" inputmode="decimal" required placeholder="from your statement"
                 value="{{ (r.prefill * r.sign)|amount if r.prefill is not none else '' }}"></label>
        {% if r.prefill is not none %}<p class="muted small">Pre-filled from your download — double-check it against the statement.</p>
        {% elif r.suggested %}<p class="muted small">Your latest download showed a balance of {{ (r.suggested.statement_balance_cents * r.sign)|money }} on {{ r.suggested.statement_date|usdate }}.</p>{% endif %}
        <p class="muted small">Starting balance: {{ (r.starting * r.sign)|money }}
          {% if not r.last %}(the account's opening balance){% else %}(last statement's ending balance){% endif %}</p>
        <button class="btn btn-primary">Start reconciling</button>
      </form>
    {% endif %}
  </div>
</section>
{% endfor %}
{% endblock %}