{% extends "base.html" %}
{% block content %}

<div class="d-flex align-items-center gap-3 mb-3">
  <h5 class="mb-0">{{ 'Chart of Accounts' if upload_type == 'COA' else 'Entry' }} Rows</h5>
  <a class="btn btn-sm btn-outline-gold" href="javascript:history.back()">Back</a>
</div>

{% if upload_type == 'COA' %}
<table class="table table-dark table-hover table-sm">
  <thead>
    <tr>
      <th style="width:180px;">Account No</th>
      <th>Description</th>
    </tr>
  </thead>
  <tbody>
    {% for account_no, description in rows %}
    <tr>
      <td class="mono" style="color:#e0e0e0;">{{ account_no }}</td>
      <td>{{ description }}</td>
    </tr>
    {% else %}
    <tr><td colspan="2" class="text-muted text-center py-3">No rows.</td></tr>
    {% endfor %}
  </tbody>
</table>

{% else %}
<table class="table table-dark table-hover table-sm">
  <thead>
    <tr>
      <th style="width:100px;">Date</th>
      <th style="width:130px;">Account</th>
      <th style="width:130px;">Contra</th>
      <th class="text-end" style="width:130px;">Amount</th>
      <th>Reference</th>
      <th style="width:100px;">Int. Balanced</th>
    </tr>
  </thead>
  <tbody>
    {% for date, acct, contra, amt, ref, ib in rows %}
    <tr>
      <td>{{ date }}</td>
      <td class="mono" style="color:#e0e0e0;">{{ acct }}</td>
      <td class="mono" style="color:#9a9a9a;">{{ contra or '' }}</td>
      <td class="text-end font-monospace">{{ "%.2f"|format(amt|float) }}</td>
      <td>{{ ref or '' }}</td>
      <td class="text-muted">{{ 'yes' if ib else '' }}</td>
    </tr>
    {% else %}
    <tr><td colspan="6" class="text-muted text-center py-3">No rows.</td></tr>
    {% endfor %}
  </tbody>
</table>
{% endif %}

{% endblock %}