{% extends "base.html" %}
{% block title %}{{ s.number }}{% endblock %}
{% block content %}
{% set cur = branch.currency %}
{% set open = s.state == 'open' %}
<div class="page-head">
  <div><small><a href="{{ url_for('bank.index') }}">{{ t('Bank Reconciliation') }}</a> · {{ s.jcode }} — {{ nm({'name_en': s.jname_en, 'name_ar': s.jname_ar}) }}</small>
    <h1>{{ s.number }} {% if s.state == 'reconciled' %}<span class="badge st-posted">{{ t('Reconciled') }}</span>{% else %}<span class="badge st-warn">{{ t('Open') }}</span>{% endif %}</h1>
    <small>{{ s.name or '' }} · {{ s.date }}</small></div>
  {% if can_write %}
  <div class="actions">
    {% if open %}
      <form method="post" action="{{ url_for('bank.action', sid=s.id, action='auto') }}" class="inline"><button class="btn ghost">⚡ {{ t('Auto-match') }}</button></form>
      <form method="post" action="{{ url_for('bank.action', sid=s.id, action='validate') }}" class="inline"><button class="btn" {{ 'disabled' if tot.open or tot.difference }}>{{ t('Validate') }}</button></form>
      <form method="post" action="{{ url_for('bank.action', sid=s.id, action='delete') }}" class="inline" data-confirm="{{ t('Delete this statement?') }}"><button class="btn danger">{{ t('Delete') }}</button></form>
    {% else %}
      <form method="post" action="{{ url_for('bank.action', sid=s.id, action='reopen') }}" class="inline"><button class="btn ghost">{{ t('Reopen') }}</button></form>
    {% endif %}
  </div>
  {% endif %}
</div>
<div class="kpis">
  <div class="kpi"><div class="label">{{ t('Starting balance') }}</div><div class="value num">{{ s.balance_start|money(cur) }}</div></div>
  <div class="kpi"><div class="label">{{ t('Ending balance') }}</div><div class="value num">{{ s.balance_end|money(cur) }}</div><div class="sub">{{ t('Computed') }} {{ tot.computed_end|money(cur) }}</div></div>
  <div class="kpi {{ 'alert' if tot.difference }}"><div class="label">{{ t('Difference') }}</div><div class="value num">{{ tot.difference|money(cur) }}</div></div>
  <div class="kpi {{ 'alert' if tot.open }}"><div class="label">{{ t('To reconcile') }}</div><div class="value num">{{ tot.open }} / {{ tot.lines }}</div></div>
</div>

