{% load humanize %}
<table class="display table table-striped table-bordered">
    <thead>
    <tr>
        <th>S/N</th>
        <th>Charge/Function</th>
        <th>Application</th>
        <th>Amount/Percentage</th>
        <th>Measure</th>
        <th>Interval</th>
        <th>Actions</th>
    </tr>
    </thead>
    <tbody id="types_table_rows">
    {% for charge in general_charges %}
        <tr>
            <td>{{ forloop.counter }}</td>
            <td>{{ charge.charge }}</td>
            {% if charge.application == 'l' %}
                <td>Loans</td>
            {% elif charge.application == 'r' %}
                <td>Registration</td>
            {% elif charge.application == 's' %}
                <td>Shares</td>
            {% elif charge.application == 'o' %}
                <td>Others</td>
            {% endif %}



            <td>{{ charge.amount | intcomma }}</td>
            {% if charge.is_percentage %}
                <td>Percentage</td>
            {% else %}
                <td>Amount</td>
            {% endif %}



            {% if charge.execution_period == 'd' %}
                <td>After every {{ charge.execution_period_number }} {% if charge.execution_period_number == 1 %}
                    day{% else %}days{% endif %}</td>
            {% elif charge.execution_period == 'w' %}
                <td>After every {{ charge.execution_period_number }} {% if charge.execution_period_number == 1 %}
                    week{% else %}weeks{% endif %}</td>
            {% elif charge.execution_period == 'm' %}
                <td>After every {{ charge.execution_period_number }} {% if charge.execution_period_number == 1 %}
                    month{% else %}months{% endif %}</td>
            {% elif charge.execution_period == 'y' %}
                <td>After every {{ charge.execution_period_number }} {% if charge.execution_period_number == 1 %}
                    year{% else %}years{% endif %}</td>
            {% else %}
                <td> --</td>
            {% endif %}



            <td>
                <button type="button" class="btn btn-info mr-3"
                        onclick="setEditData({{ charge.id }},{{ charge.get_id }})">Edit
                </button>
                {% if charge.status %}
                    <a href="{% url 'activate_or_deativate_charge' charge.id %}">
                        <button type="button" class="btn btn-danger mr-3">Deactivate</button>
                    </a>
                {% else %}
                    <a href="{% url 'activate_or_deativate_charge' charge.id %}">
                        <button type="button" class="btn btn-success mr-3">Activate</button>
                    </a>
                {% endif %}

            </td>

        </tr>

    {% endfor %}
    </tbody>
    <tfoot>
    <tr>
        <th>S/N</th>
        <th>Charge/Function</th>
        <th>Application</th>
        <th>Amount/Percentage</th>
        <th>Measure</th>
        <th>Interval</th>
        <th>Actions</th>
    </tr>
    </tfoot>
</table>