{% load humanize %}
<table id="basic-datatable" class="table dt-responsive nowrap w-100">
    <thead>
    <tr>
        <th>#</th>
        <th>Txn</th>
        <th>Date</th>
        <th>Transaction</th>
        <th>Ledger (Account)</th>
        <th>Amount(debit)</th>
        <th>Amount(Credit)</th>
        <th>Description</th>
    </tr>
    </thead>
    <tbody>
    {% for gl in general_ledgers %}
        <tr>
            <td>{{ forloop.counter }}</td>
            <td>{{ gl.txno }}</td>
            <td>{{ gl.tx_date }}</td>
            <td>{{ gl.transaction_type }}</td>
            <td>{{ gl.account_dr.member.member_names|default:gl.account_dr.name }}</td>
            <td>{{ gl.reporting_amount|intcomma }}</td>
            <td></td>
            <td>{{ gl.narration }}</td>
        </tr>
        <tr>
            <td></td>
            <td>{{ gl.txno }}</td>
            <td>{{ gl.tx_date }}</td>
            <td>{{ gl.action }}</td>
            <td>{{ gl.account_cr.member.member_names|default:gl.account_cr.name }}</td>
            <td></td>
            <td>{{ gl.reporting_amount|intcomma }}</td>
            <td>{{ gl.narration }}</td>
        </tr>
    {% endfor %}
    </tbody>
</table>
{% if general_ledgers.has_other_pages %}
    <nav aria-label="Page navigation example">
        <ul class="pagination justify-content-end">
            {% if general_ledgers.has_previous %}
                <li class="page-item active ml-1"><a class="page-link" href="?page=1&query={{ query }}">&laquo;
                    first</a></li>
                <li class="page-item active ml-1"><a class="page-link"
                                                     href="?page={{ general_ledgers.previous_page_number }}&query={{ query }}">previous</a>
                </li>
            {% endif %}

            <li class="page-item ml-1">
                                    <span class="current page-item">
                                    Page {{ general_ledgers.number }} of {{ general_ledgers.paginator.num_pages }}.
                                </span></li>

            {% if general_ledgers.has_next %}
                <li class="page-item active ml-1"><a class="page-link"
                                                     href="?page={{ general_ledgers.next_page_number }}&query={{ query }}">next</a>
                </li>
                <li class="page-item active ml-1"><a class="page-link"
                                                     href="?page={{ general_ledgers.paginator.num_pages }}&query={{ query }}">last
                    &raquo;</a></li>
            {% endif %}
        </ul>
    </nav>
{% endif %}