<div class="card flush">
  <table class="bank-lines">
    <thead><tr><th>{{ t('Date') }}</th><th>{{ t('Description') }}</th><th>{{ t('Reference') }}</th><th class="num">{{ t('Money in') }}</th><th class="num">{{ t('Money out') }}</th><th>{{ t('Status') }}</th></tr></thead>
    {% for it in lines %}{% set ln = it.ln %}
    <tbody id="l{{ ln.id }}" class="{{ 'is-open' if ln.state == 'unmatched' }}">
      <tr><td class="num">{{ ln.date }}</td><td><b>{{ ln.description or '' }}</b>{% if ln.partner_name %}<br><small>{{ ln.partner_name }}</small>{% endif %}</td>
        <td>{{ ln.reference or '' }}</td>
        <td class="num">{{ ln.amount|money(cur) if ln.amount > 0 else '' }}</td><td class="num">{{ (-ln.amount)|money(cur) if ln.amount < 0 else '' }}</td>
        <td>{% if ln.state == 'matched' %}<span class="badge st-posted">✓ {{ t('Matched') }}</span>{% else %}<span class="badge st-warn">{{ t('To reconcile') }}</span>{% endif %}</td></tr>
      {% if ln.state == 'matched' %}
      <tr class="sub-row"><td></td><td colspan="5">
        {% for m in it.matched %}<a href="{{ url_for('entries.view', move_id=m.mid) }}">{{ m.move_name }}</a> <small class="muted">{{ m.date }} · {{ m.label or '' }} · {{ (m.debit - m.credit)|money(cur) }}</small>{% if not loop.last %} · {% endif %}{% endfor %}
        {% if can_write and open %}<form method="post" action="{{ url_for('bank.action', sid=s.id, action='unmatch') }}" class="inline"><input type="hidden" name="line_id" value="{{ ln.id }}"><button class="btn ghost small">{{ t('Unmatch') }}</button></form>{% endif %}
      </td></tr>
      {% elif open and can_write %}
      <tr class="sub-row"><td></td><td colspan="5">
        <details {{ 'open' if it.cands }}>
          <summary>{% if it.cands %}<b>{{ it.cands|length }} {{ t('suggested matches') }}</b>{% else %}{{ t('No exact match — book it or pick items') }}{% endif %}</summary>
          <form method="post" action="{{ url_for('bank.action', sid=s.id, action='match') }}" class="match-form">
            <input type="hidden" name="line_id" value="{{ ln.id }}">
            <table>
              {% for c in it.cands + it.nearby %}
              <tr><td style="width:28px"><input type="checkbox" name="move_line_ids" value="{{ c.id }}" {{ 'checked' if loop.first and it.cands }}></td>
                <td class="num">{{ c.date }}</td><td><a href="{{ url_for('entries.view', move_id=c.move_id) }}">{{ c.move_name }}</a></td>
                <td>{{ nm({'name_en': c.pname_en, 'name_ar': c.pname_ar}) if c.pname_en else '' }} <small class="muted">{{ c.label or c.ref or '' }}</small></td>
                <td class="num {{ 'ok-text' if c in it.cands }}">{{ (c.debit - c.credit)|money(cur) }}</td></tr>
              {% else %}<tr><td class="muted">{{ t('No unreconciled items on this account around this date.') }}</td></tr>{% endfor %}
            </table>
            {% if it.cands or it.nearby %}<button class="btn small">{{ t('Match selected') }}</button>{% endif %}
          </form>
          <div class="two-col" style="margin-top:12px">
            <form method="post" action="{{ url_for('bank.action', sid=s.id, action='book') }}" class="mini">
              <input type="hidden" name="line_id" value="{{ ln.id }}">
              <b>{{ t('Book it') }}</b> <small class="muted">{{ t('bank charges, interest, transfers…') }}</small>
              <div class="filters" style="margin:6px 0 0">
                <select name="account_id" required style="max-width:240px"><option value="">{{ t('Account') }}…</option>{% for a in accounts %}<option value="{{ a.id }}">{{ a.code }} {{ nm(a) }}</option>{% endfor %}</select>
                <select name="partner_id" style="max-width:180px"><option value="">{{ t('Partner') }}…</option>{% for p in partners %}<option value="{{ p.id }}">{{ nm(p) }}</option>{% endfor %}</select>
                <input name="label" placeholder="{{ t('Label') }}" value="{{ ln.description or '' }}">
                <button class="btn ghost small">{{ t('Post & Match') }}</button>
              </div>
            </form>
            {% if it.invoices %}
            <form method="post" action="{{ url_for('bank.action', sid=s.id, action='pay') }}" class="mini">
              <input type="hidden" name="line_id" value="{{ ln.id }}">
              <b>{{ t('Payment for an invoice') }}</b>
              <div class="filters" style="margin:6px 0 0">
                <select name="invoice_id" required style="max-width:340px">{% for i in it.invoices %}<option value="{{ i.id }}">{{ i.number }} · {{ nm({'name_en': i.pname_en, 'name_ar': i.pname_ar}) }} · {{ i.residual|money(cur) }}{{ ' ✓' if i.residual == ln.amount|abs }}</option>{% endfor %}</select>
                <button class="btn ghost small">{{ t('Register & Match') }}</button>
              </div>
            </form>
            {% endif %}
          </div>
          <form method="post" action="{{ url_for('bank.action', sid=s.id, action='delete_line') }}" class="inline" style="margin-top:8px" data-confirm="{{ t('Delete this line?') }}"><input type="hidden" name="line_id" value="{{ ln.id }}"><button class="btn danger small">{{ t('Delete line') }}</button></form>
        </details>
      </td></tr>
      {% endif %}
    </tbody>
    {% else %}<tbody><tr><td class="empty" colspan="6">{{ t('No lines yet. Import a CSV or add lines below.') }}</td></tr></tbody>{% endfor %}
  </table>
</div>

{% if open and can_write %}
<div class="two-col">
  <form method="post" action="{{ url_for('bank.action', sid=s.id, action='line') }}" class="card">
    <h2>{{ t('Add line') }}</h2>
    <div class="grid">
      <div class="field"><label>{{ t('Date') }}</label><input type="date" name="date" value="{{ s.date }}" required></div>
      <div class="field"><label>{{ t('Money in') }}</label><input name="amount_in" class="num" inputmode="decimal"></div>
      <div class="field"><label>{{ t('Money out') }}</label><input name="amount_out" class="num" inputmode="decimal"></div>
      <div class="field"><label>{{ t('Description') }}</label><input name="description"></div>
      <div class="field"><label>{{ t('Reference') }}</label><input name="reference"></div>
      <div class="field"><label>{{ t('Partner') }}</label><input name="partner_name"></div>
    </div>
    <div class="form-actions"><button class="btn ghost">+ {{ t('Add line') }}</button></div>
  </form>
  <div>
    <form method="post" action="{{ url_for('bank.action', sid=s.id, action='import') }}" class="card" enctype="multipart/form-data">
      <h2>{{ t('Import CSV') }}</h2>
      <div class="field"><input type="file" name="file" accept=".csv,.txt" required></div><br>
      <div class="field"><label>{{ t('Date format') }}</label><select name="date_format">{% for fm in formats %}<option value="{{ fm }}">{{ fm }}</option>{% endfor %}</select></div>
      <div class="form-actions"><button class="btn ghost">{{ t('Import') }}</button></div>
    </form>
    <form method="post" action="{{ url_for('bank.action', sid=s.id, action='balances') }}" class="card">
      <h2>{{ t('Statement details') }}</h2>
      <div class="grid">
        <div class="field"><label>{{ t('Description') }}</label><input name="name" value="{{ s.name or '' }}"></div>
        <div class="field"><label>{{ t('Statement date') }}</label><input type="date" name="date" value="{{ s.date }}"></div>
        <div class="field"><label>{{ t('Starting balance') }}</label><input name="balance_start" class="num" value="{{ s.balance_start|plain(cur) or '0' }}"></div>
        <div class="field"><label>{{ t('Ending balance') }}</label><input name="balance_end" class="num" value="{{ s.balance_end|plain(cur) or '0' }}"></div>
      </div>
      <div class="form-actions"><button class="btn ghost">{{ t('Save') }}</button></div>
    </form>
  </div>
</div>
{% endif %}
{% endblock %}