{% extends 'extends/layout.html' %}
{% load static %}
{% load custom_tags %}
{% load humanize %}
{% block content %}
    <div class="row">
        <!-- Start col -->
        <div class="col-lg-12">

            <div class="card m-b-30">
                <div class="card-body">
                    <table id="basic-datatable" class="table dt-responsive nowrap w-100">
                        <thead>
                        <tr>
                            <th>S/N</th>
                            <th>Account Name</th>
                            <th>Account Number</th>
                            <th>Account Type</th>
                            {% if request.user.staff.biodata.business.does_deposit == 1 %}
                                <th>Balance</th>
                            {% endif %}
                            <th>On Portal</th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for account in inactive_accounts %}
                            <tr>
                                <td>{{ forloop.counter }}.</td>
                                <td>
                                    <button class="btn btn-header"
                                            onclick="location.href=''"
                                            title="Click to go to {{ account.members.biodata.name }}'s profile">
                                        {{ account.members.biodata.name|default_if_none:'' }}
                                        <i class="fa fa-external-link"> </i>
                                    </button>
                                </td>
                                <td>{{ account.the_account.acc_number|default_if_none:'' }}</td>
                                <td>{{ account.the_account.account_type.name|default_if_none:'' }}</td>
                                {% if request.user.staff.biodata.business.does_deposit == 1 %}
                                    <td><strong>{{ account.the_account.balance|intcomma|default_if_none:'' }}</strong>
                                    </td> {% endif %}
                                <td>{{ account.members.portal }}</td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <!-- End col -->
    </div>

{% endblock %}