{% extends "base.html" %}
{% set title = 'Customer Statements' if side == 'customer' else 'Vendor Statements' %}
{% block title %}{{ t(title) }}{% endblock %}
{% block content %}
<div class="page-head"><div><h1>{{ t(title) }}</h1>
  <small>{{ t('Balances from the general ledger. Open a statement, download it as PDF, or email several at once.') }}</small></div></div>
<form class="filters" method="get">
  <input type="search" name="q" value="{{ search }}" placeholder="{{ t('Search…') }}">
  <label>{{ t('From') }} <input type="date" name="date_from" value="{{ date_from }}"></label>
  <label>{{ t('To') }} <input type="date" name="date_to" value="{{ date_to }}"></label>
  <label class="chip"><input type="checkbox" name="all" value="1" {{ 'checked' if not with_balance }}> {{ t('Include zero balances') }}</label>
  <button class="btn">{{ t('Filter') }}</button>
</form>
<form method="post" action="{{ url_for('statements.send_many', side=side) }}" id="bulk">
  <input type="hidden" name="date_from" value="{{ date_from }}"><input type="hidden" name="date_to" value="{{ date_to }}">
  <div class="card flush">
    <table>
      <thead><tr>{% if can_write %}<th style="width:36px"><input type="checkbox" id="all-rows" aria-label="{{ t('Select all') }}"></th>{% endif %}
        <th>{{ t('Customer') if side == 'customer' else t('Vendor') }}</th><th>{{ t('Email') }}</th>
        <th class="num">{{ t('Balance') }} {{ date_to }}</th><th>{{ t('Last sent') }}</th><th></th></tr></thead>
      <tbody>
      {% for r in rows %}
        <tr>{% if can_write %}<td><input type="checkbox" name="pid" value="{{ r.p.id }}" {{ 'disabled' if not r.p.email }} title="{{ '' if r.p.email else t('No email address') }}"></td>{% endif %}
          <td><a href="{{ url_for('statements.view', side=side, pid=r.p.id, date_from=date_from, date_to=date_to) }}"><b>{{ nm(r.p) }}</b></a></td>
          <td>{{ r.p.email or '' }}{% if not r.p.email %}<small class="muted">—</small>{% endif %}</td>
          <td class="num">{% for cur, v in r.bal.items() %}<div class="{{ 'neg' if v < 0 }}">{{ v|money(cur) }} <small>{{ cur }}</small></div>{% else %}0{% endfor %}</td>
          <td><small class="muted">{{ last[r.p.id].sent_at.replace('T', ' ')[:16] if r.p.id in last else '' }}</small></td>
          <td class="num"><a class="btn ghost small" href="{{ url_for('statements.pdf', side=side, pid=r.p.id, date_from=date_from, date_to=date_to) }}" target="_blank">PDF</a></td></tr>
      {% else %}<tr><td class="empty" colspan="6">{{ t('Nothing yet.') }}</td></tr>{% endfor %}
      </tbody>
      {% if totals %}<tfoot><tr>{% if can_write %}<td></td>{% endif %}<td colspan="2">{{ t('Total') }}</td>
        <td class="num">{% for cur, v in totals.items() %}<div>{{ v|money(cur) }} <small>{{ cur }}</small></div>{% endfor %}</td><td colspan="2"></td></tr></tfoot>{% endif %}
    </table>
  </div>
  {% if can_write and rows %}
  <div class="form-actions">
    <button class="btn" name="kind" value="statement" {{ 'disabled' if not mail_ready }}>{{ icon('mail') }}{{ t('Email statements to selected') }}</button>
    {% if side == 'customer' %}<button class="btn ghost" name="kind" value="reminder" {{ 'disabled' if not mail_ready }}>{{ t('Send payment reminders to selected') }}</button>{% endif %}
    {% if not mail_ready %}<small class="muted">{{ t('The outgoing mail server is not set up yet.') }}{% if is_admin %} <a href="{{ url_for('setup.company_view') }}#email">{{ t('Set it up in Company settings') }}</a>{% endif %}</small>{% endif %}
  </div>
  {% endif %}
</form>
{% endblock %}
{% block scripts %}
<script>
(function () {
  var all = document.getElementById('all-rows');
  if (all) all.addEventListener('change', function () {
    document.querySelectorAll('#bulk input[name=pid]:not(:disabled)').forEach(function (c) { c.checked = all.checked; });
  });
})();
</script>
{% endblock %}