{% load mathfilters %}
{% load custom_tags %}
{% load humanize %}
{% load countries %}

{% if detail.loan_status == status.Disbursed or detail.loan_status == status.Closed %}
    <table class="table dt-responsive nowrap w-100" id="sched_table">
        <thead>
        <tr>
            <th>SN</th>
            <th>SCHEDULE DATE</th>
            <th>INSTALLMENT</th>
            <th>PRINCIPAL</th>
            <th>INTEREST</th>
            <th>PAID</th>
            <th>SCHEDULE BALANCE</th>
            <th>PRINCIPAL BALANCE</th>
            <th>BALANCE</th>
            <th>Action</th>
        </tr>
        </thead>
        <tbody>
        {% for sched in schedule %}
            <tr>
                <td>{{ forloop.counter }}</td>
                <td>{{ sched.payment_date }}</td>
                <td>{{ sched.installment|floatformat:2|intcomma }}</td>
                <td>{{ sched.principal_paid|floatformat:2|intcomma }}</td>
                <td>{{ sched.interest_paid|floatformat:2|intcomma }}</td>
                <td>{{ sched.installment|sub:sched.schedule_balance|floatformat:2|intcomma }}</td>
                <td>{{ sched.schedule_balance|floatformat:2|intcomma }}</td>
                <td>{{ sched.remaining_balance|floatformat:2|intcomma }}</td>
                <td>{{ payable|sub:sched.total_installment|floatformat:2|intcomma }}</td>
                <td>
                    {% if sched.pay == 1 %}
                        <button data-bs-toggle="modal"
                                onclick="payLoan('{{ sched.installment|floatformat:2|intcomma }}', '{{ sched.principal_paid|floatformat:2|intcomma }}', '{{ sched.interest_paid|floatformat:2|intcomma }}')"
                                data-bs-target=".pay"
                                class="btn btn-primary btn-sm"><i
                                class="spinner-grow spinner-grow-sm"
                                role="status"><span
                                class="sr-only">Loading...</span></i> Pay Now
                        </button>
                    {% elif sched.pay == 0 %}
                        <button class="btn btn-success btn-sm" disabled><i
                                class="fa fa-check"></i>
                            Paid
                        </button>
                        {% else %}
                        <button class="btn btn-secondary btn-sm" disabled><i
                                class="fa fa-check"></i>
                            Pending
                        </button>
                    {% endif %}
                </td>

            </tbody>
        {% endfor %}
    </table>


{% elif detail.loan_status == status.WrittenOff %}
    <h4 style="color: #11338a">LOAN WRITTEN OFF AS A BAD DEBT</h4>
{% elif detail.loan_status == status.WrittenOff %}
    <h4 style="color: #11338a">LOAN WRITTEN OFF AS A BAD DEBT</h4>
{% elif detail.loan_status == status.ToppedUp %}
    <h4 style="color: #11338a">LOAN TOPPED AND CLOSED</h4>
{% elif detail.loan_status == status.Rejected %}
    <h4 style="color: #11338a">LOAN APPLICATION REJECTED</h4>
{% else %}
    <h4 style="color: #11338a">LOAN NOT YET DISBURSED</h4>
{% endif %}