{% load humanize %}
{% load custom_filters %}

<h5 class="mb-3">
    Journal Voucher :
    <span class="fw-bold fs-4">
        {{ ref|format_ref_no }}
    </span>
</h5>

<table class="table table-sm table-bordered">

    <thead class="table-light">
        <tr>
            <th>Account</th>
            <th>Description</th>
            <th class="text-end">Amount</th>
        </tr>
    </thead>

    <tbody>

        {% for r in rows %}

        <tr>
            <!-- <td class="{% if r.acct|cut:' ' == highlight_acct|cut:' ' %}fw-bold{% endif %}">
            {{ r.acct|format_acct_no }}
        </td> -->
        <td>
    <div class="{% if r.acct|cut:' ' == highlight_acct|cut:' ' %}fw-bold{% endif %}">
        {{ r.acct|format_acct_no }}
    </div>
    <div class="text-muted small">
        {{ r.acct_name }}
    </div>
</td>
            <td>{{ r.desc }}</td>
            <td class="text-end {% if r.acct|cut:' ' == highlight_acct|cut:' ' %}fw-bold{% endif %}">
                {{ r.amt|intcomma }}
            </td>
        </tr>

        {% endfor %}

        {% if not rows %}
        <tr>
            <td colspan="3" class="text-center text-muted">
                No journal data found
            </td>
        </tr>
        {% endif %}

    </tbody>

</table>