{% extends "pos/base.html" %}
{% block title %}Customer Ledger{% endblock %}
{% block heading %}Customer Ledger{% endblock %}
{% block content %}
<form class="form-inline mb-2" method="get">
  <label class="mr-2">Customer TID</label>
  <input type="number" name="customer_tid" class="form-control mr-2" value="{{ customer.t_id|default_if_none:'' }}">
  <button class="btn btn-primary">Load</button>
</form>

{% if customer %}
<div class="card"><div class="card-body p-0">
<table class="table table-sm mb-0">
  <thead><tr><th>Date</th><th>Inv/Desc</th><th class="text-right">Total</th><th class="text-right">Recv</th><th class="text-right">Balance</th></tr></thead>
  <tbody>
    {% for d,desc,tot,rcv,bal in rows %}
    <tr><td>{{ d }}</td><td>{{ desc }}</td><td class="text-right">{{ tot|floatformat:2 }}</td><td class="text-right">{{ rcv|floatformat:2 }}</td><td class="text-right">{{ bal|floatformat:2 }}</td></tr>
    {% empty %}<tr><td colspan="5" class="text-center text-muted">No rows.</td></tr>{% endfor %}
  </tbody>
</table>
</div></div>
{% endif %}
{% endblock %}