{% extends 'extends/layout.html' %}
{% load static %}
{% load humanize %}
{% block content %}
    {% load mathfilters %}
    {% load humanize %}

    <div class="card">
    <div class="card-body">
        <form method="get">
            <div class="row">
                {% if show_business_filters %}
                <div class="col-md-1 form-group" >
                    <select class="form-control form-control-sm" name="business_filter" id="business_filter">
                        <option value="" >Select branch</option>
                        <option value="all_branches" {% if business_filter == 'all_branches' %}selected{% endif %}>All branches</option>

                        {% for branch in businesses_list_filter %}
                            <option value="{{ branch.business.id }}" {% if business_filter == branch.business.id|stringformat:"s" %}selected{% endif %}>{{ branch.name }}</option>
                        {% endfor %}
                    </select>
                </div>
                {% endif %}
                <div class="col-md-2 form-group" id="loan_officer_filter">
                    <select class="form-control form-control-sm" name="loan_officer">
                        <option selected disabled value="">Select Loan Officer</option>
                        {% if loan_officers %}
                            {% for loan_officer_ in loan_officers %}
                                <option value="{{ loan_officer_.id|stringformat:'s' }}" {% if loan_officer|stringformat:'s' == loan_officer_.id|stringformat:'s' %} selected {% endif %}>{{ loan_officer_.biodata.name }}</option>
                            {% endfor %}
                        {% else %}
                            <option disabled>No Loan Officers</option>
                        {% endif %}
                    </select>
                </div>
                <div class="col-md-2 form-group" id="start_datee_filter">
                    <input type="date" class="form-control form-control-sm border" name="start_date" value="{{ start_date }}">
                </div>
                <div class="col-md-2 form-group" id="end_date_ff">
                    <input type="date" class="form-control form-control-sm border" name="end_date" value="{{ end_date }}">
                </div>

                <div class="col-md-2">
                    <button class="btn btn-primary btn-sm" type="submit"><i class="fa fa-filter"></i>
                        Filter
                    </button>
                    <a href="{% url 'running_loans' %}"><button class="btn btn-secondary btn-sm" type="button"><i class="fa fa-filter"></i>
                        Reset
                    </button></a>
                </div>

                <div class="col-md-3">
                    {% if not show_business_filters %}
                    <a href="{% url 'apply_loan' %}" class="btn btn-primary btn-sm "><i class="fa fa-plus"></i> New
                        Application</a>
                    {% endif %}

                    <a href="{% url 'running_excel' %}?loan_officer={{ loan_officer }}&start_date={{ start_date }}&end_date={{ end_date }}&business_filter={{ business_filter }}" class="btn btn-success btn-sm"><i
                            class='fa fa-file-excel'></i> EXCEL</a>
                </div>


            </div>
        </form>
    </div>
    </div>

    <div class="row">

        <!-- Start col -->
        <div class="col-lg-12">
            <div class="card m-b-30">

                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table">
                            <thead>
                            <tr>
                                <th class="">#</th>
{#                                <th class="">Voucher</th>#}
                                <th class="">Applicant</th>
                                <th class="">Contact</th>
                                <th class="">Group</th>
                                <th class="">Loan No.</th>
                                <th class="">A/C No</th>
{#                                <th class="">Requested</th>#}
                                <th class="">Approved</th>
                                <th class="">Loan Officer</th>
                                <th class="">Duration</th>
{#                                <th class="">Status</th>#}
                                <th class="">Disbursement Date</th>
                                <th class="">Details</th>
                            </tr>
                            </thead>
                            <tbody>
                            {% for loanapp in running_loans %}
                                <tr>
                                    <td class="">{{ forloop.counter }}.</td>
{#                                    <td class="">{{ loanapp.voucher }}.</td>#}
                                    <td class="">{{ loanapp.applicant.biodata.name }}</td>
                                    <td class="">{{ loanapp.applicant.biodata.contact | default_if_none:"-" }}</td>
                                    <td class="">{{ loanapp.applicant_group }}</td>
                                    <td class="">{{ loanapp.loan_number }}</td>
                                    <td class="">{{ loanapp.account.acc_number }}</td>
{#                                    <td class="">{{ loanapp.amount_requested|intcomma }}</td>#}
                                    <td class=""> {{ loanapp.amount_approved|intcomma }}</td>
                                    <td class=""> {{ loanapp.officer.biodata.name | default_if_none:"-" }}</td>
                                    <td class="">{{ loanapp.requested_duration }} {{ loanapp.loan_type.get_period }}</td>
{#                                    <td class="">{{ loanapp.get_loan_status_display }}</td>#}
                                    <td class="">{{ loanapp.schedule_start | default_if_none:"-" }}</td>
                                    <td class="">
                                        <a href="{% url 'loan_details' loanapp.id %}" class="btn btn-success "> <i
                                                class="fa fa-eye"></i> Details</a>
                                    </td>
                                </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                    </div>
                    {% if running_loans.has_other_pages %}
                        <div class="row mt-3">
                            <div class="col-md-6">
                                <nav aria-label="Page navigation">
                                    <ul class="pagination mb-0">
                                        {% if running_loans.has_previous %}
                                            <li class="page-item">
                                                <a class="page-link"
                                                   href="?page={{ running_loans.previous_page_number }}&loan_officer={{ loan_officer }}&start_date={{ start_date }}&end_date={{ end_date }}&business_filter={{ business_filter }}"
                                                   aria-label="Previous">
                                                    <span aria-hidden="true">&laquo;</span>
                                                </a>
                                            </li>
                                        {% else %}
                                            <li class="page-item disabled">
                                                <span class="page-link" aria-hidden="true">&laquo;</span>
                                            </li>
                                        {% endif %}

                                        {% for num in running_loans.paginator.page_range %}
                                            {% if running_loans.number == num %}
                                                <li class="page-item active">
                                    <span class="page-link">
                                        {{ num }}
                                        <span class="sr-only">(current)</span>
                                    </span>
                                                </li>
                                            {% elif num > running_loans.number|add:'-3' and num < running_loans.number|add:'3' %}
                                                <li class="page-item">
                                                    <a class="page-link"
                                                       href="?page={{ num }}&loan_officer={{ loan_officer }}&start_date={{ start_date }}&end_date={{ end_date }}&business_filter={{ business_filter }}">{{ num }}</a>
                                                </li>
                                            {% endif %}
                                        {% endfor %}

                                        {% if running_loans.has_next %}
                                            <li class="page-item">
                                                <a class="page-link"
                                                   href="?page={{ running_loans.next_page_number }}&loan_officer={{ loan_officer }}&start_date={{ start_date }}&end_date={{ end_date }}&business_filter={{ business_filter }}"
                                                   aria-label="Next">
                                                    <span aria-hidden="true">&raquo;</span>
                                                </a>
                                            </li>
                                        {% else %}
                                            <li class="page-item disabled">
                                                <span class="page-link" aria-hidden="true">&raquo;</span>
                                            </li>
                                        {% endif %}
                                    </ul>
                                </nav>
                            </div>
                            <div class="col-md-6 text-md-right mt-3 mt-md-0">
                                <p class="text-muted mb-0">
                                    Page {{ running_loans.number }} of {{ running_loans.paginator.num_pages }}
                                </p>
                            </div>
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>
        <!-- End col -->
    </div>
{% endblock %}