{% extends 'extends/layout.html' %}
{% load static %}
{% block content %}
    {% block styles %}
        <!-- DataTables css -->

    {% endblock %}
    {% block scripts %}
        <!-- Datatable js -->

    {% endblock %}
    <div class="row">
        <!-- Start col -->
        <div class="col-lg-12">
            <div class="card m-b-30">
                <div class="card-body">
                    <form method="post" enctype="multipart/form-data" autocomplete="off">
                        {% csrf_token %}
                        <div class="row">
                            <div class="mb-2 col-md-6">
                                <label class="form-label" for="account">Member Account</label>
                                    <select class="form-control select2" data-toggle="select2"
                                            onchange="checkmember(this.value)" name="account" id="account" required>
                                        <option value="" selected disabled>Select Account</option>
                                        {% for member in members %}
                                            <option value="{{ member.the_account.id }}">
                                                {{ member.members.biodata.name }} Tel. +{{ member.members.biodata.contact }} - A/c No.{{ member.the_account }} - {{ member.the_account.account_type.name }}
                                            </option>
                                        {% endfor %}
                                    </select>
                                <span id="memberresponse" style="display: none"></span>
                            </div>
                            <div class="mb-2 col-md-6">
                                <label class="form-label" for="loan_type">Loan Type</label>
                                    <select class="form-control select2" data-toggle="select2"
                                            onchange="getvalues(this.value)" name="loan_type" id="loan_type" required>
                                        <option value="" selected disabled>Select Account</option>
                                        {% for item in loan_types %}
                                            <option value="{{ item.id }}">
                                                {{ item.name }} - {{ item.interest_rate }}% - {{ item.get_formula_display }}
                                            </option>
                                        {% endfor %}

                                    </select>
                            </div>
                            <div class="mb-2 col-md-6">
                                <label class="form-label" for="amount">Amount Requested</label>
                                <input type="text" class="form-control" id="amount" name="amount"
                                       placeholder="Enter requested amount" data-type="currency" required>
                            </div>


                            <div class="col-md-12" id="assessment" style="display: none">
                                <div style="text-align: center;"><U><B><h4>Loan Application assessment Form</h4></B></U></div>
                            </div>
                            <div class="mb-2 col-md-6">
                                <label class="form-label" for="assessment">Add Loan Assessment Form ?</label>
                                <select class="form-control" id="assessment"
                                        name="assessment " onchange="assess(this.value)" required>
                                    <option value=2>No</option>
                                    <option value=1>Yes</option>
                                </select>
                            </div>
                        </div>

                        <div class="modal-footer">
                            <button type="reset" class="btn btn-warning">Clear</button>
                            <button type="submit" id='apply' class="btn btn-primary">Submit</button>
                        </div>
                    </form>

                </div>
            </div>
        </div>
        <!-- End col -->

        <!-- End col -->
    </div>
{% endblock %}