{% load mathfilters %}
{% load custom_tags %}
{% load humanize %}
{% load countries %}
{% if loan.loan_status == 0 %}
    <div class="button-list d-flex justify-content-end">
        {% if nsecurities >= maxi_securities %}
            <button class="pull-right btn btn-sm btn-secondary disabled text-capitalize mr-3"
                    disabled
                    title="Sorry you can not add more securities. You might have reached the security limit of {{ maxi_securities }}">
                <i
                        class="fa fa-ban mr-2"></i> Security
            </button>
        {% endif %}
        {% if nsecurities < maxi_securities %}
            <button
                    class="pull-right btn btn-sm btn-outline-primary text-capitalize mr-3"
                    data-bs-toggle="modal" data-bs-target=".add_security"><i
                    class="fa fa-plus mr-2"></i> Security
            </button>
        {% endif %}
    </div>
{% endif %}
{% if securities %}
    <table class="table dt-responsive nowrap w-100">
        <thead>
        <tr>
            <th>SN</th>
            <th>Security</th>
            <th>Value</th>
            <th>Proof</th>
            <th>Description</th>
            <th>Action</th>
        </tr>
        </thead>
        <tbody>
        {% for security in securities %}
            <tr>
                <td>{{ forloop.counter }}</td>
                <td>{{ security.name }}</td>
                <td>{{ security.value|intcomma }}</td>
                <td><a target="popup"
                       onclick="window.open('{{ security.file_url|default_if_none:'#' }}','popup','width=600,height=600'); return false;"
                       href="{{ security.file_url|default_if_none:'#' }}">Proof</a></td>
                <td>{{ security.description }}</td>
                <td>
                    <div class="button-list">
                        {% if loan.loan_status == 0 %}
                            <button data-bs-toggle="modal"
                                    data-bs-target=".edit_security"
                                    class="btn btn-outline-info btn-sm" onclick="edit_security('{{ security.id }}', '{{ security.name }}', '{{ security.value }}', '{{ security.description }}')"><i
                                    class="fa fa-edit"></i>
                                Edit
                            </button>
                            <button data-bs-toggle="modal"
                                    data-bs-target=".delete_security" onclick="delete_security('{{ security.id }}', '{{ security.name }}')"
                                    class="btn btn-outline-danger btn-sm"><i
                                    class="fa fa-trash"></i>
                                Delete
                            </button>
                        {% else %}
                            <button class="btn btn-outline-info btn-sm"
                                    title="You can not complete this action. Loan is already appraised">
                                <i
                                        class="fa fa-ban"></i> Edit
                            </button>
                            <button class="btn btn-outline-danger btn-sm"
                                    title="You can not complete this action. Loan is already appraised">
                                <i
                                        class="fa fa-ban"></i> Delete
                            </button>
                        {% endif %}
                    </div>
                </td>
            </tr>

        {% endfor %}
        </tbody>
    </table>
    <!-- ==========SECURITY VALUE =============== -->
    <div class="col-md-12">
        <div class="row mt-4">
            <div class="col-md-6">
                <h5><b>Total Security value Required:</b></h5>
            </div>
            <div class="col-md-6">
                <h5><b>{{ currency.currency }} {{ needed_value|intcomma }}</b></h5>
            </div>
        </div>
        <div class="row mt-4">
            <div class="col-md-6">
                <h5><b>Total Security value Provided:</b></h5>
            </div>
            <div class="col-md-6">
                <h5><b>{{ currency.currency }} {{ total_security_value|intcomma }}</b></h5>
            </div>
        </div>
    </div>
{% else %}
    <!-- ==========SECURITY VALUE =============== -->
    <div class="col-md-12">
        <div class="row mt-4">
            <div class="col-md-6">
                <h5><b>Total Security value Required:</b></h5>
            </div>
            <div class="col-md-6">
                <h5><b>{{ currency.currency }} {{ needed_value|intcomma }}</b></h5>
            </div>
        </div>
    </div>
{% endif %}
{% if use_shares == True %}
    <div class="col-md-12">
        <div class="row mt-4">
            <div class="col-md-6">
                <h5><b>Total Savings:</b></h5>
            </div>
            <div class="col-md-6">
                <h5><b>{{ currency.currency }} {{ applicant_savings|intcomma }}</b></h5>
            </div>
        </div>
        <div class="row mt-4">
            <div class="col-md-6">
                <h5><b>Total Shares Value:</b></h5>
            </div>
            <div class="col-md-6">
                <h5><b>{{ currency.currency }} {{ member_shares|intcomma }}</b></h5>
            </div>
        </div>
    </div>
{% endif %}