{% extends "pos/base.html" %}
{% block title %}Tax Split (Guest Checkouts){% endblock %}
{% block heading %}Tax Split (Guest Checkouts){% endblock %}
{% block content %}
<form class="form-inline mb-2" method="get">
  <label class="mr-2">Start</label><input type="date" name="start" class="form-control mr-2" value="{{ start|date:'Y-m-d' }}">
  <label class="mr-2">End</label><input type="date" name="end" class="form-control mr-2" value="{{ end|date:'Y-m-d' }}">
  <button class="btn btn-primary">Go</button>
</form>
<div class="card"><div class="card-body p-0">
<table class="table table-sm mb-0">
  <thead><tr><th>Date</th><th>Invoice</th><th>Route</th><th class="text-right">Eff%</th><th class="text-right">Tax</th><th class="text-right">Cash</th><th class="text-right">Digital</th><th class="text-right">Grand</th></tr></thead>
  <tbody>
    {% for d,inv,route,eff,tax,cash,dig,grand in rows %}
    <tr>
      <td>{{ d }}</td><td>{{ inv }}</td><td>{{ route }}</td>
      <td class="text-right">{{ eff|floatformat:2 }}</td>
      <td class="text-right">{{ tax|floatformat:2 }}</td>
      <td class="text-right">{{ cash|floatformat:2 }}</td>
      <td class="text-right">{{ dig|floatformat:2 }}</td>
      <td class="text-right">{{ grand|floatformat:2 }}</td>
    </tr>
    {% empty %}<tr><td colspan="8" class="text-center text-muted">No rows.</td></tr>{% endfor %}
    <tr><th colspan="4">Totals</th><th class="text-right">{{ total_tax|floatformat:2 }}</th><th class="text-right">{{ total_cash|floatformat:2 }}</th><th class="text-right">{{ total_digital|floatformat:2 }}</th><th></th></tr>
  </tbody>
</table>
</div></div>
{% endblock %}