{% extends "base.html" %}
{% block title %}Alberich: teach a layout{% endblock %}
{% block body %}
<p class="small"><a href="/statements/{{ st.id }}?details=1">&larr; File details and actions</a></p>
<h1>Teach Alberich a layout</h1>
<p class="muted">{{ st.original_name }}. Pick what kind of account it is, check the preview against your own statement, then save. Next time this layout is recognised on sight.</p>

<form class="card" method="post" action="/statements/{{ st.id }}/template/update" data-autosubmit>
  <h3>Where does this belong?</h3>
  <input type="hidden" name="go" value="1"><input type="hidden" name="source" value="{{ source }}"><input type="hidden" name="was_atype" value="{{ atype }}">
  {% if spec %}<textarea name="spec" hidden>{{ spec_json }}</textarea>{% endif %}
  <label class="f">File it to this account<select name="account_id">
    <option value=""{% if not acct %} selected{% endif %}>I will choose later</option>
    {% for a in accounts %}<option value="{{ a.id }}"{% if acct and acct.id == a.id %} selected{% endif %}>{{ a.name }}{% if a.last4 %} ({{ a.last4 }}){% endif %} · {{ type_names[a.type] }}</option>{% endfor %}
  </select></label>
  {% if acct %}<p class="small">Read as a <strong>{{ type_names[atype] }}</strong>, because that is what the account is.</p>
  {% else %}<label class="f">No account chosen, so what kind is it?<select name="atype">{% for v, l in types %}<option value="{{ v }}"{% if v == atype %} selected{% endif %}>{{ l }}</option>{% endfor %}</select></label>
  <p class="small muted">It decides which way charges count. For a card, purchases are money out. A card read as a bank account shows every purchase as income.</p>{% endif %}
  <label class="check"><input type="checkbox" name="flip"{% if flip %} checked{% endif %}>Flip money in and money out</label>
  <p class="small muted">Use this if the preview shows purchases as money in, or deposits as money out.</p>
  <button class="btn ghost" type="submit">Update the preview</button>
  {% if not accounts %}<p class="small"><a href="/ledgers/accounts">Add your accounts first</a></p>{% endif %}
</form>

{% for n in notes %}<div class="notice">{{ n }}</div>{% endfor %}
{% if flip_helps %}<div class="notice"><strong>Flipping the direction makes the totals add up.</strong> Tick "Flip money in and money out" above and the preview should balance.</div>{% endif %}

{% if pv and pv.error %}<div class="error">{{ pv.error }}</div>
{% elif pv %}
<div class="card"><div class="cardhead"><h3>Preview: {{ pv.count }} lines</h3>
  <span class="chip {{ 'green' if pv.verdict == 'ok' else 'gold' if pv.verdict == 'unverifiable' else 'red' }}">{{ 'Balances' if pv.verdict == 'ok' else 'Cannot be checked' if pv.verdict == 'unverifiable' else 'Does not add up' }}</span></div>
  <p class="small"><strong>{{ pv.n_out }}</strong> line{{ 's' if pv.n_out != 1 }} read as money out and <strong>{{ pv.n_in }}</strong> as money in.{% if atype in ('credit_card', 'line_of_credit') and pv.n_out == 0 %} <span class="neg">A card statement should have purchases as money out. Check the account type above.</span>{% endif %}</p>
  <p class="small muted">{{ pv.note }}{% if pv.period[0] %} Period {{ pv.period[0] }} to {{ pv.period[1] }}.{% endif %}</p>
  <div class="tscroll"><table class="t"><thead><tr><th>Date</th><th>Description</th><th style="text-align:right">Amount</th></tr></thead><tbody>
  {% for t in pv.rows %}{% if pv.gap and loop.index == 10 %}<tr><td colspan="3" class="muted">&hellip;</td></tr>{% endif %}
  <tr><td>{{ t.date }}</td><td>{{ t.desc }}</td><td style="text-align:right">{{ money(-t.out_cents) if t.out_cents < 0 else money(t.out_cents) }}{% if t.out_cents < 0 %} <span class="chip green">in</span>{% endif %}</td></tr>{% endfor %}
  </tbody></table></div>
  <p class="small muted">Compare a few rows with your statement. If money out and money in are swapped, or dates are off, edit the layout below.</p></div>
{% endif %}

{% if spec %}
<form class="card" method="post" action="/statements/{{ st.id }}/template/save">
  <input type="hidden" name="atype" value="{{ atype }}"><input type="hidden" name="account_id" value="{{ acct.id if acct else '' }}"><input type="hidden" name="source" value="{{ source }}">
  <div class="grid2">
    <label class="f">Name this layout<input type="text" name="name" required maxlength="80" value="{{ inst or 'My bank' }} {{ atype|replace('_', ' ') }} {{ st.kind|upper }}"></label>
    <label class="f">Institution<input type="text" name="institution" maxlength="60" value="{{ inst }}"></label>
  </div>
  <details class="fold"><summary>Fine-tune the layout (advanced)</summary>
    <label class="f">Layout, as data<textarea name="spec" rows="16" spellcheck="false">{{ spec_json }}</textarea></label></details>
  <button class="btn" type="submit">Save this layout and file the statement{% if acct %} to {{ acct.name }}{% endif %}</button>
</form>
{% else %}
<div class="card aged"><h3>Alberich could not draft a layout</h3><p class="small">That happens with scanned PDFs or unusual designs. {% if excerpt is not none %}The Warlock can sometimes help, below.{% endif %}</p></div>
{% endif %}

{% if excerpt is not none %}
<form class="card aged" method="post" action="/statements/{{ st.id }}/template/refine" data-busy="The Warlock is studying the layout. This can take up to a minute.">
  <input type="hidden" name="atype" value="{{ atype }}"><input type="hidden" name="account_id" value="{{ acct.id if acct else '' }}">{% if flip %}<input type="hidden" name="flip" value="on">{% endif %}
  <h3>Ask the Warlock for a better layout</h3>
  {% if not llm.key_present %}<p class="small muted">No Anthropic key is configured, so this is switched off.</p>
  {% elif llm.killed %}<p class="small muted">The Warlock is switched off.</p>
  {% else %}
  <p class="small">Only the text below would be sent, to Anthropic, whose model the Warlock speaks through. Every digit has been replaced by 9 and the wording of each transaction by x's, so no amounts, dates, names or account numbers leave this machine. Used this month: {{ '%.1f' % llm.spent_cents }}&cent; of {{ llm.cap_cents }}&cent;.</p>
  <pre class="excerpt">{{ excerpt }}</pre>
  <label class="check"><input type="checkbox" name="consent">I have read it and agree to send exactly this</label>
  <button class="btn" type="submit" data-needs-consent>Ask the Warlock</button>{% endif %}
</form>
{% endif %}
{% endblock %}