{% extends 'extends/layout.html' %}
{% load static %}
{% block content %}
    {% load humanize %}
    <div class="row">
        <!-- Start col -->
        <div class="col-lg-12">
            <div class="card m-b-30">
                <div class="card-header">
                    <div class="row justify-content-between">
                        <div class="col-md-9">
                            <form method="get" enctype="multipart/form-data" style="padding-bottom: 3px">
                                {% csrf_token %}
                                <div class="row">
                                    {% if show_business_filters %}
                                        <div class="col-md-2 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="form-inline col-md-2">
                                        <label class="sr-only">Application Status : </label>
                                        <select class="form-control form-control-sm" name="loan_status_filter" id="filter" >
                                            <option value="" selected disabled>Select loan status</option>
                                            <option value="0" {% if loan_status_filter == '0' %}selected{% endif %}>Applied</option>
                                            <option value="1" {% if loan_status_filter == '1' %}selected{% endif %}>Appraised</option>
                                            <option value="2" {% if loan_status_filter == '2' %}selected{% endif %}>Approved Applications</option>
                                        </select>
                                    </div>
                                    <div class="col-md-3 form-group" id="mem_name">
                                        <input type="text" class="form-control form-control-sm" name="member_name" value='{{ member_name }}' placeholder="Enter member's name">
                                    </div>
                                    <div class="col-md-2 form-group" id="loan_number">
                                        <input type="text" class="form-control form-control-sm" name="loan_number" value='{{ loan_number }}' placeholder="Enter loan number">
                                    </div>

                                    <div class="form-inline col-md-3">
                                        <button class="btn btn-primary btn-sm" type="submit"><i class="fa fa-filter"></i>
                                            Filter
                                        </button>
                                        <a href="{% url 'loan_applications' %}"><button class="btn btn-secondary btn-sm" type="button"><i class="fa fa-filter"></i>
                                            Reset
                                        </button></a>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="col-md-3">
                            <div class="button-list d-flex justify-content-end">
                                {% if not show_business_filters %}
                                <a href="{% url 'apply_loan' %}" class="btn btn-primary btn-sm"><i
                                        class="feather icon-plus mr-2"></i>New Application</a>
                                {% endif %}
                                <a href="{% url 'applications_excel' %}?member_name={{ member_name }}&loan_number={{ loan_number }}&business_filter={{ business_filter }}&loan_status_filter={{ loan_status_filter }}" class="btn btn-success btn-sm"><i
                                        class='fa fa-file-excel-o'></i> EXCEL</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table dt-responsive nowrap w-100">
                            <thead>
                            <tr>
                                <th>SN</th>
                                <th>Member</th>
                                <th>Loan number</th>
                                <th>Amount applied</th>
                                <th>Duration</th>
                                <th>Status</th>
                                {% if show_business_filters %}
                                    <th>Branch</th>
                                {% endif %}
                                <th>Action</th>
                            </tr>
                            </thead>
                            <tbody>

                            {% for loanapp in loan_applications %}
                                <tr>
                                    <td>{{ forloop.counter }}.</td>
                                    <td>{{ loanapp.applicant.biodata.name }}</td>
                                    <td>{{ loanapp.loan_number }}</td>
                                    <td>{{ loanapp.amount_requested|intcomma }}</td>
                                    <td>{{ loanapp.requested_duration }} {{ loanapp.loan_type.get_interval_display }}</td>
                                    <td>{{ loanapp.get_loan_status_display }}</td>
                                    {% if show_business_filters %}
                                        <td>{{ loanapp.branch.name }}</td>
                                    {% endif %}
                                    <td>
                                        <a href="{% url 'loan_details' loanapp.id %}" class="btn btn-success btn-sm">
                                            <i class="fa fa-eye"></i> Details</a>
                                    </td>
                                </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                    </div>
                    {% if loan_applications.has_other_pages %}
                        <div class="row mt-3">
                            <div class="col-md-6">
                                <nav aria-label="Page navigation">
                                    <ul class="pagination mb-0">
                                        {% if loan_applications.has_previous %}
                                            <li class="page-item">
                                                <a class="page-link"
                                                   href="?page={{ loan_applications.previous_page_number }}&member_name={{ member_name }}&loan_number={{ loan_number }}&business_filter={{ business_filter }}&loan_status_filter={{ loan_status_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 loan_applications.paginator.page_range %}
                                            {% if loan_applications.number == num %}
                                                <li class="page-item active">
                                    <span class="page-link">
                                        {{ num }}
                                        <span class="sr-only">(current)</span>
                                    </span>
                                                </li>
                                            {% elif num > loan_applications.number|add:'-3' and num < loan_applications.number|add:'3' %}
                                                <li class="page-item">
                                                    <a class="page-link"
                                                       href="?page={{ num }}&member_name={{ member_name }}&loan_number={{ loan_number }}&business_filter={{ business_filter }}&loan_status_filter={{ loan_status_filter }}">{{ num }}</a>
                                                </li>
                                            {% endif %}
                                        {% endfor %}

                                        {% if loan_applications.has_next %}
                                            <li class="page-item">
                                                <a class="page-link"
                                                   href="?page={{ loan_applications.next_page_number }}&member_name={{ member_name }}&loan_number={{ loan_number }}&business_filter={{ business_filter }}&loan_status_filter={{ loan_status_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 {{ loan_applications.number }} of {{ loan_applications.paginator.num_pages }}
                                </p>
                            </div>
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>
        <!-- End col -->
    </div>
{% endblock %}